Membuat link otomatis pada posting blog

Posted by nana rudiana - 0 komentar

Membuat link otomatis pada posting blog >> Bagi para blogger pastinya sudah tahu betapa pentingnya SEO, banyak juga tehnik-tehnik dalam SEO, dari membuat breadcrumb navigasi, serta bertukar link untuk mendapatkan back link.

Link pada sebuah blog sangatlah penting,karena back link juga bisa meningkatkan pagerank blog kamu, dan yang tak kalah pentingnya lagi yaitu membangun internal link pada artikel yang satu dan yang lainya, sehingga menjadikan artikel itu terkait.

link otomatis blog

Disinilah infonetmu akan sedikit memberi tips bagaimana agar dalam artikel kamu akan terbentuk secara otomatis sesuai keyword yang kamu inginkan. Jadi jika kamu menulis keyword tertentu maka kata itu akan otomatis menjadi sebuah link sesuai dengan Url yang kamu inginkan. Langsung saja, ikuti langkah-langkahnya dibawah ini:

Login ke blog kamu

Klik rancanganEdit html

Download template (untuk backup)

Lalu cari kode: </head>

Kalau sudah ketemu,letakkan kode dibawah ini tepat diatasnya:

<script type='text/javascript'>
//<![CDATA[ function doHighlight(bodyText, searchTerm,link) { var newText = ""; var i = -1; var lcSearchTerm = searchTerm.toLowerCase(); var lcBodyText = bodyText.toLowerCase(); while (bodyText.length > 0) { i = lcBodyText.indexOf(lcSearchTerm, i+1); if (i < 0) { newText += bodyText; bodyText = ""; } else { if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf(">", i)) { if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) { newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>'; bodyText = bodyText.substr(i + searchTerm.length); lcBodyText = bodyText.toLowerCase(); i = -1; } } } } return newText; } function highlightSearchTerms(searchText, treatAsPhrase,link,divid) { if (treatAsPhrase) { searchArray = [searchText]; } else { searchArray = searchText.split(" "); } div=document.getElementById(divid); var bodyText = div.innerHTML; for (var i = 0; i < searchArray.length; i++) { bodyText = doHighlight(bodyText, searchArray[i], link); } div.innerHTML = bodyText; return true; } //]]></script>

Cari kode : <data:post.body/> kode ini ada 2 biasanya,pilih kode <data:post.body/> yang bawah.kalau sudah ketemu ganti kode tersebut dengan kode dibawah ini:

