Thursday, April 11, 2013

Cara Memasang Widget Berlangganan Subscibers Keren di Blog

Cara Memasang Widget Berlangganan Subscibers Keren di Blog - Widget tidak hanya digunakan untuk mempercantik blog saja.
Ternyata widget juga bisa digunakan untuk mendongkrak blog agar mendapatkan traffic blog yang banyak.
Salah satunya adalah Widget Berlangganan/Subscribers, dengan widget ini kita bisa mengetahui traffic blog kita.

Seperti yang saya posting di artikel 11 Parameter Blog dan Blogger Sukses, dengan widget berlangganan/subscribers bisa digunakan untuk mengukur kesuksesan blog kita. Lalu, bagaimana cara memasang widget berlangganan di blog? Berikut saya akan memberikan tutorialnya kepada anda.



Cara Memasang Widget Berlangganan Subscibers Keren di Blog:
1. Login ke blogger
2. Masuk ke menu Layout/Tata Letak
3. Pilih tambah widget atau add widget
4. Kemudian pilih HTML/JavaScript
5. Copy kode dibawah ini dan masukkan di kotak HTML/JavaScript yang kamu pilih tadi. Dan beri nama widget/gadget tersebut atau di kosong saja.

<style type="text/css">/*<!CDATA[*/#bloggerklaten{width:300px;margin:auto;padding:0;}
.bloggerklaten-googleplus {height: 57px;}
.bloggerklaten-facebook {background:#FFFFFF;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
.bloggerklaten-gplusone {background-color: #f5fcfe;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}
.bloggerklaten-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: "Arial","Helvetica",sans-serif;}
.bloggerklaten-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;}
.bloggerklaten-twitter a.twitter-follow-button {display: block;}
.bloggerklaten-twitter iframe {margin: 9px 11px;}
.bloggerklaten-sociallinks {background-color: #d8e6eb;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 10px 11px;overflow: hidden;}
.bloggerklaten-sociallinks a {text-shadow: 1px 1px white;}
.bloggerklaten-sociallinks .bloggerklaten-social {list-style: none;overflow: hidden;margin: 0 !important;padding: 0 !important;}
.bloggerklaten-sociallinks .bloggerklaten-social li {border:0 none !important;float: left;line-height: 1;padding: 2px 0 4px 20px !important;margin-bottom: 3px;width: 70px;background: url(http://4.bp.blogspot.com/-WpJR2Qq0Sqw/Tx_4RZNGNuI/AAAAAAAABb0/WbNVkzuBexQ/s1600/w2b_socialsprite.png) no-repeat;font-size: 12px;}
.bloggerklaten-sociallinks .bloggerklaten-social li a {display: block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
.bloggerklaten-sociallinks .bloggerklaten-social li a:hover {text-decoration: underline;}
.bloggerklaten-sociallinks .bloggerklaten-social li.technorati {background-position: 0 -180px !important;}
.bloggerklaten-sociallinks .bloggerklaten-social li.rss {background-position: 0 -240px !important;}
.bloggerklaten-emailbox {background-color: #E3EDF4;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 12px 16px;overflow: hidden;}
.bloggerklaten-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.bloggerklaten-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.bloggerklaten-emailbox input.emailu:focus {color: #333;}
.bloggerklaten-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.bloggerklaten-emailbox input.submitu:hover {text-decoration: none;}
.w2bOrange{border:1px solid #E08121 ;text-shadow:1px 1px 0 #E08121;background: #f79d4a;background: -moz-linear-gradient(top, #f79d4a 0%, #ef871f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79d4a), color-stop(100%,#ef871f));background: -webkit-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: -o-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: -ms-linear-gradient(top, #f79d4a 0%,#ef871f 100%);background: linear-gradient(top, #f79d4a 0%,#ef871f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79d4a', endColorstr='#ef871f',GradientType=0 );}
.w2bOrange:hover{background: #f4b67c;background: -moz-linear-gradient(top, #f4b67c 0%, #ef871f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b67c), color-stop(100%,#ef871f));background: -webkit-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: -o-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: -ms-linear-gradient(top, #f4b67c 0%,#ef871f 100%);background: linear-gradient(top, #f4b67c 0%,#ef871f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b67c', endColorstr='#ef871f',GradientType=0 );}.w2b-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}
.bloggerklaten a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
/*]]>*/
</style>
<div id="bloggerklaten">
<div class="bloggerklaten-googleplus">
<script type="text/javascript">
/*<![CDATA[*/
window.___gcfg = {lang: 'en'};
(function(){
var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
/*]]>*/
</script>
<div class="g-plus" data-href="https://plus.google.com/101747732696776844820" data-width="300" data-height="69" data-theme="light"></div>
</div>
<div class="bloggerklaten-facebook">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fpemakan.wortell&amp;send=false&amp;layout=standard&amp;width=280&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:66px;" allowtransparency="true"></iframe>
</div>
<div class="bloggerklaten-gplusone">
<script type="text/javascript">/*<![CDATA[*/
(function() {
var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
})();/*]]>*/
</script>
<div class="g-plusone" data-size="medium" data-href="http://www.aplikasi-android.net/"></div>
<span>Recommend on Google</span>
</div>
<div class="bloggerklaten-twitter">
<a href="https://twitter.com/ravdania" class="twitter-follow-button" data-show-count="true">Follow @ravdania</a>
<script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>
</div>
<div class="bloggerklaten-sociallinks">
<ul class="bloggerklaten-social">
<li class="technorati"><a href="http://technorati.com/blogs/aplikasi-android.net">Technorati</a></li>
<li class="rss"><a href="http://www.aplikasi-android.net/feeds/posts/default">RSS</a></li>
</ul>
</div>
<div class="bloggerklaten-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggerklaten1', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter your email" type="text"/>
</td>
<td width="64px">
<input class="submitu w2bOrange" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="bloggerklaten1"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
<div class="bloggerklaten">
<a href="http://www.aplikasi-android.net/">Get this Gadget</a>
</div>
</div>

 6. Ganti kode yang diberi warna dengan keterangan berikut:
  • Ganti kode yang berwarna merah ganti dengan ID Google Plus anda.
  • Kode warna Hijau ganti dengan ID Facebook anda.
  • Kode warna Biru ganti dengan alamat blog anda.
  • Kode warna Orange ganti dengan nama akun twitter anda.
  • Kode warna Ungu ganti dengan ID feedburner anda

Dengan memasang widget ini di blog anda tidak hanya tambah cantik, melainkan dapat mempermudah pengunjung untuk berlangganan artikel anda. Semoga postingan Cara Memasang Widget Berlangganan Subscibers Keren di Blog dapat bermanfaat untuk anda.

Related Posts

Cara Memasang Widget Berlangganan Subscibers Keren di Blog
4/ 5
Oleh