Cara Membuat Fb like auto hide di blog tampilan keren

Cara Membuat Fb like auto hide di blog tampilan keren –  Jika sebelumnya saya membuat tutorial cara membuat Fb like auto hide tampilan biasa, kali ini Wan Blogger posting Cara Membuat Fb like auto hide di blog tampilan keren, ini tampilannya lebih bagus dari sebelumnya yang tampilannya seperti gambar di bawah ini. Penasaran ingin memasangnya di blog anda, ikuti saja langkah-langkahnya : 

• Dari Dasboard, Klik Page Elements dan Klik Add a Gadget.
• Kemudian Pilih HTML/Javascript
• Copy Paste kode berikut di dalam kotak yang tersedia.

<!-- Mulai Hidden Widget -->

<style type="text/css">

.rifaldhi_fixed{

position:fixed;

top:175px; /*jarak dari atas*/

right:0px;

z-index:+1000;

}

* html .rifaldhi_fixed {position:relative;}

#hidden_rifaldhi {

display:none;

border:2px solid #ff1493; /*ketebalan dan warna kotak*/

-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;

background:#f1f1ea; /*warna latar*/

padding:3px 10px 0px 10px;

}

</style>

<div class="rifaldhi_fixed">

<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">

<tr><td>

<!-- Gambar Atas -->

<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px; width:auto; height:auto;" alt="Guestbook" src="http://blog.akakom.ac.id/marcell/files/close.png" /></a></div>

<div class="fb-like-box" data-href=" http://www.facebook.com/pages/WanBloggers/149904085104258  " data-width="300" data-height="285" data-show-faces="true" data-stream="false" data-header="true"></div><br/>

<a href="http://wan-soe.blogspot.com" class="twitter-follow-button" data-show-count="false">Script by : Wan Bloggers</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<br/>

<script type="text/javascript" src="http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js"></script>

</td></tr></table></div>

<!-- Gambar Samping -->

<div style="z-index:+5" class="rifaldhi_fixed">

<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">

<img style="border:0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLY-VXpDm0SCBKVyTdJzr4yT-g3OdNLFeWJJmh9gZMEjwv-xEbRJDSFb9luxJcRWsMPignWkxzUCpYAjGTulytCvZe7x-srJj-xXls9LEXmXjPeOlEkFK8v_Xyj5gfTMzOQ0urD0wm9AE/s1600/join.jpeg" /></a>

</div>

<!-- Selesai Hidden Widget -->

Keterangan : Agar script ini berjalan sempurna maka anda robah dulu link yang berwarna merah  http://www.facebook.com/pages/WanBloggers/149904085104258 dengan URL Facebook Pans Page anda [saya anggap anda telah mempunyai akun facebook dan telah membuat pans page].

Sampai disini tutorialnya, bila perlu pertanyaan silahkan melalui kotak komentar.

Anda sedang membaca artikel tentang Cara Membuat Fb like auto hide di blog tampilan keren dan anda bisa menemukan artikel Cara Membuat Fb like auto hide di blog tampilan keren ini dengan url http://wan-soe.blogspot.com/2012/05/cara-membuat-fb-like-auto-hide-di-blog_03.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Fb like auto hide di blog tampilan keren ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Fb like auto hide di blog tampilan keren sumbernya.

Description: Cara Membuat Fb like auto hide di blog tampilan keren Rating: 3.5 Reviewer: MEGAPIXELS MULTIMEDIA ItemReviewed: Cara Membuat Fb like auto hide di blog tampilan keren

Artikel Terkait

Posted in: semua,share