BlogyShare | Hello Sobat.. Pada kesempatan ini BlogyShare akan berbagi tips & tutorial untuk menambah widget social follow dan subscribe keren seperti yang tampak di sidebar BlogyShare.. :)
Widget ini gabungan dari widget Social Follow yang didesain oleh
Paul Cowe dan widget Subscribe yang didesain oleh
Mohammad Mustafa Ahmedzai yang digabung menjadi suatu widget yang keren..
Untuk memasang widget ini caranya cukup simple,, :) ikuti langkah2 berikut:
- Login Ke Dashboard blog sobat.
- Pilih Tata Letak >> Tambahkan Gadget >> Pilih HTML/JavaScript
- Beri judul Follow And Subscribe
- Copy Kode Script dibawah ini dan pastekan ke dalam kotak content HTML/JavaScript.
<style>
.socialfollow {border-bottom:1px dotted #444444;padding-bottom:5px}
a:hover {background-color: transparent;opacity:0.7;}
</style>
<center>
<div class="socialfollow">
<a title="Rss Feed" href="http://feeds.feedburner.com/
Blogyshare" rel="nofollow" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-eHaZgz-Wcow/UDLwTV4gYNI/AAAAAAAACh4/XysaUHrsI7c/s512/rss_48x48.png" /></a>
<a title="Follow On Twitter" href="http://twitter.com/
Opycko" rel="nofollow" target="_blank"><img border="0" src="https://lh6.googleusercontent.com/-05AKSlQvAaA/UDLwUfiSDnI/AAAAAAAACiI/pyAhtQh7KvI/s512/twitter_48x48.png" /></a>
<a title="Find Us On Facebook" href="http://facebook.com/
Blogyshare" rel="nofollow" target="_blank"><img border="0" src="https://lh5.googleusercontent.com/-V9ywu9u77rE/UDLwSC2CdkI/AAAAAAAACho/z978D5IPi28/s512/facebook_48x48.png" /></a>
<a title="Add To Circles" href="https://plus.google.com/
107149290069107361640/" rel="nofollow" target="_blank"><img border="0" src="https://lh6.googleusercontent.com/-DN33CwUhYO8/UDLwSLMvg1I/AAAAAAAAChs/iGf42gEyqYA/s512/googleplus_48x48.png" /></a></div></center>
<style>
.mp-email{background:url(https://lh3.googleusercontent.com/-9tRrvLnuK08/T5Jv1zOxsGI/AAAAAAAABmc/xb8RV5jWr3Y/s128/email.png) no-repeat 0px 12px;width:300px;padding:10px 0 0 55px;float:left;font-size:1.4em;font-weight:bold;margin:0 0 10px 0;color:#686B6C;}
.mp-emailsubmit{background:#9B9895;cursor:pointer;color:#fff;border:none;padding:3px;text-shadow:0 -1px 1px rgba(0,0,0,0.25);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font:12px sans-serif;}
.mp-emailsubmit:hover{background:#E98313;}
.textarea{padding:2px;margin:6px 2px 6px 2px;background:#f9f9f9;border:1px solid #ccc;resize:none;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;width:170px;color:#666;}
</style>
<div class="mp-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Blogyshare', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="Blogyshare" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mp-emailsubmit" value="Submit" type="submit" /></form></div>
- Silahkan ubah tulisan berwarna hijau dengan id RSS Feed Sobat dan ubah tulisan berwarna merah dengan id social network sobat (twitter, facebook, dan G+)
- Lalu Save dan Lihat Blog Sobat.. :)
Sekian Artikel tentang
Menambah Widget Social Follow dan Subscribe Keren dari BlogyShare. Semoga Sobat semua menyukainya... :) Jangan lupa Coment ya.. Thanks..
