Hay sobat Apa kabar kalian hari ini,? haha memang gaje sih, tapi ga apa-apalah.. kali ini saya akan menshare salah satu widget yang mungkin sobat ingin pakai di blognya.
Cara Membuat Widget Social Media + Subscribe seperti ini langkah-langkahnya :
- login ke blogger
- buka menu tata letak
- add gadget (HTML/JavaScript)
- lalu masukkan kode dibawah ini
<style type="text/css">
.vikrybar{width:288px;float:left;background:transparent;border:1px solid
#ececec;margin:0 0 5px;padding:5px;}.vikrybar.vikrybar
a{float:left;font-size:10px;color:#1E598E;margin-bottom:5px;text-decoration:none;}.vikrybar
.count{width:300px;padding:0 0 0 4px;margin:-10px 0;}.vikrybar .count
span.bigcount{color:#333;font-size:12px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;line-height:39px;text-transform:uppercase;margin:0
0 0 2px;padding:0;}.vikrybar .subicons{border-bottom:1px solid
#ececec;margin:0px;float:left;width:290px;font-family:Arial,Helvetica,sans-serif;font-size:25px;}.vikrybar
.subicons a{text-decoration:none;color:#333;}.vikrybar .subicons
a:hover{text-decoration:underline;color:#333;}.vikrybar .subicons
.rssicon{border-right:1px solid
#ececec;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAdmCrsO24H0heONfyMF-jZJZW88yG6Syq7dWnUXgOvpC9LP0J_0_tZEdM8J2aE8iTulQpBplwAwtlaRUpvbme1GTUoyOXVkEOO_vtCIlVou_wYKCBvilUDObmscnJaZQ1a7HuY_SceEAA/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png)
no-repeat;background-position:0px
5px;min-width:2px;height:40px;line-height:42px;vertical-align:middle;float:left;padding:0px
10px 0px 30px;margin:0;}.vikrybar .subicons
.googleicon{border-right:1px solid
#ececec;background:url(http://lh4.googleusercontent.com/-4FAIsjyJbkU/ULImNn9TSeI/AAAAAAAACBI/KR1NdmhjPzE/s158/sprite.png)
no-repeat;background-position:0px
-37px;min-width:2px;height:40px;line-height:42px;vertical-align:middle;float:left;padding:0px
10px 0px 30px;margin:0 0 0 5px;}.vikrybar .subicons
.fbicon{border-right:1px solid
#ececec;background:url(http://lh4.googleusercontent.com/-4FAIsjyJbkU/ULImNn9TSeI/AAAAAAAACBI/KR1NdmhjPzE/s158/sprite.png)
no-repeat;background-position:0px
-79px;min-width:20px;height:40px;line-height:42px;vertical-align:middle;float:left;padding:0px
10px 0px 30px;margin:0 0 0 5px;}.vikrybar .subicons
.twittericon{background:url(http://lh4.googleusercontent.com/-4FAIsjyJbkU/ULImNn9TSeI/AAAAAAAACBI/KR1NdmhjPzE/s158/sprite.png)
no-repeat;background-position:0px
-121px;min-width:20px;height:40px;line-height:42px;vertical-align:middle;float:left;padding:0px
10px 0px 30px;margin:0 0 0 5px;}.vikrybar .emailsub{padding:5px 0
0;float:left;width:100%;font-family:Arial,Helvetica,sans-serif;}.vikrybar
.emailsub
.emailicon{background:transparent;float:left;padding:0;margin:0 0 0
5px;width:300px;color:#333;}.vikrybar .emailsub
.emailupdatesform{margin:5px 0 5px 5px;width:300px;float:left;}.vikrybar
.emailsub .emailupdatesform
input.emailupdatesinput{background:transparent
!important;float:left;border:1px solid #ececec;padding:0px 8px 0px
8px;color:#a19999;font-size:12px;height:24px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.vikrybar
.emailsub .emailupdatesform
input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left
top,left
bottom,color-stop(black,0),color-stop(#F9780E,1));background:-moz-linear-gradient(center
bottom , #BBB 0%, black 100%);background:-moz-linear-gradient(top,#BBB
0%, black 100%);background:-o-linear-gradient(top,#BBB 0%, black
100%);background:linear-gradient(top,#BBB 0%, black
100%);background:-webkit-gradient(linear,left top,left
bottom,from(#bbb),to(black));border:2px solid
#dcdcdc;text-transform:none;font:bold 12px
arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0
5px;cursor:pointer;}</style>
<div class="vikrybar">
<div class="subicons"><div class="rssicon"> <a
rel="nofollow" href="http://www.vikrymadz.web.id/feeds/posts/default"
target="_blank"> RSS</a></div><div
class="googleicon"> <a
href="https://plus.google.com/112967100591602380317" rel="author"
target="_blank"> G+</a></div><div class="fbicon">
<a href="https://www.facebook.com/vikrymadz"
target="_blank" rel="nofollow">FB</a></div><div
class="twittericon"> <a
href="https://www.twitter.com/vikrymadz" target="_blank"
rel="nofollow">Twitter</a></div></div>
<div style="margin-left:-2px;">
<div class="emailsub"><div class="emailicon"><p style="
width:280px; color:#555; font-size: 11px; font-weight: normal;
font-family: Arial,Helvetica,sans-serif; padding:0;
margin:0;">Receive Our All Updates In Your Inbox by submitting your
Email ID below.</p></div><div
class="emailupdatesform"><form
action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=vikrymadz',
'popupwindow', 'scrollbars=yes,width=550,height=520');return
true"><input gtbfieldid="10" class="emailupdatesinput"
name="email" value="Enter your email here..." onblur="if (this.value ==
'') {this.value = 'Enter your email
here...';}" onfocus="if (this.value == 'Enter your email
here...') {this.value = '';}" type="text"
/><input value="vikrymadz" name="uri" type="hidden" /><input
value="Submit" class="joinemailupdates" type="submit"
/></form></div></div> </div></div>
5. simpan
Sumber :vikrymadz.web.id
Bagaimana sobat.? cukup mudah bukan.. jika ada yang ingin ditanyakan silahkan berkomentar ya :)
: