Cara Membuat Akun Facebook Melayang Di Sebelah Kiri Pada Blog


Hemm, sebelumnya Saya sudah pernah Posting tentang "Cara Menambahkan Akun Facebook Di Blog", dan sesuai dengan permintaan Teman FB Saya, Saya Publis Tips ini.OK gk usah berlama-lama lagi, dan Teman FB Saya sudah gk sabar, kita masuk kelangkah-langkahnya.

[1]. Pertama, seperti biasa, LogIn dulu ke BLOG Kalian masing2.
[2]. Kemudian, dari Dasbor, Cari Tata Letak --> Tambahkan Gadget (Add Gadget).
[3]. Kalau sudah, sekarang CoPas Code di bawah kedalmnya.
<style> #hcl { position:fixed; top:30px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://sites.google.com/site/rakasajmk/download-1/download-2/FB.png') no-repeat; } .hclcontent { float:left; border:2px solid #3366ff; background:#ffffff; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; }
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

<a href="http://id-id.facebook.com/gusti.ngurah.jumaika" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight="200" normal; color: #3B5998; text-decoration: none;" title="Copyright Tanpa Nama"></a><br/><a href="http://id-id.facebook.com/gusti.ngurah.jumaika" target="_TOP" title="Copyright Tanpa Nama"><img src="http://badge.facebook.com/badge/100000434599258.1564.950108824.png" style="border: 0px;" /></a><br/><a href="http://id-id.facebook.com/badges/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title=""></a>

<br /> <div class="hc-credit"> <span style="float:left"></span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>
KETERANGAN :
* Code yg berwarna Kuning, Kalian sesuaikan dengan ukuran Akun FB Kalian.
* Code yg berwarna Merah, Kalian bisa menggantinya denga URL Gambar Kalian.
* Code yg berwarna Ungu, ganti dengan warna Garis Pinggir dan Backgroundnya. Code Warna HTML...? Klik di SINI.
* Dan yg terakhir, Code yg berwarna Biru, Ganti dengan Code Akun FB Kalian masing2.
[4]. Dan terakhir, tinggal di SIMPAN,dan lihat hasilnya.

OK, sekian Tips Blogger kali ini, jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan pertanyaan Kalian di Kotak Komentar di bawah, dan semoga Tips kali ini bermanfaat buat Kalian semua. Dan buat Teman FB Saya, semoga sudah terjawab tanda tanya-nya.

Salam Blogger Indonesia.

16 komentar:

Oryz Hacker17 mengatakan...

Code Akun FB Nyarinya caranya gimana kk??

Ngurah Jumaika mengatakan...

@Oryz Hacker17 : ohh itu, klo masih menggunakan Tampilan FB yg lama, baca aja Postingan ini [http://indonesianblog-jmk.blogspot.com/2011/11/cara-menambahkan-akun-facebook-di-blog.html], klo pakek tampilan FB Time Line, cari di setting di profile...

tosu mengatakan...

mantap tutorialnya

Ngurah Jumaika mengatakan...

@tosu : thank's gan atas kunjungan dan komentarnya....

David Cahya mengatakan...

Gan caranya agar akun facebook di kanan gmna sieh qw coba kok mlah g bisa ksih solusinya cpt

Ngurah Jumaika mengatakan...

@David Cahya : ohh, gampang gan, nanti pasti Saya share...

Apradiz Newcyber mengatakan...

Thanks Atas tutorialnya..

Ngurah Jumaika mengatakan...

@Apradiz Newcyber : sama2 gan..

Djava Crew Ed mengatakan...

code akun yg timeline sulit gan

Ngurah Jumaika mengatakan...

@Djava Crew Ed : iya, emang tampilan baru FB sekarang agak sulit...

Fikri Al-mabrur mengatakan...

Mencerahkan...
salam kenal dan jgn lupa follow balik ya..thanks

aris wiatmaja mengatakan...

ribet juga gan caranya,,
tp mantap gan tutorial nya

Septian Nugraha mengatakan...

mantap gan ane udah coba sip... thank info y

Muhammad Tasbillah mengatakan...

mantap brow artikelnya
backlink ya gan
http://thazbhy.blogspot.com/
http://technogamecyber.blogspot.com/

Obat radang ginjal mengatakan...

makasih banyak buat infonya, sangat bermanfaat and nambah wawsan..


http://toko-greenworld.com/

asnova lebang mengatakan...

wah boleh dicoba nih. makasih totorialnya gan

Posting Komentar