Cara Mempercantik Tampilan Feedburner


Cara Mempercanti Tampilan Feedburner - pada postingan kali ini saya akan membuat tutorial tentang mempercantik tampilan form berlangganan. Sebelumnya feedbuner sendiri menyediakan form berlangganan dengan tampilan yang simple, nah kali ini saya akan memberikan script dengan tampilan form berlangganan yang lebih keren dan menarik.

Sekarang bagaimana cara memasangnya ?

  • Pertama, Log-in ke blogger kalian,
  • Kedua, pilih Rancangan,
  • Ketiga, pilih Tata Letak,
  • Keempat, pilih Tambah Gadget,
  • Kelima, pilih Javascript/Html,
  • Selanjutnya, sobat copy script di bawah ini ke dalamnya,
<style>
.form {
border:1px solid #ccc; 
background: #ffffff 
padding:3px;
width:300px;
height:150px 
}

.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieA637V7KqRHTmcfwXCfFpg3MSiMWdfN-o9lmgkdQnQYaKI2I_RcFtgXl7z0P5Kfscb1BAT8lSjUaL4-Z6tKjPKOwcJurwqc1Hh_PvPoXOeyooNRTla1oGGKl75V9XygJrj-JO2IPT_kB-/s400/feedreader_2.jpg")repeat-y right;
}

.button {
background: #006699;
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin-left: 5px;
border: 1px solid #234B69;
padding:3px 5px 3px 5px;
font-weight: bold;
}
</style>

<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:12px; padding:0x 5px 5px 10px;"><div style="padding-left:10px"><p><a href="http://feeds.feedburner.com/Koisine" rel="alternate" type="application/rss+xml"><img src="http://1.bp.blogspot.com/_C6KkooKXCEw/TIBf3E-mUfI/AAAAAAAAGwM/EoxAFDlcdr4/s200/feed-c.png" alt="" style="vertical-align:middle;border:0"/></a><a href="http://feeds.feedburner.com/Koisine" rel="alternate" type="application/rss+xml"> Gratis berlangganan artikel via RSS</a></p></div></div>

<div style="padding-left:10px"> Anda bisa berlangganan FEED via email</div>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Koisine', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:170px; height:16px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Tulis email anda disini&quot;;}" onfocus="if (this.value == &quot;Tulis email anda disini&quot;) {this.value = &quot;&quot;}" type="text" value="Tulis email anda disini" /> <input type="hidden" value="Koisine" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="Subscribe" /></div></form>

<div style="padding-left:10px"><a target="_blank" href="http://feeds.feedburner.com/Koisine"><img
border="0" alt="ads" src="http://feeds.feedburner.com/~fc/pradiszwardhana?bg=8a8a8a&fg=444444&anim=1"/></a></div>
</div></div>
  • Note : Ganti Koisine dengan nama Feedburner kalian.
  • Terakhir, Simpan.
Ganti sekarang juga dengan tampilan feedburner yang lebih keran.

Penulis : Kang Koisine

Akhirnya Google Mengenal Blog Saya

Akhirnya Google Mengenal Blog Saya - saya sangat berterima kasih pada google, karena blog saya sudah muncul dengan addwors koisine, ini merupakan hal yang paling ditunggu-tunggu saya dan juga para blogger lain, dan juga rank saya naik dari 0 ke 1 memang tidak sepesial dan usaha saya tidak sia-sia dengan selalu mengupdate blog tidak sia-sia.


Thanks google and all

Cara Menghilangkan Judul Dan Deskripsi Blog


Cara Menghilangkan Judul Dan Deskripsi Blog - pada postingan kali ini saya akan membahas bagaimana cara menghilangkan judul dan deskripsi pada blog, sebelumnya anda pernah merasa kesal dan BT karena pada saat anda ingin memasang banner atau logo blog dengan menggunakan css, tetapi judul blog dan deskripsi blog masih terpajang pada header, saya punya solusinya

  • Pertama log-in dahulu ke Blogger kalian,
  • Kedua, pilih Rancangan,
  • Ketiga pilih Edit Html,
  • Silahkan kalian cari kode yang mirip dengan kode di bawah ini,
#header h1 {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 3px 0;
text-transform:none;
}
  • Perhatikan kode awalnya{ dan },
  • Selanjutnya sisipkan kode display:none; sebelum kode penutup atau seperti ini  }
  • Maka judul blog anda sudah hilang, ingat bukan terhapu tetapi hanya disembunyikan.
  • Selanjutnya cari kode yang mirip seperti kode di bawah ini,
#header .description {
color:#999999;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 15px 0;
text-transform:none;
}
  • Perhatikan juga kode { dan },
  • Selanjutnya sisipkan kode display:none; sebelum kode penutup atau seperti ini  },
  • Maka deskripsi blog sudah disembunyikan,
  • Terakhir, Simpan Template.
Semoga artikel ini bisa bermanfaat bagi banyak orang.

Penulis : Kang Koisine

Cara Merubah Blog Menjadi Dofollow