<p><div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>
highlightSearchTerms('anchor text keywords',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
highlightSearchTerms('anchor link keywords2',true,'http://link-artikel.com/disini.html','summary<data:post.id/>');
</script></p>

untuk menambahkan keywords yang akan di targetkan tambahkan kode berikut:

highlightSearchTerms('anchor tex keywords',true,'http://link-artikel.com','summary<data:post.id/>');

Ganti tulisan anchor text keywordr dengan text/tulisan yang akan di targetkan sebagai anchor link otomatis. Dan ganti http://link-artikel.com/disini.html dengan alamat link artikel yang sesuai dengan anchor text keywordnya. Selesai. . . . . .

Membuat judul posting berkedip

Posted by nana rudiana - 0 komentar

Membuat judul posting berkedip >> Membuat Judul Post Berkedip, meskipun tutorial ini sudah termasuk informasi lama namun cukup bermanfaat untuk pengoptimalan tampilan blog sobat. Mengapa demikian ? Ya, sebab dengan menampilkan judul post yang berkedip sudah tentu akan menarik perhatian pengunjung blog sobat serta memberikan sedikit warna seni yang berbeda pada tempate sobat. Mungkin diantara sobat lainnya ada juga yang sudah lebih dahulu lebih tahu tentang membuat Link teks berkedip ini.

Jika diantara sobat masih ada yang belum tahu tentang cara membuat Link teks berkedip ini, caranya seperti contoh dibawah:

<blink> LINK SOBAT </blink>
Contoh seperti :
<blink><a href="http:URL SOBAT.com/">NAMA LINK</a></blink>

OK, selanjutnya postingan ini akan berisikan artikel tentag Cara Pasang Judul Post Berkedip.

Caranya seperti berikut:
1. Login ke blog sobat
2. Kemudian Pilih Rancangan
3. Klik Edit HTML
4. Download Template (backup selalu template sobat)
5. Kemudian Centangkan "(Expand Widget)"
6. Cari kode seperti berikut::

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

7. Kemudian ganti dengan Kode di bawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><blink><data:post.title/></blink></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

8. Klik Simpan Template
9. Selesai.

Selamat ngeblog sobat !

Cara mengganti cursor dengan gambar

Posted by nana rudiana - 0 komentar

Cara mengganti cursor dengan gambar >> Bila kamu tidak suka dengan tampilan cursor yang biasa, kamu bisa ganti tampilan cursornya dengan sebuah gambar sesui yang kamu inginkan,misalnya gambar sehelai bulu. Silahkan yang mau ganti cursor dengan bulu bisa ikuti tips berikut ini :

Pertama : Save gambar bulu di bawah ini ke komputer kamu

upload gambar bulunya ke hosting gambar semisal photobucket. Kkalau belum punya, registrasi dulu ke photobucket misalnya.
Setelah gambar diupload, copy URL imagenya

Kemudian ikuti langkah berikut ini :
1. Login ke Blog.
2. Layout, Edit HTML.
3. Kalau sudah masuk, beri tanda centang pada "expand template widget"
4. Kalau sudah cari kode ini body {
5. Copas kode dibawah ini tepat di bawah kode tadi.

cursor: url("URL image kamu"), default;

Contohnya seperti ini:

body {
cursor: url("http://i873.photobucket.com/albums/ab299/handi_05/Downloada.gif"), default;
margin:0; padding:0;
line-height:1.5em;
font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;
color:#47443e; background:#4C1010;
}

6. Save, selesai

Lihat hasilnya di blog kamu ada sehelai bulu yang bergerak sesuai dengan gerakan mouse. Tidak cuman itu, masih banyak koleksi cursor yang lain. Kalau penasaran silahkan kunjungi situ ini.

Demikianlah cara mengganti cursor dengan sehelai bulu

Peringatan :

Teks yang berwarna merah jangan digunakan, hanya sebuah contoh saja.

Membuat sebuah tabel dengan html

Posted by nana rudiana - 0 komentar

Membuat sebuah tabel dengan html >> Sekarang kita akan masuk pada tahap yang lebih rumit, kenapa saya kata rumit? karena dalam membuat tabel dengan HTML ini diperlukan ketelitian, kecermatan dan kawan-kawannya. untuk menunjukkan daftar, misalkan tentang daftar sebuah harga atau data tertentu memang lebih mudah ditunjukkan dengan sebuah tabel, salah satu teman saya juga pernah saya buatkan tabel tentang harga pulsa dengan kode html,daripada menngunakan image/jpg yang loadingnya lama mungkin ada baiknya kamu pakai html saja,misal kode sbb:

<table border="1">
<tbody><tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
</tbody></table>

maka akan terlihat sbb:

Hari1	Hari2	Hari3	Hari4	Hari5
Hari1	Hari2	Hari3	Hari4	Hari5
Hari1	Hari2	Hari3	Hari4	Hari5

atau kamu bisa memasukkan seperti dibawah ini:

<table border="1">
<tbody><tr>
<th>Hari</th>
<th colspan="2">jenis pengunjung</th>
</tr>
<tr>
<td>
</td>
<td>Cewe'</td>
<td>Cowo'</td>
</tr>
<tr>
<td>Senin</td>
<td>50</td>
<td>6</td>
</tr>
<tr>
<td>Selasa</td>
<td>70</td>
<td>90</td>
</tr>
<tr>
<td>Rabu</td>
<td>3</td>
<td>150</td>
</tr>
</tbody></table>

maka hasilnya spt ini:

Hari	jenis pengunjung
	Cewe'	Cowo'
Senin	50	6
Selasa	70	90
Rabu	3	150

lihatlah hasinya dan editlah sesuai keinginan kamu.
semoga bermanfaat!

Cara mengganti logo blogger

Posted by nana rudiana - 0 komentar

Cara mengganti logo blogger >> Cara mengganti logo/icon blogger sangat mudah juga. buat temen2 yang gk suka logo blogger bisa mennganti sesuai dengan keinginanya, tapi kalo saya sih biar aja deh..soalnya sebagai ucapan terima kasih saya sama blogger jadi aq tidak akan menggantinya, ok buat yang pengen mengganti icon tersebut silahkan menuju Tkp aja ya,caranya sbb:

sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel, kalo tidak bisa gambar seadanya juga boleh,kemudian silakan upload gambar tersebut, misalnya di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,

1.masuk ke blogger anda
2.pilih tata letak
3.edit html, jangan lupa download dulu demi keamanan
4. cari kode seperti ini </head>
5. kalo sudah ketemu letakkan kode dibawah ini sebelum kode diatas.

<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

6.save template.

Cara Membuat NewsTicker/Berita Berjalan Keren

Posted by nana rudiana - 1 komentar

Cara Membuat NewsTicker/Berita Berjalan Keren >> Cara Membuat NewsTicker/Berita Berjalan Keren. newsticker atau berita berjalan bisa kita buat agar blog kita tampil lebih keren, disamping itu berita berjalan atau newsticker bisa ditampilkan dari recent post blog kita,dan akhirnya pembacapun bisa melihat apa saja berita terbaru dari blog kita. lihat gambar dibawah ini!

membuat newsticker,membuat berita berjalan

Nah, sudah jelas kan yang INFONETMU maksud,kalo belum jelas lihat demonya di blog saya yang lain yaitu INFONETGUE ya.

Dari gambar diatas mungkin sudah banyak yang tahu kalo itu mirip dengan newsticker dari gaya template sporty magazine 2 dari borneo template. karena memang banyak yang suka dengan gaya tersebut maka saya akan share pada teman-teman blogger yang lain bagaimana cara membuatnya.

Untuk Membuat Newsticker/berita berjalan keren seperti mirip sporty magazine 2 ikuti langkah-langkah dibawah ini:

Login ke blogger/blogspot kamu.
Klik Rancangan atau design.
Klik edit HTML.
Beri ceck / centang pada kotak yang berada pada pojok template kamu.
Dan jangan lupa download template kamu untuk berjaga-jaga agar jika terjadi kesalahan bisa dibackup.
Cari kode ]]></b:skin> dan copy paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>

