Sosial Media Widget Buatan Tangan dengan Feedburner dan Subscribe Button Widget yang dibuat itu dimaksukkan untuk mempercantik tampilan dari blog yang ada. Seperti halnya widget yang akan saya berikan saat ini. Widget ini bernama “Hand Drawn social media widget with Feedburner chicklet and subscribe button!”

Sosial Media Widget Buatan Tangan dengan Feedburner dan Subscribe Button - MKR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Sosial Media Widget Buatan Tangan dengan Feedburner dan Subscribe Button Widget yang dibuat itu dimaksukkan untuk mempercantik tampilan dari blog yang ada. Seperti halnya widget yang akan saya berikan saat ini. Widget ini bernama “Hand Drawn social media widget with Feedburner chicklet and subscribe button!”

Sosial Media Widget Buatan Tangan dengan Feedburner dan Subscribe Button

Sosial Media Widget Buatan Tangan dengan Feedburner dan Subscribe Button
Dengan semakin populer dan banyaknya pengguna sosial media seperti facebook, twitter, ataupun google+.  Banyak webdesign serta blogger yang membuat Sosial Media Widget. Widget yang dibuat itu dimaksukkan untuk mempercantik tampilan dari blog yang ada. Seperti halnya widget yang akan saya berikan saat ini. Widget ini bernama “Hand Drawn social media widget with Feedburner chicklet and subscribe button!” atau dengan kata lain “Sosial Media Widget Buatan Tangan dengan Feedburner dan Subscribe Button”.  Ini merupakan widget subcribe yang menarik untuk blog anda. Dengan cara pemasangan yang mudah dan tidak perlu merubah template dari blog.


Step 1: Cara Pemasangan

Ikuti tahapan yang ada dibawah ini

  • Pergi ke Blogger >> Layout.
  • Add a Gadget.
  • Pilih HTML/Javascript dan paste kode yang ada dibawah.

<style class="text/css">
table{border-bottom: 1px solid #E6E6E6;
float: center;
width: 280px;
margin:10px 0 0 20px;}
.subicons{border-right: 1px solid #E6E6E6;}
.Fadeout {filter:alpha(opacity=100);opacity: 1.0;border:0;}
.Fadeout:hover{filter:alpha(opacity=80);opacity: 0.8;border:0;}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/Your_USERNAME" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://twitter.com/Your_USERNAME" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/Your_USERNAME" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="https://plus.google.com/Your_USERNAME" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png" /></a></div></td>
</tr></table>
</div>
<style>
.rssbuttontable{border: 1px solid #E6E6E6;background: #FFDCB1;float: center;width: 270px;margin-left:10px;padding: 5px 5px 5px 5px;border-radius: 5px;-moz-border-radius: 5px;height: 35px;float: left;display: inline;margin-top:5px;margin-bottom:5px;}
input.Subscriberssbutton{background:-moz-linear-gradient(top,#F88017 0%,#FF6600 100%); background:-webkit-gradient(linear,left top,left bottom,from(#F88017),to(#FF6600)); border: 1px solid #FF6600; text-transform: none; font:bold 13px arial; color: #fff; height: 30px; padding: 4px 2px 5px 2px; margin: 0px 0 0x 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;display: inline;}
</style>
<table class="rssbuttontable">
<tr>
<td>
<a rel="nofollow" href="http://feeds.feedburner.com/Your_Blogname"><img src="http://feeds.feedburner.com/~fc/Your_Blogname?bg=FF6600&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" />
</a>
</td>
<td>
<input value="Subscribe to Get Updates" class="Subscriberssbutton" type="button" onclick="window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=Your_Blogname&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=650,height=570&#39;);return true" /></td></tr></table>
Sebelum menyimpan ganti linknya dengan milik anda. Cara dapat dilihat dibawah.

Step 2: Menambahkan Link Anda


Ganti:
  • http://www.facebook.com/Your_USERNAME dengan facebook fanpage anda.
  • http://twitter.com/Your_USERNAME dengan twitter page anda.
  • http://feeds.feedburner.com/Your_USERNAME dengan feedburner link anda.
  • https://plus.google.com/Your_USERNAME dengan Google + page anda.
  • Your_Blogname (pada kode bagian bawah) dengan  feedburner id anda. Itu dilakukan 3 kali, rubah semuanya.

Click Simpan. That's it you are done :).
Satank Mkr Beri Komentar
Bagikan kepada teman!
Garis

1 comments:

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by MKR Copyright © 2012 ~ 2013 Powered by Blogger
TOP