Cara Merubah Blog Menjadi Dofollow - pada postingan sebelumnya saya juga pernah membuat posting tentang Pengertian Blog Dofollow yang menguntungkan banyak orang dengan backlink gratisnya, sesuai tujuan saya membuat postingan ini saya akan membuat tutorial mengenai "Merubah Blog Menjadi Dofollow" selain cara cepat meningkatkan traffik dan Alexa Rank dan juga bisa disebut kepala keluarga dengan memberikan makanan secara gratis kepada para anak-anak, atau dalam bahasa bloggernya sebagai penyedia backlink gratis yang menguntungkan kedua pihak baik pemilik blog maupun pemberi komentar.

Sekarang bagaimana cara merubah blog Nofollow menjadi Dofollow ?

Ikuti langkah-langkah berikut.

  • Pertama, Log-in terlebih dahulu ke blogger kalian,
  • Kedua, pilih "Rancangan",
  • Ketiga, pilih "Edit Html"
  • Keempat, gunakan ctrl_f untuk mencari kode di bawah ini,
<a expr:href='data:comment.authorUrl' rel='nofollow'>
  • Kelima, hapus kode di atas dan ganti dengan kode di bawah ini,
<a expr:href='data:comment.authorUrl'>
  • Keenam, Simpan Template.


Bagaimana, mudah bukan tidak akan sampai 2 menit blog kamu sudah menjadi dofollow.
Selamat Mencoba.
Apabila kalian masih mau membaca Pengertian Blog Dofollow silahkan baca di Postingan Sebelumnya,

Penulis : Kang Koisine

Pengertian Blog Dofollow


Cara Merubah Blog Nofollow Menjadi Dofollow - sesuai dengan judulnya kali ini Kang Koisine akan membahas tentang dofollow. Sebelumnya Dofollow sendiri adalah dimana pada saat kita berkomentar pada blog dofollow disebut backlink, jadi apabila kalian merubah blog menjadi dofollow maka kalian akan mendapatkan untung dan pengunjung yang meninggalkan komentarnya akan akan mendapatkan backliknk gratis dari blog dofollow tersebut. Dofollow juga bisa disebut penyedia backlink gratis yang banyak dicari blogger-blogger indonesia karena mendapatkan backlink gratis dari blog doffolow.
Sekarang apa keuntungan dan kerugian blog dofollow ?

Keuntungannya ?
  • Bagi pemilik blog doffolow keuntungan yang didapat dari antara lain, sebagai jalan alternatif untuk meningkatkan Traffick, Alexa Rank meningkat secara cepat, dan diiringi dengan update posting minimal 1 minggu ada 3 atau 4 posting baru,
  • Bagi pemberi komentar pada blog dofollow keuntungan yang didapat adalah sebagai backlink gratis, dan juga dengan memberi komentar pada blog dofollow bisa meningkatkan traffick bagi blog pemberi komentar,
  • Dengan menseting blog menjadi dofollow pemilik blog tidak wajib untuk mengunjungi balik pada pemberi komentar karena sudah tergantikan dengan backlik gratis,

Lalu apakah blog dofollow mempunyai kerugian ?

Pasti ada tapi tidak terlalu banyak, tetapi saya tidak bisa menguraikannya di sini karena menurut saya menseting blog nofollow ke dofollow sangatlah menguntungkan dan banyak keuntungannya daripada kerugiannya.

Sekarang bagaimana menurut anda, kalian mau merubah blog nofollow anda ke blog dofollow ?
Coba kalian kunjungi postingan saya tentang Cara Merubah Blog Menjadi Dofollow

Penulis : Kang Koisine

Cara Membuat Label Dengan Thumbnail

Cara Membuat Label Dengan Thumbnail - berbeda dengan label yang umumnya berbentu text, kali ini Kang Koisine akan membagi tutorial tentang membuat label dengan fitur gambar dengan tampilannya yang simple dan menarik saya rasa bagus untuk dipasang pada blog, selain itu menarik perhatian pengunjung yang melihatnya, pemasnganya juga sangat mudah asalkan kalian dengan teliti mengikuti langkah-langkah yang telah diberikan berikut ini.


  • Pertama login terlebih dashulu ke Blogger kalian,
  • Pilih Rancangan,
  • Pilih Edit Html,
  • Note : ceklist Expand Template Widget,
  • Letakan kode di bawah ini sebelum kode ]]></b:skin>












img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px; 
height:75px;
margin-right:10px;
margin-top:10px }
 
img.label_thumb:hover {

opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 } 

  • Kemudian letakan kembali kode di bawah ini sesudah kode ]]></b:skin>












<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.

link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate')

{posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}

catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);

c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>

  • Simpan Template,
  • Selanjutnya masuk ke Rancangan,
  • Pilih Tata Letak,
  • Pilih Tambah Gadget,
  • Dan Javascript/HTML,
  • Selanjutnya masukan kode berikut kedalam Javascript/HTML tersebut,












<script type='text/javascript'>var numposts = 4;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Template?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Note : 
  • Witdh : 10px; > Ganti angka 100 untuk mengubah lebarnya,
  • Height : 75px; > Ganti angka 75 untuk mengatur ringgi,
  • 4 > Ganti angka untuk mengubah jumlah label thumbnail yang akan ditampilkan,
  • Template > Ganti kata Template untuk mengatur nama lablel,
  • Terakhir Save.
