Simple Subscription Widget for Blogger

Simple Subscription Widget for Blogger
Simple Subscription Widget for Blogger - Widget adalah bagian terpenting dari sebuah blog, Widget merupakan salah satu fasilitas yang di berikan blogger guna untuk mempermudah pemakai untuk memasukan kode javascript. Lalu apa kegunaan dari widget Subscription tersebut? Widget Subscription berguna untuk mempercantik tampilan sebuah widget, sebagai tempat untuk saling berbagi, dan yang terpenting adalah untuk memberikan kemudahan dan kenyamanan pengguna bagi para pengunjung blog. Dengan Widget Subscription, para pembaca atau teman blogger dapat berlangganan terhadap setiap postingan atau kabar yang anda sajikan. Akan jangan terlalu banyak pula widgetnya, bisa jadi lambat loading blog anda nanti.

Bagaimana Cara Membuat Simple Subscription Widget for Blogger?

Baiklah, tanpa banyak basa basi lagi, saya akan mencoba memberikan tutorialnya :
1. Silahkan Login ke Akun Blogger Anda
2. Setelah Login, Klik Tata Letak (Layout)
3. Tambahkan Widget (Add Widget)
4. Scroll ke bawah, pilih HTML/Javascript.
5. Lalu silahkan Anda Copy Paste Kode di bawah ini :
<style type="text/css"> /*<!CDATA[*/ #soc-mega{width:300px;margin:auto;padding:0;} .soc-googleplus {height: 57px;width:300px;margin-top:-2px;} .soc-facebook {background:#ffffff;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;} .soc-gplusone {background-color: #ffffff;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;} .soc-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: "Arial","Helvetica",sans-serif;} .soc-twitter {background-color: #ffffff;border: 1px solid #c7dbe2;border-top: 0;} .soc-twitter a.twitter-follow-button {display: block;} .soc-twitter iframe {margin: 9px 11px;} .soc-email{ background:#0084CE ; width:100%; padding:10px 0 10px 0; float:left; font-size:18px; text-align:center; font-weight:bold; margin:0 0 20px 0; color:#ffffff; } .soc-emailsubmit{ background:#787878; border:1px solid #989898; cursor:pointer; color:#fff; padding:3px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:14px sans-serif; } .soc-emailsubmit:hover{ background:#303030; border:1px solid #989898; } .textarea{ padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;  width:170px; color:#666;} .social-widget { width:300px; border:1px solid #d7d7d7; } .social-widget img { padding:10px 10px 2px 5px; } /*]]>*/ </style> <div id="soc-mega"> <div class='social-widget'> <a href='http://feeds.feedburner.com/KoperasiSimpanPinjamLestari'' target='_blank'><img src="https://lh5.googleusercontent.com/-We8sYndd1EA/VML4azF7xNI/AAAAAAAACIk/DtqHt0Crkb4/s40/rss.jpg" alt="Subcribe to our RSS feeds" /></a> <a href='https://www.facebook.com/koperasisimpanpinjam.lestari' target='_blank'><img src="https://lh5.googleusercontent.com/-5dqIKcuqQZc/VML4qE6mPII/AAAAAAAACIo/FehjJwNRrXw/s40/fbook.jpg" alt="Join Us on Facebook" /></a> <a href='https://twitter.com/ksplestari2004' target='_blank'><img src="https://lh5.googleusercontent.com/-tdvG5e6Hy_Q/VML3id9xcsI/AAAAAAAACIU/GYyygGqVFE0/s40/twit.jpg" alt="Follow us on Twitter" /></a> <a href='https://plus.google.com/+KOPERASIILESTARI/posts' target='_blank'><img src="https://lh5.googleusercontent.com/-LGo1k2EJuKA/VML35UW5eOI/AAAAAAAACIc/iZlL2obqDhk/s40/gplus.jpg" alt="Add to Circles" /></a> <a href='http://www.youtube.com/user/………………' target='_blank'><img src="https://lh3.googleusercontent.com/-KNo_ykajeGw/VML48fxDIUI/AAAAAAAACI0/fMrr0BQScQ8/s40/ytube.jpg" alt="Watch us on Youtube" /></a> </div> <div class="soc-twitter">      <a href="https://twitter.com/ksplestari2004" class="twitter-follow-button" data-show-count="true"></a>      <script type="text/javascript">/*<![CDATA[*/!functionundefinedd,s,id){var js,fjs=d.getElementsByTagNameundefineds)[0];ifundefined!d.getElementByIdundefinedid)){js=d.createElementundefineds);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBeforeundefinedjs,fjs);}}undefineddocument,"script","twitter-wjs");/*]]>*/</script>  </div> <div style='text-align: center;'> <a href='http://www.blogger.com/follow-blog.g?blogID=338724723620962737' target='_blank' title='Follow this blog'><img alt='blog' src='http://1.bp.blogspot.com/-KmVNDu7A26Y/UVvt9eHnjLI/AAAAAAAAX5c/DwjWJU99dMA/s1600/Follower.png' title='Follow this blog'/></a> </div><br/><center>If you enjoyed this article just click icon above<br/> to subscribe our feed or like and follow<br/> our Facebook, Twitter, and G+ or join this blog to receive more great content just like it</center><br/><br/> it</center></span><br/><br/> <div class="soc-email"> Subscribe To Get Updates! <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="http://feedburner.google.com/fb/a/mailverify?uri=KoperasiSimpanPinjamLestari', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == "") {this.value = "enter email address here";}" onfocus="if undefinedthis.value == "enter email address here") {this.value = "";}" value="Enter email address here" type="text" /> <input type="hidden" value="btuition" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="soc-emailsubmit" value="Submit" type="submit" /> </form> </div> </div>
Pengaturan : Silahkan Anda ganti tulisan berwarna biru sesuai dengan kebutuhan Anda.

