Cara Membuat Widget Berlangganan Keren dibawah postingan

Kali ini saya akan mebagikan cara membuat widget berlangganan  yang unik,,

Sebelumnya saya juga sudah memposting topik yang sama tetapi setelah di lihat2 kira kira kurang bagus jadi saya buatkan postingan utnuk widget yg lebih bagus.

Untuk penampakannya  Lihat dibawah postingan ini

Langsung aja sob ga pake basa basi:

Langkah :

1. Buka akun bloger anda ( jangan akun orang lain heheheh)
2. Back Up templatenya utk jaga2 siapa tau gagal
3. Masuk ke menu Edit HTML , jangan lupa centang Expand Template Widget
4. cari kode di bawah ini

     </head> 
     4.Copy kan kode di bawah ini dan pastekan tepat diatas kode </head>

<!-- script berlangganan head begin here --> <script type="text/javascript"> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li> '); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul> ');} //]]> </script> <!-- script berlangganan head end here -->

     5. Kemudian cari kode   ]]></b:skin>  Pastekan kode dibawah ini tepat diatasnya

<!-- script berlangganan bskin mulai here --> #related-posts{float:left; width: 60%; padding: 0px 3px;} #related-posts {font-size:16px; text-align:left; color: #1476cc; font-weight: bold;} #related-posts a{font-size:12px;} #related-posts li{list-style:decimal; border-bottom: 1px dashed #ccc;} #box-kanan{float: right; width: 38%; height:250px; padding: 0px 0px 5px;} .authorinfo { font-size: 12px; border-bottom:double 3px #e6e4e3; margin: 10px 0 10px 0;} .kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OAQi09nUxoguOJ-BEQdZZD7JP4Zv9iVbWkv8qF-uNGZFVP4nE3gnNYJeM8APPbb_GlG7F-lPvYLawG0Bsp7S5FmCn6wDMqLyrpkvE5TtXmqG4WNp4IurZYjmQc3rqRi0pBrc6uS5dM4/s1600/maskolis.co.cc.jpg') no-repeat bottom right; } .Rssardi33 a { background: none;} .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:12px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; } <!-- script berlangganan bskin end here -->

     6.Kemudian cari kode  <data:post.body/>  Pastekan kode dibawah ini tepat di bawahnya
    
 " catatan: mungkin tiap tiap blog mempunyai desain yang berbeda sehingga akan di temukan 3 atau

    4 kode yang sama, kalau saya pribadi saya letakan pada kode ke 3, silahkan di coba saya sendiri

    menggunakan trial n error,,, saya coba satu satu sampai ketemu seting yg di inginkan jangan  lupa

    backup tamplatenya"     



  

<!-- script berlangganan data post awal here -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Anda sedang membaca Artikel tentang <strong><u><data:blog.pageName/></u></strong>, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='nuansatrik'/>
<input name='title' type='hidden' value='nuansatrik'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/nuansatrik'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/nuansatrik?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a>

</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
</b:if>
<!-- End Artikel Berlangganan -->

   7. Ganti kode nuansatrik (ada 4) dengan nama feed anda
   8. Save Tamplate
   9. Selesai deh  di "Like" ya

Anda sedang membaca Artikel tentang Cara Membuat Widget Berlangganan Keren dibawah postingan, jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.