/* News Ticker Wrapper */
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaX-eMZCt1BHAFOGjCNW2b2nAn0gzmK_LZD8t1_yM_T9CR5mLi_t6HAPbadGHT4RL9s_5K04l17ZJO99gHFOtfBx60zucdWv_Drnnp4Ji4S0WKlMEsfMK5SXbUGAhhB2OVbzGouLPC5Jo/s1600/headline.png) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:28px;color:#ff0000;}
.news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link{color:#ff0000;font-weight: bold;text-decoration:none}
.news a:visited{color:#ddd;font-weight: bold;text-decoration:none}
.news a:hover{color:#fff;font-weight: bold;text-decoration:underline}
Lalu Cari Lago kode </head> dan letakkan kode berikut tepat diatas kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAA4qkT5i26SQ6NmgJd5KQemhRQ_a6zv5_Bim3H_GL4gaueIFZ15xRdt8jcAUk8ZHokIVo-TBZgYVbkzw' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> INFONETGUE';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]></script>
Dan langkah terakhir Peletakkan kode HTML untuk newstickernya, kamu bisa meletakkan ditempat yang kamu inginkan. dan disini sebagai contoh saya akan meletakkanya dibawah menu navigasi horisontal. silahkan cari kode <div id='navigation'> dan setelah kode <div id='navigation'> ditutup dengan kode </div> letakkan kode berikut tepat dibawah kode </div>

<div class='newspic'>
<div class='news'>
<div style='float:left;padding:5px 60px 5px 7px;font:bold 14px Arial;color:#333;text-transform:none;'>
Berita Terbaru :
</div><div style='float:left;width:680px;padding:4px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Sabar Muanas", "http://infonetgue.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div style='clear:both;'/>
</div>

Ganti URL berwarna merah dengan URL blog kamu.
Nah, Sekarang simpan template kamu.

Keterangan:
Kode menu navigasi berbeda-beda, jika tidak menemukan kode pada nomor 7 coba kamu cari kode <div id='content-wrapper'> dan letakkan kode HTML newsticker (yang ada pada nomor 7 ) letakkan tepat diatas kode <div id='content-wrapper'>

Demikian cara membuat newsticker / berita berjalan keren, jika kamu berhasil maka akan ada berita terbaru dari recent post blog kamu yang bergerak atau berubah-ubah layaknya yang ada pada template gaya sporty magazine 2.

Sumber

Membuat Read More Otomatis Pada Blogspot

Posted by nana rudiana - 0 komentar

Membuat Read More Otomatis Pada Blogspot >> Read More atau Baca Selengkapnya yang sering kita lihat di setiap Blog memang sangat membantu untuk men-split artikel yang terlalu panjang. Namun ada sedikit kendala yaitu saat melakukan cut atau pemotongan artikel dengan menyisipkan <span class="fullpost"> dan </span> pada bagian akhir artikel, seperti postingan saya yang dahulu tentang membuat read more pada blogger.

Tapi jika Anda yang membutuhkan Read More Otomatis (RMO) untuk blog yang bersifat portal dan selalu up-todate bisa menggunakan script auto read more di bawah artikel ini, terdapat 2 (dua) script.

Sekarang cara menempatkan kedua Script tersebut adalah :

Pertama, silahkan masuk ke halaman EDIT HTML, Cari kode </head>
Letakkan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>

var thumbnail_mode = "float" ;

summary_noimg = 250;

summary_img = 250;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

<script type='text/javascript'>

//<![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Kedua ,Kalau sudah, ganti kode <data:post.body/>
,ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Ketiga ,Simpan

Catatan : Untuk Anda yang telah membuat read More dengan Metode Manual harus dibersihkan dulu seperti default, hapus pada bagian warna merah, seperti contoh di bawah ini :

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>

</b:if>

<div style='clear: both;'/>

Semoga bermanfaat :)

Ini dia cara menambahkan Favicon atau icon adressbar Pada Blogger

Posted by nana rudiana - 0 komentar

Favicon atau favorite icon merupakan icon yang tampil pada adressbar sebuah website.

Membuat favicon sebenarnya mudah, hanya perlu menambah sedikit kode. Sayaratnya sobat harus punya gambar ukuran 32x32 px. Setelah sobat memiliki gambar kecil tersebut, upload gambarnya pada image hosting seperti Picasaweb.

Langkah - langkah menambahkan Favicon atau icon adressbar Pada Blogger :

1. Tentukan gambar kecilnya (ukuran 32x32 px) lalu upload dan simpan url image-nya.

2. login ke blog sobat >> Rancangan >> edit HTML

3. cari kode <title><data:blog.pageTitle/></title>

4. lalu letakkan letakkan kode berikut dibawah kode <title><data:blog.pageTitle/></title>

untuk yang menggunakan gambar format gif :

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/gif'/>

untuk yang menggunakan format PNG :

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/png'/>

Keterangan :
ganti alamat URL icon Anda dengan url gambar yang sobat simpan tadi, misalnya saya menggunakan https://lh3.googleusercontent.com/_MjQ5nfMCTIs/TWvHUKentoI/AAAAAAAAAJg/yg0n_z8mZLw/favicon.png

5. Save template sobat..

Bagaimana cara membuat efek daun berjatuhan

Posted by nana rudiana - 0 komentar

Untuk sobat yang senang menghiasi blog dengan berbagai aksesoris. Efek berikut tidak boleh sobat lewati, yaitu bagaimana cara membuat efek daun berjatuhan.

Sobat sudah pernah memasang efek salju? jika sudah sebaiknya diganti dengan efek daun berjatuhan, sebab kebayakan efek nanti membuat loading blog sobat menjadi lemot. Bahayanya lagi memiliki efek samping terhadap daya tahan blog (#ngawur) :D

Berikut cara memasang efek daun berjatuhan di blog :

1. Login ke blog sobat >> Rancangan >> edit HTML >> centang Expand widget template.

2. Lalu sobat cari tag </head> pada template sobat.

3. Lalu copy script berikut dan letakkan diatas tag </head> tadi.

<script src='http://masterendi.googlecode.com/files/efek%20daun.js'/>

4. Save template, lalu lihat hasilnya..

Senangnya berbagi tips dan triks blog.. have fun..

Cara membuat efek salju di blog model baru

Posted by nana rudiana - 1 komentar

Cara memasang salju di blog model baru -- Akhirnya dapat lagi salju model kedua yaitu salju yang butirannya lebih besar dari pada salju model pertama. Jika sobat pernah membuat efek salju pada blog sebaiknya dihapus dulu sebelum memasang efek salju model kedua ini.

Dan berikut cara memasang efek salju di blog model baru :

1. login ke dasbor

2. Rancangan --> Edit HTML --> cari kode </body>

3. Copy kode dibawah dan letakkan diatas </body>

<script src='http://masterendi.googlecode.com/files/snow.js' type='text/javascript'></script>

4. Preview terlebih dahulu untuk memastikan bekerja atau tidak scriptnya pada template sobat.

5. Lalu SAVE template..

Demikian Cara membuat efek salju di blog model baru, selamat bersalju ria. Happy blogging and happy sharing...

Pasang widget lucu disudut blog (Bagian kedua

Posted by nana rudiana - 1 komentar

Pasang widget lucu disudut blog (Bagian kedua) --Sebelumnya pernah membuat cara memasang widget animasi kambing disudut blog, dapat tanggapan lumayan dari pembaca. Kali ini Pasang widget lucu disudut blog (Bagian kedua) tidak hanya satu animasi tapi 3 animasi.

Dan dijamin widget ini lucu-lucu. Pasang widget ini jika memang sobat berkenan, untuk sekedar menyapa pengunjung atau menghias blog saja. Tapi ingat sobat, jangan banyak - banyak ya? cukup satu atau dua saja.

Dan berikut adalah cara Pasang widget lucu disudut blog (Bagian kedua) :

1. Login ke dasbor blog sobat.

2. Rancangan --> add gadget

3. Pilih yang HTML/JavaScript.

4. Pilih animasi yang diinginkan dibawah lalu, masukkan kodenya kedalam kotak HTML/JavaScript tadi.

Animasi 1:

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020506.gif" border="0" ></a>

Animasi 2, tikus imut :

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020331.gif" border="0" ></a>

Animasi 3, pesawat oleng:

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020388.gif" border="0" ></a>

KETERANGAN:

Kode warna merah adalah posisinya, right berarti kanan. Silahkan ganti right menjadi left untuk posisi widget menjadi kiri.

5. Save, dan lihat hasilnya..

Lucu kan? emang lucu, kalau gak lucu dilucu-lucuin aja.. haha. Demikian postingan tentang Pasang widget lucu disudut blog (Bagian kedua). Happy blogging and sharing..

Cara membuat efek kursor bintang bertaburan

Posted by nana rudiana - 0 komentar

efek bintang bertaburan

Cara membuat efek kursor bintang bertaburan --Berbicara tentang efek, apalagi efek kursor, sudah banyak saya tulis, mulai dari cara pasang efek animasi kursor pada halaman posting, cara membuat efek buble atau gelembung pada kursor, Cara membuat efek salju di blog model baru, cara membuat efek salju versi 1, cara membuat efek gulungan pada sudut blog dan masih banyak lagi efek - efek lainnya.

Nah sobat masterendi.com saya ingin berbagi satu efek lagi yaitu Cara membuat efek kursor bintang bertaburan. Untuk sobat yang tertarik ingin mencoba, saya persilahkan untuk mengikuti langkah mudah berikut ini.

Cara membuat efek kursor bintang bertaburan :

1. Login ke dashboard blog

2. Lalu masuk ke menu Rancangan --> klik add gadget

3. Pilih HTML/JavaScript

4. Masukkan kode berikut :

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

5. Lalu SAVE

Selamat mencoba membuat efek kursor bertaburan bintang.. Untuk sobat yang sudah mencoba mari sharing dengan sobat-sobat masterendi.com bagaimana hasilnya..
Happy blogging and sharing..

asallamualaikum atok... ooo atok code

Posted by nana rudiana - 0 komentar

yea kata-kata di atas tadi begitu akrab di telinga kita,,,,
apalagi yang doyan dengan film yang judulnya upin-ipin,
blogers tw gak apa kode nya?
jika di tempel di wall bloger temlates kayak aku itu?

ok caranya begini...
1. buka bloger.com
2. pada dasbor pilih rancangan
3. trus tambah getget
4. masukkan kode ini<script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/atuk.swf','top','0px','left','0px','100001','95','170','transparent','ffffff');</script>

Posted by nana rudiana - 0 komentar

mempercantik blog dengan logo ilove indonesia di sudut atas blog

ok kali ini atas permintaan seorang sahabat saya akan memberikan kode saya cinta indonesia di sudut kanan atau kiri bog kita...

ini menunjukan rasa nasionalisme kita lho hahahaha
kaya guru ppkn aja

caranya gini

1. buka bloger

2. pilih stelan pada dasbor

3. tambah getget

4. masukakan kode ini untuk kiri atas<script language="JavaScript" src="http://adiwidget.com/js/aditopleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJwBg2-55VlEcJpAF3oC5jlQvzyuEZ03ToffCQQEOEVc94G8hMuymcu-WiWiVH09KTivi4NqSs5dveW_8Jpnx3jX5oU-fs5W-p-8pII-_MFUej3a69-tz9taGiQMBtMvpJ4Eeuv1CJOA7/s400/iluvindonesia_2.png")</script>

atau untuk kanan atas<script language="JavaScript" src="http://adiwidget.com/js/aditop.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr9jo-KFqCt3EQ6Dva-3HSzxTew9Z5U2OndVcZSZnyIVkpBka_TX90mUXzs8rgY2PiahSo0YdkJYfUsR-X9DFMO4PvXONC1rb5KsOVSVDP2yjhlyQ3SDW6DQXd6AdLWiIlS1u8en9i5W98/s400/iluvindonesia.png")</script>

Cara Merubah Format File jpg, bmp, png Menjadi Format Icon

Posted by nana rudiana - 1 komentar

Buka http://tools.dynamicdrive.com/favicon/
atau klik

Klik Browser untuk memasukan gambar yang diinginkan (Maksimum ukuran gambar 150 kB)
Berilah tanda ceklist untuk ukuran gambar icon
Kemudian Klik Create Icon
Lihat hasil dibawahnya ….. (Sebagai Contoh)

Kemudian Klik download untuk menyimpan hasilnya di komputer ….

Selamat Mencoba

Cara membuat menu dibawah header blog Versi 1

Posted by nana rudiana - 0 komentar

Membuat menu header blog itu sangat mudah, kita hanya perlu menambah beberapa kode. Contoh menu itu adalah Home / Beranda / Depan / Halaman utama , Menu Contac, menu Profile, menu Disclaimer, dan menu-menu lain yang ingin sobat buat. Manfaatnya adalah mempermudah user / pengunjung blog bernavigasi di blog kita, sehingga memperbesar pageview.

Nah, menu-menu diatas tergantung kebutuhan sobat, jika sobat merasa penting tidak salah kalau mencoba menggunakan cara dibawah ini, namun yang perlu diperhatikan agar berhasil adalah layout blog sobat harus sama atau mirip dengan template yang saya gunakan.

Langkah-langkah dibawah sudah saya uji coba di blog DEMO saya, dan berhasil. Sebelum memulai langkah-langkah dibawah backup terlebih dahulu template blog sobat.

Langkah - langkah membuat menu dibawah header blog adalah :

1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML, centang ' Expand Template Widget'

2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>

ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>

3. Jika sudah selanjutnya sobat cari kode ]]></b:skin>

