Just another free Blogger theme

Tuesday, March 26, 2013

Kali ini saya akan membahas Cara Membuat Widget Subscribe Keren untuk Blog. Seperti yang kita ketahui, Subscribe yaitu berlangganan, jika ingin mendapatkan informasi terbaru dari blog seseorang, maka pengunjung bisa mengetahui informasi terbaru dengan cara subscribe atau berlangganan via email. 
Berikut Tutorialnya :
1. Seperti biasa, Masuk ke Akun Blogger sobat.
2. Pilih Rancangan, Edit HTML, Centang "Expand Template Widget"
3. Cari kode </head>, bila sudah Copy kode dibawah ini tepat diatas kode </head>
<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjULYjm1kH2W6nxALyShhgjHP6BAoJuQ1SEYD-GIEcgJBbv6y4lfCz5SIIg1Ty2YHi5-IgL-FX3ThesB4Mv1ml2UET8RO-42k7gHo2mIqIoKfx4uM648BJyNth1v_vslqh8BzMGVNJbT3fS/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTOH8m1FBqTgxT8yuY0YPxuIOYuVSRJkA4anVpshFSd5rJBYrEvhKfbhNU98BkMUG6GrGfuewbGES00z77VKJP2iX1wUS1HlsGISd8b2gvtRh8SbMyFIx6NRk8ynSKsqKBilsQq7JhA812/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm63CfFbPQu02cBR9JQOPpT0m99W_b_7fzbOCSUA9KmJ4uSPb7lFytWoOVc37VvVRAjN2ODVV9vc6akALdutF6DIHLxwIJdmOvo3HXUwlMYBoQPJwJEKI1XiWdxOFsraROUaregj1BH7bO/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
4. Simpan Template
5. Kembali sobat masuk ke Rancangan, Elemen laman, Tambah Gadget, Copy kode dibawah ini di HTML/Javascript
<div id="hsection"><div id="sectionmy"><div class="sectionmy2">
<h2 class="subscription rss"><a href="http://feeds2.feedburner.com/blogcapoenk">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogcapoenk&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="http://www.twitter.com/lindamarlina40">FOLLOW ON TWITTER</a></h2>
</div></div></div>
Keterangan: Ganti kode yang berwarna blogcapoenkdengan ID Feedburner sobat, untuk mempunyai ID Feedburner, sobat langsung daftarkan DISINI 
Ganti kode yang bewarna biru dengan Username Twitter sobat

6. Simpan. Dan lihat hasilnya :D


  • Digg
  • Delicious
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • StumbleUpon
  • Technorati

  • Categories:


    Hai,.. I am just an ordinary man who just might share the knowledge that I know ahead of you, No one is more perfect. Always keep learning and sharing of knowledge, Just be Yourself and be The Unique that makes them know who you are.!! pengembarabiru.blogspot.com

    0 komentar:

    Read latest headlines in your favorite news reader
    Sign up for our email news letter

    blog