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>
8. Terakhir simpan kode untuk melihat hasil nya di blog.
Good Luck . . .;)
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/AVvXsEjmIjne-1O_wHo_0F_CgM2hHZy8drUvfRJfVSSg5qUDCc-Z9mzPHF7y813uN9TX4i8Z1wUtViHYA5WldTW4tdxUlO-P0tAv_tYat09Cg8egHPRKlEIA-a6qvUTFTL5aqE7dWoim5ABsXBE/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/> .
Keterangan : Kode yang berwarna merah automotive hi-tech ganti dengan id Feedburner blog bro sendiri<!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/automotive hi-tech' 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('http://feedburner.google.com/fb/a/mailverify?uri=diesilver', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == "") {this.value = "Ketikkan email anda disini";}' onfocus='if (this.value == "Ketikkan email anda disini") {this.value = "";}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='automotive hi-tech'/>
<input name='title' type='hidden' value='automotive hi-tech'/>
<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/automotive hi-tech'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/automotive hi-tech?bg=9b9b9b&fg=fffffff&anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->
8. Terakhir simpan kode untuk melihat hasil nya di blog.
Good Luck . . .;)
0 comments:
Post a Comment