Cara Memasang Tombol Follow Me di Blog Terlengkap

Tutorial kali ini saya ingin berbagi tentang Cara Memasang Tombol Follow Me di Blog Terlengkap. Tombol follow menjadi icon yang sangat penti...

Tutorial kali ini saya ingin berbagi tentang Cara Memasang Tombol Follow Me di Blog Terlengkap. Tombol follow menjadi icon yang sangat penting pada blog, tombol follow pada blog dapat meningkatkan visitors blog itu sendiri, serta pengunjung akan mudah menemukan akun kita yang lainnya hanya dengan mengklik masing-masing social icon tersebut, bagaimana cara memasangnya? silahkan simak tutorial berikut ini :
Tutorial Blogger

Cara Memasang Tombol Follow Me di Blog Terlengkap

Silahkan pilih " Tata Letak " pada dasbor blog anda.
klik "Add gadget " ( Tambahkan gadget )
Setelah muncul halaman gadget silahkan pilih " HTML/JavaScript ".
Copy kode didalam spoiler dibawah ini kemudian pastekan di gadget anda.
Save dan lihat hasilnya, semoga bermanfaat...

Widget Social Media

Silahkan copy code berikut
<style type="text/css">
#buttonbg {width: 260px;margin: 10px 20px;padding: 0;}
#buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none;  }
#buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7XA3s0YaxmNgiRU_CDvpHomeV1UZf0DfBlrqmAU8afYeyVD8ve5kUkGdHZkPOyN1GBzFDapp2rACfvq8GkcfCmU8kt5kFs1jWYPLPyQfeOpme6e4eRC6J2V1A7PZv7F7h8i-KjvPHnqs/s1600/blsocial12.png') 0 0 no-repeat;
background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;
color: #141414;float: none;height: 48px;line-height: 48px;
margin: 5px 0;position: relative;text-align: left;text-indent: 90px;
text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;
-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;
-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;
transition: width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
-moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
-o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;
text-decoration: none;}
#buttonbg span:hover {visibility: hidden;}
#buttonbg span {display: block;top: 15px;position: absolute;left: 90px;}
#buttonbg .icon {color: #fafafa;overflow: hidden;}
#buttonbg .fb {background-color: rgba(45,118,185, .42); background-position: 0 -382px;}
#buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;}
#buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;}
#buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}
#buttonbg .linked {background-color: rgba(0, 87, 114, .42);  background-position: 0 -574px;}
#buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;}
#buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;}
#buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;}
#buttonbg li:hover .icon {width: 250px; }
#buttonbg li:hover .icon {background-color: #d91e76; }
#buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; }
#buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; }
#buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;}
#buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;}
#buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; }
#buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; }
#buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}
</style>
<ul id="buttonbg">
    <li>
        <a href="Link Facebook Anda" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span>
    </li>
    <li>
        <a href="Link Twitter Anda" class="icon twit">Follow us on Twitter</a><span>Follow us on Twitter</span>
    </li>
    <li>
        <a href="Link Google+ Anda" class="icon google">Follow us on Google+</a><span>Follow us on Google+</span>
    </li>
    <li>
        <a href="Link Pinterest Anda" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span>
    </li>
    <li>
        <a href="Link Linkedin Anda" class="icon linked">Follow us on LinkedIn</a><span>Follow us on LinkedIn</span>
    </li>
    <li>
        <a href="Link Deviant Art Anda" class="icon deviant">Follow us on DeviantArt</a><span>Follow us on DeviantArt</span>
    </li>
    <li>
        <a href="Link Youtube Anda" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span>
    </li>
    <li>
        <a href="Link RSS/Feed Anda" class="icon rss">Subscribe via RSS</a><span>Subscribe via RSS</span>
    </li>
</ul>
Keterangan :  Ganti tulisan berwarna merah dengan Link/URL akun sobat

Widget Social Media

