Share tutorial menarik dan tips unik seputar blogger.

Monday, 1 April 2013

Cara Memasang Subscribe Feedburner Keren Dan Elegan Dibawah Postingan

Cara Memasang Subscribe Feedburner Keren Dan Elegan Dibawah Postingan.Intinya adalah agar pengunjung yang berminat menerima setiap artikel yang kita terbitkan melalui email.

Sebenarnya ada yang lebih praktis dari bawaannya  ..namun bila ingin memberikan tampilan yang luar biasa dapat dimodifikasi seperti pada gambar diatas.

Dan caranya adalah untuk ditampilkan dibawah postingan silahkan pasang kode dibawah ini ,,dengan langkah sebagai berikut :

Namun hal ini tergantung kita kembalikan kepada pemilik blog tersebut untuk memasang atau tidaknya.Sepertbiasanya langkah-langkah yang harus dilakukan adalah :
1.Masuk ke akun blogger 
2.Klik Rancangan
3.Klik Edit HTML
4.Jangan lupa Centang kotak diatas kanan
5.Cari kode  ini :

 <data:post.body/>

6.Sisipkan kode dibawah ini tepat dibawah kode tadi

<style>
#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border: 3px -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
solid #dddddd;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #dddddd)}

#mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}

#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}

#mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #dddddd, #dddddd) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}

#mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}

#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}

</style>

<div id='mbt-sub-box'><h1>Subscribe To Get FREE </h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=DangstarsWeblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindov'><center>
<input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/>
<input name='uri' type='hidden' value='AlbertoTkjBloGs'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submit' type='submit' value='Subscribe'/></center></form></div>

Perhatikan :
Tulisan Berwarna Merah tentunya ganti dengan ID milik Sobat
Tulisan warna Biru Sesuaikan dengan selera Sobat

7.Klik Save Jangan lupa.

Semoga Bermanfaat :)

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Memasang Subscribe Feedburner Keren Dan Elegan Dibawah Postingan

  • Cara Membuat Tombol Share Melayang di BlogCara Membuat Tombol Share Melayang di Blog - Tombol share sosial media sangat penting untuk blog kita, disamping untuk meningkatkan pengunjung tombol share akan m ...
  • Cara Membuat dan Mengatur Posisi Nomor Halaman di Word 2007 Pada Insert tab, Header & Footer, klik Page Number. Pilih letak nomor halaman: Top of Page, untuk menempatkan nomor halaman di bagian atas (header). Bottom of P ...
  • Beritahu Google untuk menjelajahi blog kamu Beritahu Google untuk menjelajahi (crawl) blog/website kamu agar lebih cepat terindex Google, sebenarnya ini adalah artikel lanjutan dari cara cepat terindex sea ...
  • Tips Dasar Membuat Dan Membangun Blog Tips Dasar Membuat Dan Membangun Blog | Cara Membuat dan Membangun Blog Secara Efektif | Cara membuat dan membangun Blog secara Efektif Setiap Blogger, pasti mengingin ...
  • Optimize Blog Header Untuk SEO Mengoptimalkan blog agar SEO friendly memang keinginan semua blogger, tetapi unuk menjadi seorang master SEO, semua trik SEO dimanapun harus kita baca dan praktekkan pad ...

0 comments:

Post a Comment

Tidak boleh spam
tidak boleh ceplas ceplos

berkomentarlah dengan baik, karena kriteria orang bisa di nilai dari apayang dia komentari :)