Semoga artikel ini bisa bermanfaat bagi orang banyak .

Penulis, Kang Koisine

Pasang Artikel Terkait Dengan Gambar Dan Ringkasan

Pasang Artikel Terkait Dengan Gambar Dan Ringkasan - Kang Koisine akan berbagi tutorialnya tentang artikel terkait yang keren dah.
Ceritanya setelah beberapa kali blogwalking saya menmukan tutorial tentang pemasangan artikel terkait dengan gambar dan ringkasan, saya sangat tertarik dengan tutorial tersebut karena tampilannya yang menarik perhatian dan tampil di bawah artikel, saya langsung menerapkannya pada blog saya, artikel terkait ini berbeda dengan artikel terkait dengan gambar lainnya, karena ditambahkan ringkasan artikel yang bisa kita sesuaikan dan dengan fitur readmore. Apabila sobat ingin memasnag tutorial ini yang diterapkan pada blog sobat silahkan ikuti peraturan di bawah ini.


  • Pertama, Log ini ke draft.blogger sobat,
  • Pilih Rancangan,
  • Pilih Edit HTML,
  • Gunakan ctrl-F untuk menemukan kode di bawah ini,
</head>
  • Selanjutnya copy kode di bawah ini dan taruh tepat sebelum kode di atas,
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related_posts h4 {
background: none repeat scroll 0 0 #333;
color: #FFF;
font-family: Arial,Tahoma,Verdana;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 2px 5px 1px 8px;
text-shadow: 1px 1px #000000;
text-transform: uppercase;
}
#relpost_img_sum {
/* height: 320px;
overflow: auto; */
margin: 0;
padding: 4px;
line-height: 16px;
}

#relpost_img_sum:hover {
background: none;
}

#relpost_img_sum ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#relpost_img_sum li {
border: 1px solid #DDD;
margin: 0;
padding: 5px;
height: 65px;
list-style: none;
}

#relpost_img_sum li:hover {
background-color: #E6E6E6;
}

#relpost_img_sum a {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#relpost_img_sum .news-title {
display: block;
font-weight: bold !important;
margin-bottom: 4px;
}

#relpost_img_sum .news-text {
display: block;
text-align: justify;
font-weight: normal;
text-transform: none;
color: #333;
}