4. Hapus kode tersebut dan ganti dengan kode dibawah ini.

a.navigation {
background: #3333ff ;
color: #ffffff ;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

]]></b:skin>

Keterangan :

Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
Kode warna biru adalah warna tulisan
Silahkan diganti dengan warna yang sobat inginkan. KLIK Disini untuk mengetahui kode warna HTML.

5. Save template lalu klik Elemen Laman atau klik rancangan.

6. kemudian klik tambah gadget >> pilih HTML/JavaScript

7. Copykan kode berikut kedalam kotak tersebut

<a href="http://www.masterendi.com " class="navigation">HOME</a>
<a href="http://www.masterendi.com/p/rekomendasi.html " class="navigation">CONTACT</a>
<a href="http://www.masterendi.com/p/buku-tamu.html " class="navigation">BUKU TAMU</a>
<a href="http://www.masterendi.com/2011/01/links-sahabat-master.html " class="navigation">LINKS</a>

Keterangan : Ganti yang dicetak tebal merah dengan URL menu, dan warna biru adalah nama menu.

8. SAVE lalu lihat hasilnya..

LIHAT DEMO

Selamat berkarya sobat, nantikan artikel "membuat menu navigasi versi 2"-nya, hehe.. have fun.

Cara Menginstal Windows XP