Silahkan copy code berikut
<style>
#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj95XasvGkpxvDSY7HeXVHvVfKNQVYZsf1Gh_nk8uBLdSrU6Tayob87Cy4icmTYYkzKxSh0UecwibSCB55tQmAyOre4NSVokWxSmRuaZ1V037PQ6mW65gorWWCEy6e8NIWCQ2_LAOTrusw/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
#tbisose .icon{overflow:hidden; color:#fafafa;}
#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#tbisose li:hover .icon,
.touch #tbisose li .icon{width:210px;}
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);}
</style>
<ul id="tbisose">
    <li data-alt="Follow me on Facebook">
        <a class="icon facebook" href="https://www.facebook.com/pajatapuih.iqbal">Follow me on Facebook</a>
    </li>
    <li data-alt="Follow me on Twitter">
        <a class="icon twitter" href="https://twitter.com/02IQb4L">Follow me on Twitter</a>
    </li>
    <li data-alt="Follow me on Google+">
        <a class="icon googleplus" href="https://plus.google.com/+muhammadiqbal02">Follow me on Google+</a>
    </li>
    <li data-alt="Follow me on Pinterest">
        <a class="icon pinterest" href="http://www.pinterest.com/muhammadiqbalef/">Follow me on Pinterest</a>
    </li>
    <li data-alt="Subscribe with RSS">
        <a class="icon rss" href="http://iqbalpajatapuih.blogspot.com/feeds/posts/default">Subscribe with RSS</a>
    </li>
</ul>
<small>
<div style="font-size:80%; text-align:right; text-shadow:2px 2px 2px #adadad;">
    <a href="#" target="_blank" title="Widget Follow Us"></a>
</div>
</small>
Keterangan :  Ganti tulisan berwarna merah dengan Link/URL akun sobat.

Sekian postingan tentang Cara Memasang Tombol Follow Me di Blog Terlengkap, semoga bermanfaat.

COMMENTS

Name

Aceh,23,Adsense,8,BBM,3,Biography,1,Bitcoin,4,Blog,21,Blogger,12,Blogging,55,Business,14,Cerita,3,CPNS,1,Delicious,1,Design,1,DeviantART,1,Digg,1,Dollar,3,Dunia,13,Facebook,5,Flickr,1,Friendster,1,Gambar,2,Game,36,Gmail,1,Google+,4,Hosting,1,Inspirasi,2,Instagram,1,Internet,13,Interview,11,Kesehatan,2,LinkedIn,1,Makalah,7,Marketing,12,Meme,8,Money,3,Motivasi,2,MySpace,1,Outlook,1,Path,1,Pendidikan,10,Pengetahuan,4,Pinterest,1,Plugin,5,PNS,1,Reddit,1,Review,4,Seo,53,Smartphone,5,Social Media,38,Sukses,3,Sumatera Barat,16,Sumatera Utara,3,Templates,1,Tips,6,Toko Online,3,Top10,18,Tumblr,1,Tutorial,29,Tutorial Blog,146,Twitter,3,Umum,9,Vimeo,1,VK,1,Weebly,1,WhatsApp,1,Widget,55,Wisata,4,WordPress,14,Yahoo,1,Youtube,3,
ltr
item
Blog iTapuih.com: Cara Memasang Tombol Follow Me di Blog Terlengkap
Cara Memasang Tombol Follow Me di Blog Terlengkap
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjy0XQ9UkhoxGN060JKn-uQTKUajNT9SNTQxRVEGODKzHu-lSAX7DiKEDhiFN-raSkO3XupgzpLrFDkch7LhoBNRzb0IQjNjqOVjdkB_j9USxwZC6vdtlfn6xEKVzn1m3b-ehdNQ79e3P/s1600/Widget-Okay.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjy0XQ9UkhoxGN060JKn-uQTKUajNT9SNTQxRVEGODKzHu-lSAX7DiKEDhiFN-raSkO3XupgzpLrFDkch7LhoBNRzb0IQjNjqOVjdkB_j9USxwZC6vdtlfn6xEKVzn1m3b-ehdNQ79e3P/s72-c/Widget-Okay.png
Blog iTapuih.com
https://blog.itapuih.com/2015/01/cara-memasang-tombol-follow-me-di-blog.html
https://blog.itapuih.com/
https://blog.itapuih.com/
https://blog.itapuih.com/2015/01/cara-memasang-tombol-follow-me-di-blog.html
true
2732475762120586724
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy