Membuat Facebook Fans Page Tersembunyi Dengan Efek Shadow

Selamat malam sahabat planktoon.Disini saya sendirian ditemani segelas kopi hangat setelah maen game tapi malah ricuh alias bunuh temen sendiri,(hehehehehe).Saya mau nulis nich.Nulis artikel tutorial Membuat Facebook Fans Page Tersembunyi Dengan Efek Shadow.Dengan membuat Face book Fans Page Tersembunyi,maka hal ini akan menghemat ruang penembatan pada bagian sidebar blog.Facebook fans Page hanya akan terlihat setelah kursor diarahkan pada logo Facebook yang ada pada bagian kanan blog(persis pada bagian scroll bar)Jadi tampilan blog akan lebih variatif dan menarik untuk dilihat.Untuk membuatnya lihat langkah-langkah dibawah ini sob.

1.Login ke akun blogger sobat

2.pilih "Opsi lainya">>Template.

3.Cari kode </head> dan untuk mempermudah gunakan CTRL+F

4.Kalo udah ketemu copy kode dibawah ini kemudian paste tepat diatas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Tapi misalnya di blog sobat planktoon udah ada ga usah.

5.Langkah selanjutnya di "Save template"

UUppss..Tapi belum selesai sob.Sekarang yang harus lakukan adalah

1.Masuk ke Tata Letak>>Add Gadget/Tambah Gadget>>HTML/JavaScript.

2.Copas kode dibawah ini kedalamnya

<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNXmt7UCXo96gciiLd0ByQYP0OY9umIY8sEjFUJvaofNkJPaMrDE9otWVxNV4E-qaQXu4sAlmpV0Ne9HLYs3DoysFYa8honnilowrhOj-aPg14l97a584xXLTCzwYMuFzuGW8irbzy-nk/s1600/facebook+fans+page+efek+shadow.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:30%;}
    .w2bslikebox div{border:none;position:relative;display:block;}
    .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
    .w2bslikebox span a{color: #808080;text-decoration:none;}
    .w2bslikebox span a:hover{text-decoration:underline;}
    </style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Planktoon-BLOG/183805635065695&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:url(http://i1086.photobucket.com/albums/j454/sudirman10/Untitled-1.png);
-moz-border-radius-topleft: 35px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-top-left-radius:35px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:25px; -moz-box-shadow: 10px 10px 7px #ffffff;-webkit-box-shadow:10px 10px 7px #ffffff; "></iframe><span><a href="http://planktoon.blogspot.com/2012/06/membuat-facebook-fans-page-tersembunyi.html" target="_blank">Get Widget</a></span></div></div></div>

Keterangan :Ganti URL yang saya tandai dengan warna biru dengan URL Facebook Fans Page sobat  Planktoon Blog™

3.Setelah diganti simpan dan lihat hasilnya.

Penting:Kalo blog sobat memakai slide show image seperti punya planktoon blog ™ ,kemungkinan besar slide show akan tidak berfungsi.Mungkin dikarenakan efek yang bertabrakan.OK sobat planktoon dan untuk mengatasi hal itu silakan klik disini,sekian artikel Membuat Facebook Fans Page Tersembunyi Dengan Efek Shadow.Semoga bermanfaat dan saya ditunggu komentarnya :)

Tweet