Cara Memasang Kotak Berlangganan Artikel Dibawah postingan Blog

Bookmark and Share
Blog Rangga
Membuat kotak berlangganan blog dapat memberikan dampak positif pada blog yang bermanfaat memberikan memberi tahukan kepada pengunjung blog yang telah berlangganan baik melalui plugin Facebook (Cara Membuat Halaman Fans Page Di Facebook) atau pun melalui email dengan memasang widget kotak berlangganan di blog (Cara Memasang Kotak Berlangganan Artikel Dibawah postingan Blog) tentang update terbaru postingan blog , dan supaya Widget kotak berlangganan Artikel bisa di tempatkan di blog silahkan di coba cara di bawah ini :

1. Log In dulu ke Blogger
2. Di Dasbor Pilih Template
3. Simpan dulu Template untuk cadangan supaya Template bisa di kembalikan seandai nya terjadi kesalahan edit
4. Lalu Klik Edit HTML
5. Centang dulu Expand Template Widget supaya kode nya tersimpan.
6. Cari kode ]]></b:skin> (Gunakan Ctrl+F untuk memudahkan pencarian kode) dan pasang kode di bawah ini di atas atau sebelum kode ]]></b:skin>
.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/AVvXsEjgjcPVdUoOvUnHgznwSnAUCbSUdm1wRLeJxcab5ZyqeE4Cv-N2KHElGmpJiQ_VghcHuj-Hbal-5YmyWvWvngdUOAjlbm-1wfwnk4sPb_qRh9o8e6HDx3mf_UBls0xlyTtMz01Oz9j9Fh8/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:13,5px;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; }
7. Cari seperti kode ini <data:post.body/>  dan kalau kode nya ada 2 letakan kode di bawah ini setelah atau di bawah kode <data:post.body/> .

<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/BlogRangga' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>Blog Rangga </font>
<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='BlogRangga'/>
<input name='title' type='hidden' value='BlogRangga'/>
<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/BlogRangga'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/BlogRangga?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->
Keterangan : Kode yang berwarna merah BlogRangga ganti dengan id Feedburner blog sobat
8. Terakhir simpan kode untuk melihat hasil nya di blog.

terima kasih telah membaca artikel ini dan bisa membawa manfaat....

{ 0 komentar... Views All / Send Comment! }

Posting Komentar