Buat Float Social Media Di Blogspot

Kali ini saya akan berbagi cara buat float social Media di blogspot , namun sebelumnya saya akan menerangkan apa yang dimaksud float social media , tampilan float social media yang saya maksud disini adalah tampilan social media share yang mengapung , disamping untuk memperindah tampilan blog namun juga untuk mempermudah pengunjung untuk share posting yang mereka sukai , untuk membuat social media mengapung ini cukup mudah silahkan simak.

Membuat Social Media Mengapung Di Blogspot

Kegunaan dari float social media ini sama hal seperti facebook like , addthis share , comment box facebook , share lintas berita dll.
Cara untuk buat social media float di blogspot ini tidaklah sulit , saya akan menerangkan membuat social media mengapung di samping .

Float Social Media
Float Social Media


1. Masuk ke akun blogger anda
2. Masuk ke area Design/Rancangan Blog
3. Tambahkan Gadget HTML/JavaScript
4. Lalu copy Script di bawah ini dan masukan ke area HTML/JavaScript

<style>
    #robs-social {display:scroll; -webkit-border-radius: 10px;
    -moz-border-radius: 10px;border-radius: 10px; position:fixed; top:30%; left:5%; border: 1px solid #E8E8E8; padding:0px 0px 0px  0px;  width:70px;} #robs-social li {list-style:none;padding : 5px 5px 5px 5px;} #robs-social  a:link{color:transparent;text-shadow:none;} #robs-social  a:visited{color:transparent;text-shadow:none;}
</style>
<div align="center" id="robs-social">

<li><<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></li>
<li><a class="twitter-share-button" data-count="vertical" data-via="robs-tutor" href="https://twitter.com/share">Tweet</a><script src="//platform.twitter.com/widgets.js" type="text/javascript">
</script></li>
<li><script src="https://apis.google.com/js/plusone.js" type="text/javascript">
</script><div class="g-plusone" data-size="tall">
</div>
</li>
<li><script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script></li>
<a href="http://juntenxblog.blogspot.com/" target="_blank" title=" Tutorial Blog">GADGET</a></div>

5. Save template anda

Float Social Media Di Samping

Itulah salah satu cara untuk membuat social media melayang di samping blog atau juga sering disebut float social media .

Pin It!

fb comment box

3 komentar:

Htc in Pakistan mengatakan...

Amazing article and very interesting stuff you got here! I definitely learned a lot from reading through some of your earlier topics as well and decided to drop a comment on this one!

sopyan irawan mengatakan...

oh, seperti punya mas ini yah :D bagus sekali,,kalo buat iklan yang melayang sama gak mas caranya?
mas saya udah add mas jadi temen saya, tolong add balik ya mas, terimakasih :D

tips dan trik blogger mengatakan...

thanks infonya bang..
langsung ta' cobainnn...

Poskan Komentar

◄ Newer Post Older Post ►