Blogging, Search Engine Optimization, Internet, Template, Widget hingga Monetize Blog.

Memasang Kotak Berlangganan Artikel di Bawah Posting

Jika kamu tidak menyukai pemasangan widget berlangganan artikel di kolom widget, kamu bisa memasangnya di bawah posting. Dengan pemasangan pada posisi ini, pengunjung dapat menemukan widget setelah selesai membaca artikel. Sehingga setelah selesai membaca artikel dan mereka menyukai artikel tersebut, mungkin mereka akan tertarik untuk menjadi pembaca langganan setelah menemukan tools ini. Namun sebelum kamu bisa memasang Tools ini, kamu harus mendaftarkan Blog ke Google FeedBurner.

Kotak Berlangganan Artikel di Bawah Posting

Memasang Kotak Berlangganan Artikel di Bawah Posting

  • Login ke akun Blogger kamu.
  • Masuk ke bagian Template.
  • Klik Edit HTML.
  • Dengan menekan tombol ctrl+F cari kode ]]></b:skin>.
  • Kemudian letakan kode CSS berikut di atas kode ]]></b:skin>.

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 
5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0;}  
.Rssardi33 {background: 
url('http://3.bp.blogspot.com/_jeu1dUw9AK4/TS1nXs3efdI/AAAAAAAAAQk/vMny_o0OLEI/s1600/maskolis.co.cc.jpg')
 no-repeat bottom right;}   
.Rssardi33 a {background: none;}   
.inpRssardi33 {border: 1px solid #B9C1C6; width: 170px; font-size: 11px; padding:3px 4px 4px 10px;}   
.sbmtRssardi33 {padding:2px;}   
.ardi33subs table {border-collapse: inherit; border: none;}   
.ardi33subs tr {border:0;}   
.ardi33subs td {border:0;}   
.ardi33subs th {border:0;}   
.clear {clear: both;}  
  • Dengan tombol ctrl+F carilah kode <p><data:post.body/></p> atau <data:post.body/>. Jika terdapat lebih dari satu kode tersebut, gunakanlah yang paling bawah.
  • Letakan kode berikut di bawah kode <p><data:post.body/></p> atau <data:post.body/>. Ini adalah posisi di bawah posting. Jadi sebenarnya jika kamu telah mengerti bagian-bagian pada Template, kamu bisa memasang Kotak Berlangganan Artikel ini di mana pun kamu mau.

<!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/b-tutorial' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>
<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=b-tutorial&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='b-tutorial'/>
<input name='title' type='hidden' value='b-tutorial'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:4px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/b-tutorial'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/b-tutorial?bg=99CCFF&amp;fg=444444&amp;anim=0' style='border:0' width='88'/></a></td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->

Keterangan:

  1. Ubah kode berwarna merah dengan ID FeedBurner Blog kamu. Jika kamu tidak tahu apa ID FeedBurner Blog kamu, silakan cari pada halaman Google FeedBuner. Kemudian carilah url seperti http://feeds.feedburner.com/b-tutorial. Tulisan bercetak merah merupakan ID FeedBurner.
  2. Atur tulisan bercetak tebal termasuk link di dalamnya sesuai dengan keinginan.
  3. Script berwarna biru merupakan widget Chicklet Reader Feedburner. Silakan ubah dengan script milik sobat dengan membuat widget Chiklet Reader Feedburner.
  • Klik Simpan Template.
Selesai, tampilan widget yang kamu pasang adalah seperti berikut.

Kotak Berlangganan Artikel di Bawah Posting

Oke, sekian dari saya. Semoga dengan Memasang Kotak Berlangganan Artikel di Bawah Posting kamu mendapatkan tambahan pembaca langganan via FeedBurner. Dan semoga artikel ini bermanfaat bagi yang membutuhkan khususnya dan bagi para pembaca umumnya.

Kelemahan dari widget ini adalah tampilannya yang belum responsive. Mengingat sekarang adalah zamannya template responsive, widget-widget pun harus menyesuaikan. Sehingga jika kamu menggunakan template yang responsive, maka kemungkinan tidak akan cocok memasang widget ini. Sebagai penggantinya, silakan kamu bisa pakai Responsive Email Subscribe di Bawah Posting.

Artikel terkait : Memasang Kotak Berlangganan Artikel di Bawah Posting

Artikel B-Tutorial Lainnya :

0 komentar:

Post a Comment

Copyright © 2014-2016 B-Tutorial - All Right Reserved