Blog Subscription Widget

Membuat blog dengan tampilan yang unik merupakan salah satu cara untuk memikat pengunjung blog agar semakin betah dengan blog tersebut. Pemilihan tema template dan widget yang digunakan haruslah sesuai dengan isi konten agar bisa memberikan kesan fokus dan unik. Berbagai macam cara untuk membuat tampilan yang dinamis dan atraktif menjadi strategi utama para blogger profesional dalam hal menaikan statistik blog dan memperoleh pengunjung tetap. Nah.. ngomong-ngomong soal mendapatkan pengunjung tetap sobat blogger perlu membuat widget subscription yang mudah dilihat dan mudah dalam hal proses mendaftar (subscription), kebetulan postingan artikel kali ini tentang widget unik blog subscription. Pada widget ini subscription menggunakan 3 daftar subscription yang umum sering digunakan para blogger yaitu rss feed blog, facebook dan twitter, untuk preview bisa dilihat MozWidget.blogspot.com. Buat yang tertarik dengan widget ini monggo disimak tutorialnya.

Cara Pemasangan :

• Login ke blog sobat.
• Klik "Design" kemudian klik "Add a Gadget" kemudian pilih "HTML/JavaScript",
  

• Copy-paste kode berikut ini di kotak postingan gadget.
  
  Catatan :
  
  <style type="text/css">
  #subscription {list-style: none;margin-top: 0px;background-color:#ffffff;}
  #subscription li {padding: 5px 10px 5px 10px;height: 60px;}
  #subscription li a {color: #000;}
  #subscription li a:hover {color: #DC002C;}
  #subscription li h4 {margin: 0 0 0 45px;font-size: 18px;color: #000;font-weight: bold;border: none;font-family: 'Droid Sans', Helvetica, Arial, sans-serif;}
  #subscription li p {margin: 0 0 0 45px;font-size: 13px;line-height: 1.4em;color: #666;}
  #subscription li img {float: left;padding: 0px;margin: 0px 10px 0px 0px;}
  #subscription li:hover {background-color: #ff4444;}
  </style>
  <div id="subscription">
  <ul id='subscription'>
  <li> <a href="http://twitter.com/monozcore"><img alt="Twitter" src="http://cdn5.iconfinder.com/data/icons/Social_store/64/twittershop.png"/></a> <h4><a href="http://twitter.com/monozcore">Follow me</a></h4><p>You can follow my updates on Twitter</p> </li>
  <li> <a href="http://feeds2.feedburner.com/monozcore"><img alt="Feed" src="http://cdn5.iconfinder.com/data/icons/Social_store/64/rssshop.png"/></a><h4><a href="http://feeds2.feedburner.com/monozcore">Posts RSS</a></h4><p>Read my full posts on your favorite feed reader</p></li>
  <li> <a href="http://www.facebook.com/pages/MonozCore/170669949671462"><img alt="Facebook" src="http://cdn5.iconfinder.com/data/icons/Social_store/64/FacebookShop.png"/></a> <h4><a href="http://www.facebook.com/pages/MonozCore/170669949671462">Facebook</a></h4> <p>Become a fan of MonozCore on Facebook</p></li></ul></div>
  <br />
  <div style="text-align:center;font-size:80%;"><a href="http://monozcore.blogspot.com" style="text-decoration:none;color:white;">Get this widget</a></div>
  • Ganti hyperlink (kode yang berwarna biru) twitter, rss feed dan facebook dengan hyperlink sobat.

• Klik "Save" dan lihat hasilnya...

.: Semoga Bermanfaat :.

www.blogger.com/blogger.g?blogID=7334773719649406082#editor