Jumat, 05 Oktober 2012

Membuat Kotak Form Langganan RSS Feed ,Facebook dan Twitter

Membuat Form berlangganan RSS Feed ,Twitter dan Facebook di blog yang biasa di tempatkan di sidebar sebagai widget  atau di bawah postingan artikel , tampilannya cukup simple dan menarik selain itu kotak langganan ini bisa di tempatkan di mana saja ,bisa dengan cara edit HTML atau dengan pemasangan gadget baru ( HTML/Java Script ) tergantung masing-masing ingin menempatkan dimana ,kalau saya sendiri menempatkan kotak langganan ini di bawah postingan artikel ,untuk contoh gambar tampilan form langganan rss feed ,facebook dan twitter seperti di bawah ini,mungkin sobat tertarik menggunakannya.



Kode Script 


  <div id='right'>
  <div id='subscribe'>
       <div class='feed'>
         <h2>Berlangganan Artikel Terbaru Lewat Email atau Sosial Profil</h2>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/dcNJV', 'popupwindow', 'scrollbars=yes,width=550,height=520'),scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Sign up email feed...&quot;;}' onfocus='if (this.value == &quot;Sign up email feed...&quot;) {this.value = &quot;&quot;;}' type='text' value='Sign up email feed...'/>
<input name='uri' type='hidden' value='blogspot/dcNJV'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Sign up'/></form>
       </div>
       <div class='sharethis'>
           <span class='facebook'>
<a href='http://www.facebook.com/KradakanBlog'><img alt='Follow Our Facebook' height='32' src='http://i1069.photobucket.com/albums/u475/kradakan23/Kradakan%20blog/fbrss1.png' style='vertical-align:middle; margin: -3px 5px 0 0;' title='Join Our Facebook' width='32'/>Facebook</a>
           </span>

           <span class='twitter'>
<a href='https://twitter.com/kradakanblog'><img alt='Follow Us on Twitter!' height='32' src='http://i1069.photobucket.com/albums/u475/kradakan23/Kradakan%20blog/twitterrss1.png' style='vertical-align:middle; margin: -3px 5px 0 0;' title='Follow Us on Twitter!' width='32'/></a><a href='https://twitter.com/kradakanblog'>Twitter</a>
          </span>

             </div>
    </div>



Catatan : Huruf yang berwarna Biru bisa di ganti dengan tulisan sobat sendiri
              Huruf yang berwarna Merah ganti dengan Link feed,FB dan twitter milik sobat
              Huruf Yang Berwarna Hijau Ganti dengan nama FEED sobat

Cara pemasangan dengan edit HTML di bawah postingan
Masuk akun Blogspot sobat sebelum melakukan edit HTML untuk berjaga-jaga jika pemasangan tidak berhasil dan mengalami kerusakan sebaiknya download dulu template blog sobat pastinya sudah mengerti cara download template, pilih template edit HTML jangan lupa centang ekspand widget , cari kode ini "<b:if cond='data:blog.pageType == &quot;item&quot;'>" di bagian post body untuk lebih memudahkan pencarian tekan ctrl + F ,setelah ketemu kode "<b:if cond='data:blog.pageType =&quot;item&quot;'> " paste kode diatas setelah di edit  tepat setelah kode tersebut dan save.

 <b:if cond='data:blog.pageType == "item"'>
Kode form berlangganan via email,FB dan twitter
</b:if>


Cara pemasangan dengan tambah gadget HTML/Java script 
Cara ini mungkin cara yang paling aman tanpa resiko seperti dengan cara edit HTML dan cara yang paling mudah , untuk langkah nya pasti sudah paham tinggal masuk akun blog sobat ,pilih tata letak,tambah gadget pilih HTML/Java Script lalu paste kode dan save.



Langkah -langkah pemasangan form berlangganan salah satunya seprti itu caranya ,jika tertarik bisa coba  di praktekan  di blog sobat,dan semoga bermanfaat.



Tidak ada komentar:

Posting Komentar