Posted by nana rudiana - 0 komentar

Karena install windows XP menggunakan CD installer, maka anda harus men – setting konfigurasi BIOS agar booting pertama / defaultnya adalah melalui CD – ROM. Setelah selesai, simpan dan exit.
Masukkan CD installer Windows XP ke dalam CD-ROM.
Setelah muncul perintah “Press Any Key to boot from CD …” di layar, Tekan sembarang tombol untuk memulai. Kemudian akan muncul ini.
Tunggu hingga muncul pesan “Welcome to Setup” kemudian ikuti pilihan menu selanjutnya.
Pilihlah install Windows XP dengan menekan Enter.
Lalu akan ada tampilan EULA ( End User Licence Agreement ), kemudian anda tekan F8 yang artinya Anda setuju. Bilamana anda tidak setuju, cukup tekan “ESC”.
Lalu anda akan di berikan suatu option. Dimana untuk membagi berapa Drive yang akan di bagi. Istilah untuk ini disebut “Partition”. Seperti halnya Drive C:, Drive D:, dsb. Oke … kita pilih Enter saja.
Setelah dienter, Anda harus memilih format jenis apa saja. Ada beberapa pilihan yakni FAT32 dan NTFS. Tetapi saya sarankan untuk mengambil option ini “Format the partition using the NTFS file system“. Karena Windows XP memiliki perfomance yang bagus dengan jenis ini.
Setelah proses format, secara otomatis akan berjalan sendiri nya. Setup mengopy file yang diperlukan dari CD ke hardisk anda. Setelah selesai komputer anda akan restart.
Setelah restart, akan muncul “Press Any Key to boot from CD …. “. Pesan saya, “JANGAN TEKAN TOMBOL APAPUN !!! “, atau anda akan kembali ke menu awal bila anda menekan sembarang tombol.
Tunggu lah hingga proses loading selesai, CD-installer bekerja kembali. Disaat ini, komputer mengambil data – data yang diperlukan dari CD ke harddisk.
Kemudian muncul menu “Regional and Language Setting“, pilih “Customize” dan pilihlah negara dan bahasa anda. Cukup disesuaikan dengan kebutuhan anda. Kemudian pilih OK dan Next.
Kembali anda di beri pertanyaan, yakni nama dan organisasi. Isilah sesuai data identitas diri anda kemudian pilih Next.
Nah disini lah yang terpenting, yakni anda akan diminta mengisi serial number Windows XP. Bila salah satu huruf atau angka, maka installasi selanjutnya tidak akan berjalan.
Kemudian ada menu “Computer Name and Administrator password“. Isi dengan username dan password sesuai kebutuhan. Eit … anda harus menghafalkan bilamana anda mengisi. Bila tidak ingin mengisi username dan password, kosongin saja kemudian pilih Next.
Kemudian Menu “Date and Time Setting”. Isi saja sesuai lokasi dimana anda berada. Lalu pilih Next.
Ada pilihan lagi yakni Network setting yaitu “Workgroup or Computer Domain” Klik Next saja deh biar ga pusing – pusing. Karena ini untuk setting jaringan LAN.
Komputer akan restart, ditunggu saja jangan beranjak kemana – mana. ngopy2 deh …
Saat itu juga, Keluarkan CD installer Windows Xp anda.
Lalu setelah itu, komputer akan bekerja kembali secara otomatis dan akan men-setting resolusi display monitor anda secara otomatis. Tinggal Klik OK.
Kemudian muncul “Welcome to Microsoft Windows” dan klik Next lagi.
Ada menu lagi, “Help Protect your PC“, pilih “Not right now” dan Next.
Lalu, anda akan diminta untuk mengisi nama yang akan di gunakan di komputer anda.
24. Setelah beres, lalu akan ada pilihan Thank You , Welcome dan Windows XP anda akan terbuka untuk pertama kalinya.FINISH !
Kemudian, anda hanya menginstall driver – driver tambahan yang sesuai dengan komputer anda. Biasanya sudah satu paket dalam bentuk CD ketika anda membeli laptop / motherboard baru. Jadi simpan baik2 CD driver tersebut, jangan sampai hilang. Karena anda akan kerepotan bilamana CD tersebut hilang !
Install aplikasi2 tambahan sesuai kebutuhan juga, misal Office, Video player, Chatting, Browsing dan sebagainya.
Akhirnya Selesai juga anda menginstall Windows XP di laptop / komputer anda. Semoga informasi ini bisa membantu anda.

