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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjINU8tc6p7n8F6NpZwt0SD8SH-ylZMFVfgs8tit3dun_nRRI10pVH9fs_8-9-wFOZdIS980WJdplrzDONao46DI2qrT7uLLO4Hw99oprbWpNBPkZ533luAiY1ewDpxW930SGWLZqvqSIU/s40/twit.jpg" alt="Follow us on Twitter" /></a> <a href='https://plus.google.com/+KOPERASIILESTARI/posts' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHfaL9CDfeQZQdbAGsMYjrgeK9zPD7gRnrwGvzuL0XDixXUBGYOm1ybO_qAgbWrQqSmCRjrOjFyZldJEBOaWFpf3KfMCEVwl68saWjXWZrMZvHeLcLlSIc7aRqyJDa2jTyB8Hl8vaFBI/s40/gplus.jpg" alt="Add to Circles" /></a> <a href='http://www.youtube.com/user/………………' target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4YIGEjBr7X_UC18pi0eh33Bi3THKlO3XR5bCNlHOW5_HvxWR1LlthbFjAQjg-Rjr99kj4zlZTZUNeyRL5HjAVfPx6sIHn00GcJoJa6UgVI6pmebjhYvWPl5dhwEY_xQlaaQ1tM5HNkM/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-CuU-aThijRcATElQ0a6iUWYbbnqEsgzJsp7iEUUhIxH0pX3usSF6haTwrLnRb0e5D0d6Jxxj4hRqiaRwYkxDAJ9NfPp_ZobWfrW2g8ONscx7D175fjT3q0suK8CFIqgv3KOO7Br2BJ0/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