#relpost_img_sum img {
float: left;
margin-right: 14px;
padding: 4px;
border: solid 1px #DDD;
width: 55px;
height: 55px;
}
</style>
<script type='text/javascript'>//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 10;
var numchars = 200;
var morelink = "readmore"
;
/*
Related Post with Thumbnail & Summary 1.0 (May 02, 2011)
copyright (c) 2011 Hendriono from http://modification-blog.blogspot.com/
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\'  I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... [<a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a>]<17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnojudul|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxtampil|li|span|text|split|join|relpostimgcuplik|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|artikelterkait|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>
  •  Keterangan untuk text yang bercetak tebal,
  • var relnojudul = 0; Jangan diubah.
    var relmaxtampil = 10; ubah angka 10 untuk menentukan berapa jumlah artikel terkait yang muncul.
    var numchars = 200; ubah 200 untuk mengubah jumlah karakter ringkasan dalam artikel terkait.
    var morelink = "readmore" ubah kata readmore sesuai dengan selera kalian.
  • Selanjutnya cari kode di bawah ini,
<data:post.body/>
  • Dan letakan kode di bawah ini tepat di bawah kode di atas,
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts'>
<h4>Related Posts</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<a href='http://namablog.blogspot.com/' style='display:none;'>Related Posts with thumbnails and summary post for blogger</a>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</b:if>
  • Ganti kata yang bercetak tebal dengan nama blog kalian.
  • Terakhir, Simpan Template.
  • Lihat Hasilnya.
Selamat Mencoba.

Percantik Komentar Dengan Memasang Reply

Percantik Komentar Dengan Memasang Reply - Kang Koisine akan berbagi ilmu dan tutorial tentang fitur reply, reply itu sendiri adalah fitur untuk membalas komentar pada blog, dan juga memungkinkan para pengunjung untuk balas-membalas komentar, tutorial ini juga bisa dibilang sebagai aksesoris blog atau aksesoris komentar. Fitur reply juga sudah dipasangkan otomatis pada template tertentu, namun juga banyak template yang tidak dipasang fitur reply ini, sebelumnya apabila sobat mau memasang fitur reply ini pada blog kalian mari kita simak beberapa tutorial berikut ini.

  • Login terlebih dahulu ke draft.blogger sobat,
  • Pilih Rancangan,
  • Pilih Edit Html, Jangan lupa ceklist Expand Template Widget,
  • Gunakan crl-F untuk menemukan kode di bawah ini,
 <data:commentPostedByMsg/>
  • Selanjutnya letakan kode di bawah ini setelah kode di atas,
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG_ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,
width=450,height=450&quot;); return false;'>
<img alt='Reply To This Comment' src='http://tinyurl.com/2cn64d7'/>
</a>
</b:if>
  • Fitur reply di atas menggunakan fitur reply bergambar,
  • Nah apabila sobat ingin menggunkanan fitur reply text gunakan kode di bawah ini,
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG_ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,
width=450,height=450&quot;); return false;'><b>[Balas Komentar]</b>
</a>
</b:if>
  • Pilih salah satu kode di atas, 
  • Note : untuk tulisan yang becetak tebal (BLOG ID), sobat lihat id blog pada address bar, atau lihat gambar di bawah ini,



















  • Selanjutnya, Simpan Template.

Sekian tutorial -Percanti Komentar Dengan Memasang Reply- dari Kang Koisine 
Semoga bermanfaat.

Penulis, Kang Koisine

Cara Mengganti Template Baru

Cara Mengganti Template Baru - Nah sesuai dengan judulnya kali ini Kang Koisine akan membagi ilmunya tentang mengganti template baru 2011. Sebelumnya sudah banyak tutorial Cara Mengganti Template baik Template Klasik ataupun Template Baru tetapi saya membantu lagi para blogger pemula yang memerlukan tutorial ini untuk mengganti template akan membuat tutorial Mengganti Template Baru. Disini Kang Koisine akan membuat tutorial super lengkap dengan fitur gambar agar mempermudah kalian dalam mempraktekannya, sebenarnya mengganti template itu gampang-gampang susah, terkadang banyak Template yang eror pada saat mengunggahnya dan yang lebih parahnya sesuai dengan pengalaman Kang Koisine, ada template yang bagus dan menarik, pada saat kita mendownload template tersebut dan kita menerapkannya pada blog kita seakan-akan tampilannya beberda sekali dengan yang aslinya atau demonya, kurang navigasinya lah, tetapi lebih baik kita menggunakan template yang Elegant, dan yang simple saja dan jangan terlalu mewah, karena bisa memberatkan Blog dan mempersulit google untuk mendeteksi keberadaan blog karena terlalu berat beban blog tersebut, dan saya sarankan gunakan template yang sesuai dengan sobat dan jangan terlalu banyak mengubahnya, katanya sih nurunin pagerank. Langsung saja deh tutorialnya,

Simak dengan baik ! 
Note : klik gambar untuk memperjelas !

  • Pertama, masuk ke draft.blogger terlebih dahulu,
  • Setelah itu masukan username dan password sobat,


















  • Setelah itu kalian akan masuk ke dasbor blog,
  • Dan pada dsbor pilih rancangan,


















  • Setelah itu pilih Edit HTML,


















  • Perhatikan gambar di bawah ini !
















  • Keterangan 1, ceklist Expand Template Widget,
  • Keterangan 2, browse dimana sobat menaruh template,
  • Keterangan 3, apabila sobat sudah menemukan template, lalu klik unggah.
  • Apabila muncul dialog Pertahankan Widget, Hapus Widget, Batal.
  • Pilihlah Pertahankan Widget. 
  • Selesai. 
Sekian tutorial dari Kang Koisine semoga bermanfaat.
 
Sumber : Kang Koisine

Modifikasi Kotak Followers Sobat

Google Friend Connect memang menyajikan banyak fasilitas untuk kita. Sebelumnya pernah saya posting tentang bagaimana menggunakan fungsi  Nawala yang memungkinkan Anda dapat mengirim artikel hanya untuk pelanggan Anda. Sekarang mari kita modifikasi kotak pengikut Anda agar lebih menarik dan enak dilihat.


1. Silahkan klik untuk menuju ke Google Friend Connect
2. Jika Anda sudah punya blog, silahkan klik Masuk

 
 3. Login dengan akun gmail Anda.
4. Klik Tombol Persetujuan Layanan.
5. Anda akan masuk di halaman Google Friend Connect. Di bagian kiri akan ada daftar blog di akun gmail yang Anda gunakan untuk login. Klik Blog yang diinginkan.
6. Pilih Gadget pada sidebar kiri.
 
7. Pilih gadget Members
8. Anda akan dibawa ke halaman pengaturan
Pada Pilih Ukuran Gadget Anda bisa menentukan Lebar yang menunjukkan lebar gadget Anda dan Sederetan Wajah yang menunjukkan jumlah deretan wajah ke bawah.
Pada Pilihan Warna aturlah warna bagian-bagian kotak followers Anda. Dilengkapi dengan preview di samping kanan. Anda juga bisa atur jenis font.
Jika sudah selesai, klik Buat Code untuk mendapatkan kode yang bisa dipasang di gadget HTML Anda.


Sedikit Saran...
Apakah Anda sudah membaca artikel saya berjudul Membuat Javascript Milik Anda Pribadi? Jika belum bacalah! Javascript yang terkandung pada bagian kode Gadget yang Anda buat di atas tentu akan dipanggil banyak orang. Untuk itu Anda sebaiknya membaca artikel tersebut agar loading gadget Anda jauh lebih cepat.

Penulis, Mas Doyok

Revolution Code Gray Blogger Template

Revolution Code Gray Blogger Template by Bloganol



Revolution Code Gray Blogger Template


Revolution Code Red Blogger Template

Revolution Code Red Blogger Template by Bloganol



Revolution Code Red Blogger Template


Writer's Blog Blogger Template

Writer's Blog Blogger Template by OurBlogTemplates



Writer's Blog Blogger Template


Newspaper Blogger Template

Newspaper Blogger Template by OurBlogTemplates



Newspaper Blogger Template


A Click Apart Blogger Template

A Click Apart Blogger Template by OurBlogTemplates



A Click Apart Blogger Template


Revolution Lifestyle Blogger Template

Revolution Lifestyle Blogger Template by Bloganol



Revolution Lifestyle Blogger Template


Revolution Code Blue Blogger Template

Revolution Code Blue Blogger Template by Bloganol



Revolution Code Blue Blogger Template


Personal Mag Blogger Template

Personal Mag Blogger Template by ThemeLib



Personal Mag Blogger Template


Rebel Magazine Blogger Template

Rebel Magazine Blogger Template by ThemeLib



Rebel Magazine Blogger Template


WP-Polaroid Blogger Template

WP-Polaroid Blogger Template



WP-Polaroid Blogger Template


Revolution Church Blogger Template

Revolution Church Blogger Template by Bloganol



Revolution Church Blogger Template


Blue Steel Blogger Template

Blue Steel Blogger Template by BloggerBuster


Blue Steel Blogger Template


Arthemia Blogger Template

Arthemia Blogger Template by ThemeLib


Arthemia Blogger Template


Vibrant Blogger Template

Vibrant Blogger Template by GosuBlogger


Daily Inspired Blogger Template

Daily Inspired Blogger Template by Woork



Magazine 2 Blogger Template

Magazine 2 Blogger Template by Rohman Abdul Manap

  

Cellar Heat Blogger Template

Cellar Heat Blogger Template by MagzNetwork
 

 

Magazine 1 Blogger Template

Magazine 1 Blogger Template by Rohman Abdul Manap


Magazine Style Red Blogger Template

Magazine Style Red Blogger Template by Jackbook


Visionary Reloaded Blogger Template

Visionary Reloaded Blogger Template by Blogger Templates



Revolution Theme

Revolution Theme by Brian Gardner (Ported by Aborregate)



Tekikon Blogger Template

Tekikon Blogger Template by Template Godown


Indomagz Blogger Template

Indomagz Blogger Template by GosuBlogger
 
 

Grid Focus Blogger Template

Grid Focus Blogger Template by BloggerBuster
 

 

Alpha Blogger Template

Alpha Blogger Template by Falcon Hive



Tambahkan FaceSmooch Emoticons Pada Komentar


Tambahkan FaceSmooch Emoticons Pada Komentar - sebelumnya saya juga pernah memberikan tutorial tentang cara menambahkan emoticon yahoo pada komentar, berbeda dengan yang ini yaitu Emoticon dengan tampilan muka yang berwarna biru cukup menarik untuk ditambahkan pada komentar.
Apabila kalian suka memodifikasi tampilan komentar, coba tutorial yang satu ini semoga tidak sia-sia.

Langsung saja tutorialnya,
Ikuti langkah-langkahnya dengan teliti.
  • Pertasma, Log ini terlebih dahulu ke Blogger sobat,
  • Pilih Rancangan,
  • Selanjutnya, Pilih Edit HTML,
  • Gunakan ctrl-F untuk mencari kode berikut,
  • <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  • Pehatikan kode berikut ini dan silahkan kalian letakan kode berikut ini sebelum kode di atas,
<div style=' width: 450px; text-align: left; border: 4px solid #000000; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOanfd8eVXUSrJCUO16kWmkPQVk4WGfPaz6WsCWj2BiVdAo1wVXl38IZ5k3hqhb2BK9mW0zknLgLLS2XpGsxKuEQiz9lK4X19FClBzPklqBKxkuxcSO9qH30cfZYVTiU3oVE6qeiQQzF0/'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNzq8rE9Y57LjbgCQEeko_8fTE7mDSifzV3Ot15krrBdT8Cq03a5Qx05EeJ3dzbpPKPDcmyL7ydEsXm2eD0D1YHaOsfJWS_iquxbP-BO0fP091ly-WM34AwU1KsBPBXvWDUIuHcymimI/'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWMxm6ymW7kPB83K3aK0_vXYeUHsfxZbpLhmNd3z2r9gfXW15VW_D7BC8UypbGMB4jti6AVDgg95OiG8WtGUl9gv_th7Rn3aVkn4CTpzB2NXR8zCS8Ep3ZJFhMzzLca1SKDnTuy8_1zyA/'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga5vhIJ2iMrPj25T3ofQ7UpSDhROvyJPHzdLK2b-VyoyGaWdhO0K6c-3I2igGfnK4hRiukKUkvrLLvyNmA3KhYcktdhpSz0568tCEQrgYQpF8aeH0hB-71HDs97187YEADhGmuwyoT3QQ/'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix8r6qNWT4w3yZla8JUd_Wnjk5CuV-vFsjD7vyK3Y_T2MZZuDCWoorYdCBm_9g8QpxqX3Z3E003wEfm1ad64ViP249KXSmK78diaCpouUB0dY0KXQQz8Yex6HJTyXjcUcCDEFjyBnuvAo/'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdholdPKFbBB1HAIRkYpbIpEMilAmvo-wBjmdqFFvic1AC2nkw2QpbeFC17JbOvH56owiTzLDcQcj0y3CMnlLMpmMyjT12ePh8EsK1KLZBAQp11zGzTyQ3aKLcS3UjXNM4YOaFbfTDe1Q/'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmUL81kIvbeGKTxpTNB2b745FW5ItUExYjISy9MNDpcj-EMhaiA2RlVkVlFoAthF33EdD9HMWYfEEeGEWL0SrJiAYVWbadDAhFgcqupdnLh0sszKsNHjeSBSphWA1aleM6mcjBqPHndw/'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpkFF0qTI3NUtB7_AIg-4sze7yru-6BZF1SkZez7RSTRxNp_v6f84wVo2KlrG66D7k1vBqWZzFK7rjeBzhBwweMw6xQoPmQ8yxqw6NREdNuhGhdfe1-jx_Dwfi3BzDQYbItKMv_Ubl2GY/'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzVfP49pcJrFXsakTNDl5__1m5Zqc14Jddkr3DrmiM8lD9-zANQke6220LAgHc3Z8G0aEi9Be3kgG_6CbmxpWd36ncxMxWiq1QK5gL8gwGXwPD3VnXNHmF8r0oDvRNPy-z2N2HOo294nk/'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9479DWm3SsYgm0OY1aVzuoTm_oiNppnnuJp_Jlv0NWQ1nGgKUVFxIFNkOJ8E40nsBqF7HWiqYUklXSXboxyNRcy5oXGbI1MtseevCK28tVlS3D5QBUnvmM3FiNb7BIg6c4PjcOtRoi8/'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijAbI2e7T2Xarkdq9Sk0U0cE0m06eeEagBMxw0cujUWY-Ud1giVz_dMlnXoZyOECUXotVxQCd8z1O2Edvs_eiNOLTwZfU8cXP1-YINBoO2iWPG13dS7Y6XVyfwAw5kqkM22a7liulCO1Y/'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkKy1AB-eWfrY2cgCvGMs5HRIDybPtW76n1VsvjXIf0mpIvh2rYqVCg_V4Vk0a1JtUKQesknAlyiP1BWLrRKVW4vTgXdflIs7JyCiMVfJGPjsYTl3_l5XJGkucPM-B7cRu_RjoN5_UOgk/'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQhKG37qbMH653o1NEECiN3kdks8Dk8GheBSr9S5VQQZ6nByaxgFq0FkeC5Evs3bt2JqBEVxnS4ICFWTnR5ULmwe_fJRxjq_mayp5Y5UQeRfvVRc58jCkX1OMvOaDA0pWVrEWVqO4DBs/'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqu1EQ8egDVflFmWewN-zQFin93p_Ti3v_vunPNdtEvAoXb9bAOA0Mvl1qSMdm9KJjeiS_OVCPKifQIa3ZuXRPBSgfEhV1SXXRuYgYVnz_DViAtM6oznDvUfiw-GaBBGsSkS71MPOWRqc/'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFCtrLKxX_McINiZuSyZ_NznqWOqzpNNGHeO5wlfGWugiK4dQNFa0Aux3pPO4iwJfKC2arWYz4rQcWz0dAgyWvoQNKieAOPvNAtTiBYz6TFnsHHMJh7EUXokh31o-dlVA6ya7b8wTJ0yc/'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyvCfGbvMXEfifxIKaxkjkkVu4pXgddJSFl_62PAqoEIO32YsyeMYFgbFR_WrmeiiEvnuwnpUxerwzZfRIUXGSG06jlvtceop7e7DfxJEWAKhY2G2NGeqsqsBZOjHJh7zK-D9kfKj01j4/'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ZfKkdF8eXoy7KVRSR6aF80tctBxApdPFiN-TTrtWkRoJlpuINXBM45HN-fIIyK7cQslIeAFEBYHl1yX0eZolC1IIJ1n7skZKMuvs8haTU0taTGDypBn3nw4TR8w-R4gvF6qjnbzE0wM/'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFXz8FZw_lsd9C6XliEWZmVGg8Po4Y_hydiEn6NY1C42fLxOtbYOPSeJwDJdSyeLwQkI8_veVVIbp5LAWF37d8hqV-BUFL5cOc0IH5-ze-ZY7OmxoQTvWcSI3B7pie0Um5FrZvup_cgY/'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2MA4m4-YdBD6e9iTnh-ZFwsoSoXQVI52woC-As2h9xac_L48GGwDHIK2xL7IT42GprWZcNkrL01rK_G7QvixVol_YlOnt7lvyY_Zo-gYHbdzPXE8uHiINgpVk_-y946mUpgBXpSbzbMI/'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGdPt_gN3sjZXIhQd19kWId1RtuBY3aVJ3kFdaVhiAzFj2QMr-eKfbhdSnZIIxvh_205VULUC5VqfyJe9XuLbSHQq3TPDUl7qUpZFGCBzS87P_idv1S7LcB4Z4aUczeCYBATkkxT1Vxq4/s24/bloggertricksandtoolz.blogspot%20(22).gif'/> :t
</div>
  • Selanjutnya silahkan kalian cari kode </body>
  • Dan letakan kode di bawah ini tepat di atas kode </body>
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9479DWm3SsYgm0OY1aVzuoTm_oiNppnnuJp_Jlv0NWQ1nGgKUVFxIFNkOJ8E40nsBqF7HWiqYUklXSXboxyNRcy5oXGbI1MtseevCK28tVlS3D5QBUnvmM3FiNb7BIg6c4PjcOtRoi8/' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijAbI2e7T2Xarkdq9Sk0U0cE0m06eeEagBMxw0cujUWY-Ud1giVz_dMlnXoZyOECUXotVxQCd8z1O2Edvs_eiNOLTwZfU8cXP1-YINBoO2iWPG13dS7Y6XVyfwAw5kqkM22a7liulCO1Y/' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkKy1AB-eWfrY2cgCvGMs5HRIDybPtW76n1VsvjXIf0mpIvh2rYqVCg_V4Vk0a1JtUKQesknAlyiP1BWLrRKVW4vTgXdflIs7JyCiMVfJGPjsYTl3_l5XJGkucPM-B7cRu_RjoN5_UOgk/' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQhKG37qbMH653o1NEECiN3kdks8Dk8GheBSr9S5VQQZ6nByaxgFq0FkeC5Evs3bt2JqBEVxnS4ICFWTnR5ULmwe_fJRxjq_mayp5Y5UQeRfvVRc58jCkX1OMvOaDA0pWVrEWVqO4DBs/' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqu1EQ8egDVflFmWewN-zQFin93p_Ti3v_vunPNdtEvAoXb9bAOA0Mvl1qSMdm9KJjeiS_OVCPKifQIa3ZuXRPBSgfEhV1SXXRuYgYVnz_DViAtM6oznDvUfiw-GaBBGsSkS71MPOWRqc/' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFCtrLKxX_McINiZuSyZ_NznqWOqzpNNGHeO5wlfGWugiK4dQNFa0Aux3pPO4iwJfKC2arWYz4rQcWz0dAgyWvoQNKieAOPvNAtTiBYz6TFnsHHMJh7EUXokh31o-dlVA6ya7b8wTJ0yc/' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyvCfGbvMXEfifxIKaxkjkkVu4pXgddJSFl_62PAqoEIO32YsyeMYFgbFR_WrmeiiEvnuwnpUxerwzZfRIUXGSG06jlvtceop7e7DfxJEWAKhY2G2NGeqsqsBZOjHJh7zK-D9kfKj01j4/' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ZfKkdF8eXoy7KVRSR6aF80tctBxApdPFiN-TTrtWkRoJlpuINXBM45HN-fIIyK7cQslIeAFEBYHl1yX0eZolC1IIJ1n7skZKMuvs8haTU0taTGDypBn3nw4TR8w-R4gvF6qjnbzE0wM/' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFXz8FZw_lsd9C6XliEWZmVGg8Po4Y_hydiEn6NY1C42fLxOtbYOPSeJwDJdSyeLwQkI8_veVVIbp5LAWF37d8hqV-BUFL5cOc0IH5-ze-ZY7OmxoQTvWcSI3B7pie0Um5FrZvup_cgY/' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2MA4m4-YdBD6e9iTnh-ZFwsoSoXQVI52woC-As2h9xac_L48GGwDHIK2xL7IT42GprWZcNkrL01rK_G7QvixVol_YlOnt7lvyY_Zo-gYHbdzPXE8uHiINgpVk_-y946mUpgBXpSbzbMI/' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGdPt_gN3sjZXIhQd19kWId1RtuBY3aVJ3kFdaVhiAzFj2QMr-eKfbhdSnZIIxvh_205VULUC5VqfyJe9XuLbSHQq3TPDUl7qUpZFGCBzS87P_idv1S7LcB4Z4aUczeCYBATkkxT1Vxq4/s24/bloggertricksandtoolz.blogspot%20(22).gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNzq8rE9Y57LjbgCQEeko_8fTE7mDSifzV3Ot15krrBdT8Cq03a5Qx05EeJ3dzbpPKPDcmyL7ydEsXm2eD0D1YHaOsfJWS_iquxbP-BO0fP091ly-WM34AwU1KsBPBXvWDUIuHcymimI/' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWMxm6ymW7kPB83K3aK0_vXYeUHsfxZbpLhmNd3z2r9gfXW15VW_D7BC8UypbGMB4jti6AVDgg95OiG8WtGUl9gv_th7Rn3aVkn4CTpzB2NXR8zCS8Ep3ZJFhMzzLca1SKDnTuy8_1zyA/' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga5vhIJ2iMrPj25T3ofQ7UpSDhROvyJPHzdLK2b-VyoyGaWdhO0K6c-3I2igGfnK4hRiukKUkvrLLvyNmA3KhYcktdhpSz0568tCEQrgYQpF8aeH0hB-71HDs97187YEADhGmuwyoT3QQ/' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix8r6qNWT4w3yZla8JUd_Wnjk5CuV-vFsjD7vyK3Y_T2MZZuDCWoorYdCBm_9g8QpxqX3Z3E003wEfm1ad64ViP249KXSmK78diaCpouUB0dY0KXQQz8Yex6HJTyXjcUcCDEFjyBnuvAo/' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqPgdKH4nIMlL8H4-h-71QHs3WgT-BQXG8BBGJcAe1O70GixEzGBrHrXmXWytD_BhqYLGcn33dG5FE6wx2Zq9iE5eC5q3iHMSmBcHXE-TBg1kQFlfyQNmLPYxfBm6V2eyAJjtVsleP9-0/' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdholdPKFbBB1HAIRkYpbIpEMilAmvo-wBjmdqFFvic1AC2nkw2QpbeFC17JbOvH56owiTzLDcQcj0y3CMnlLMpmMyjT12ePh8EsK1KLZBAQp11zGzTyQ3aKLcS3UjXNM4YOaFbfTDe1Q/' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmUL81kIvbeGKTxpTNB2b745FW5ItUExYjISy9MNDpcj-EMhaiA2RlVkVlFoAthF33EdD9HMWYfEEeGEWL0SrJiAYVWbadDAhFgcqupdnLh0sszKsNHjeSBSphWA1aleM6mcjBqPHndw/' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpkFF0qTI3NUtB7_AIg-4sze7yru-6BZF1SkZez7RSTRxNp_v6f84wVo2KlrG66D7k1vBqWZzFK7rjeBzhBwweMw6xQoPmQ8yxqw6NREdNuhGhdfe1-jx_Dwfi3BzDQYbItKMv_Ubl2GY/' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzVfP49pcJrFXsakTNDl5__1m5Zqc14Jddkr3DrmiM8lD9-zANQke6220LAgHc3Z8G0aEi9Be3kgG_6CbmxpWd36ncxMxWiq1QK5gL8gwGXwPD3VnXNHmF8r0oDvRNPy-z2N2HOo294nk/' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
  • Save Template, dan lihat hasilnya.
Tutorial, Tambahkan FaceSmooch Emoticons Pada Komentar sudah selesai,
Semoga artikel ini bisa bermanfaat bagi orang banyak.

Selamat Mencoba.

Sumber : Koisine Blog

Percantik Komentar Dengan Emoticon Yahoo Smile

Percantik Komentar  Dengan Emoticon Yahoo Smile - Sebenarnya sudah banyak blog lain yang membahas tentang Tutorial Blogger yang satu ini, tetapi alangkah lebih baiknya jika saya mengulangi kembali Tutorial Blogger tersebut pada blog saya, ya itung-itung update blog, karena semakin sering update maka akan semakin naik juga rank blog kita.
Pemasangannya gampang asalkan kalian membaca langkah-langkah berikut dengan teliti dan baik.
  • Pertama, silahkan kalian Log ini ke Blogger terlebih dahulu,
  • Pada dasbor blog pilih Rancangan,
  • Pilih Edit HTML,
  • Dan gunakan ctrl-F untuk mencari <b:if cond='data:post.embedCommentForm'>,
  • Selanjutnya silahkan kalian copy script di bawah ini,
 <div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
  • Dan letakan sebelum kode <b:include data='post' name='comment-form'/>
  • Selanjutnya cari kode </body>,
  • Selanjutnya copy kode di bawah ini,
<script src='http://rethna30.googlepages.com/smiley.js' type='text/javascript'/><noscript><a href="http://bdlab.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
  • Letakan sebelum kode </body>,
Tutorial Blogger Percantik Komentar  Dengan Emoticon Yahoo Smile sudah selesai.
Semoga artikel ini bisa bermanfaat bagi kalian semua.

Selamat Mencoba :))

Pasang Related Post Thumbnail Dari LinkWithin

Pasang Related Post Dari LinkWithin - Nah sebelumnya saya juga pernah memberikan tutorial tentang Pemasangan Related Post, tetapi berbeda dengan yang ini. Pada postingan kali ini Related Post yang akan kita pasang tepat di bawah posting akan dipermudah melalui LinkWithin, karena kita tinggal menuliskan Email, Alamat Url, dan berapa jumlah Related Post Thumbnails yang akan kita pasang di bawah postingan blog.
Tempilannya juga lumayan menarik dan tidak jelek-jelek amat karena dipercantik dengan thumbnail atau gambar dan proses pembuatannya juga tidak terlalu sulit.
Ok, bagi kalian yang suka dengan Related Post dengan Gambar kita mulai langkah-langkah pertama ini.

  • Pertama, kunjungi LinkWithin di disini,
  • Maka anda akan menemui form seperti gambar di bawah ini,











  • Email, masukan alamat email sobat,
  • Blog Link, masukan alamat blog sobat,
  • Platform, piih saja "other",
  • Width, pilih berapa jumlah Related Post yang akan muncul pada blog,
  • Selanjutnya centang, "My blog has light text on a dark background", 
  • Pilih Get Widget ! 
  • Selanjutnya, kalian akan diberikan script Related Post Thumbnails.
  • Sekarang kalian masuk ke Blogger sobat,
  • Pilih Rancangan,
  • Pilih Edit Html,
  • Gunakan ctrl F untuk mencari <data:post.body/>
  • Note : apabila sobat menggunakan fitur "Read More" pilihlah <data:post.body/> yang kedua.
  • Sekarang copy script yang tadi diberikan LinkWithin dan taruh setelah kode tersebut.
  • Save Template.
Selamat Mencoba.

Sumber : Koisine Blog