11a

11c

bagaimana cara membuat link bergoyang ketika diarahkan dengan mouse

Posted by nana rudiana - 0 komentar

1. Login Ke dashboard Blog Sobat

2. Pilih --> Rancangan --> EDIT HTML

3. Cari Kode </head> dan copy paste tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

5. Save template sobat.

Demikian cara membuat Membuat link bergoyang, selamat mencoba..

Cara memasang facebook share dengan mudah

Posted by nana rudiana - 0 komentar

Cara memasang facebook share dengan mudah --Facebook share dengan facebook like sedikit berbeda. Facebook share tampilannya pada wall seperti update status, namun facebook like terdaftar pada recent activity.

Baik facebook share maupun facebook like sama-sama memberi fungsi sebagai tool untuk promosi artikel dan blog ke facebook user. Cara ini salah satu media yang efektif. Baca cara memposting artikel otomatis ke facebook melalui RSS Graffiti.

Cara memasang facebook share dengan mudah
Nah, jika sobat tertarik untuk memasang facebook share dengan mudah berikut langkah-langkahnya :

1. Seperti biasa, login ke dasbor blog sobat

2. Rancangan --> Edit HTML

3. Cari kode <data:post.body/>

4. Kalau sobat menemukan dua kode <data:post.body/> maka pilih yang pertama, jika menemukan tiga kode pilih yang kedua, jika ketemu empat kode pilih yang kedua juga.

5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika ingin memasang tombol facebook share dibawah postingan atau letakkan diatas <data:post.body/> jika ingin memasang diatas postingan.

Tombol Fshare tanpa counter

tombol fshare tanpa counter

Kode:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter diatas

tombol fshare dengan counter diatas

Kode:

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter disamping

tombol fshare dengan counter disamping

Kode:

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

6. Jika sudah Save template sobat, dan nikmati hasilnya..

Selamat mencoba cara memasang facebook share dengan mudah.
Happy blogging and sharing..

Setting Domain di co.cc

Posted by nana rudiana - 0 komentar

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".

Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
Untuk option "TTL" biarkan saja, gak perlu dirubah2
Pada option "Type" pilih yang "CNAME"
Untuk kolom "Value" isikan "ghs.google.com"

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
Kemudian pilih "Switch to: • Custom Domain
Setelah itu klik pada "Already own a domain? Switch to advanced settings"
Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.