Untuk Contoh Widgetnya, silahkan anda lihat widget pada blog ini yang letaknya diatas Posting Terbaru.

Oke, Demikianlah Artikel tentang Simple Subscription Widget for Blogger ini, kiranya dapat memberi manfaat untuk anda yang ingin memasang Subscription Widget . Jika ada pertanyaan, silahkan sampaikan melalui kolom komentar. Terima kasih.

Related : Simple Subscription Widget for Blogger

12 comments:

  1. Replies
    1. Cukup panjang Neng Auni.. Hehehehe... Salam Blogger Neng.. :)

      Delete
    2. Panjang namun bagus hasilnya ya Mas.. kira kira berapa kbps beban scipt ini Mas KL..?

      Delete
  2. Gak bikin lelet loading blog yah? wah bisa dicoba neh...

    ReplyDelete
    Replies
    1. tidak membuat lelet blog kok mas. saya sudah coba kok.. :)

      Delete
  3. bagus juga tampilannya. saya pelajari dulu ya mas. terima kasih gan.

    ReplyDelete
    Replies
    1. Lumayan bagus mbah.. Saya sendiri juga suka dengan tampilannya. Sejuk di pandang.. Hehehe

      Delete
  4. Bagus nih Mas simple subsscotion nya saya belum menggunakanya ijin coba ya Makasih sudah berbagi. salam sukses :)

    ReplyDelete
    Replies
    1. Terima kasih Mas Saud. Simple dan tidak memberatkan blog mas.. :)

      Delete
  5. wahh kerenn ini kang subscription Widget nya jadi ingin pasang nih :) tapi kira" bakal memberatkan loading blogg gak yah ? :)

    ReplyDelete
    Replies
    1. Iya mas.. Keren memang. Tidak memberatkan blog kok Mas Ainnul, saya sendiri juga memakainya.. :)

      Delete
  6. oh gitu ya gan baru tau nih... makasih ya

    ReplyDelete