22 Februari 2012

Cara Membuat Facebook Like dan Google Follow Auto-Hide pada Blog Anda



Berikut langkah-langkahnya:
1. Login dahulu pada blog anda
2. Cari kode widget Google Follownya "disini", lihat gambar:

    -Pilih blog yang akan dipasang widget follownya
    -Klik "Tambahkan gadget anggota"
    -Silahkan atur ukuran, warna dll
    -Klik "Buat kode" 
    -Copy kodenya


3. Pilih "Tata Letak => Tambah Gadget => HTML/JavaScript", copy dan pastekan kode berikut ke bagian konten, tapi jangan disimpan dahulu:


<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:#FFFFFF repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


Kode Facebook Like Disini


Kode Google Follow Disini


<div style="text-align: left;">
<a href="javascript:showHideFL()">
[Close]
</a></div>
<font size="2"><a href="http://nurrohmattriatmojo.blogspot.com/2012/02/cara-membuat-facebook-like-dan-google.html"target=_blank"><div style="color: #444444;">
<span >By NT</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>


4. Lagi, pilih "Tata Letak => Tambah Gadget => HTML/JavaScript", copy dan pastekan kode berikut ke bagian konten, lalu simpan:


<a href="javascript:showHideFL()"/><img border="0" src="https://2.bp.blogspot.com/-eX1eGC4sR6Q/Vz_3tZOHJdI/AAAAAAAACLY/L72byjQh27U1Mutxk35tFOqAnAr4EWyOQCLcB/s1600/2016-05-21_124906.jpg" alt="Fivers" title="Click to Follow and Like" style="display:scroll;position: fixed; bottom:20px;left:20px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="80px" width="100px" /></a>


5. Buat dahulu Facebook Fans Page blog anda "disini", jika sudah lewati langkah ini
6. Buka situs "ini", pastekan url Facebook Fans Page pada bagian "Facebook Page URL (?)"
7. Klik "Get Code"
8. Pada Dasbor, pilih "Rancangan => Edit HTML", cari kode </body> dan cantumkan JavaScript SDK pada Get Code Facebook Fans Page tadi setelah kode </body>, dan simpan
9. Lalu copy dan pastekan kode Facebook Fans Page yang ada dibawah kotak JavaScript SDK pada Get Code tadi pada tulisan "Kode Facebook Like Disini" pada bagian kode javascript yang ada diatas tadi
10. Simpan


Semoga bermanfaat....

19 komentar:

zhey five mengatakan...

mantap mas.... izin COPAS code nya...

Nurrohmat Triatmojo mengatakan...

Ok, gan.. Silahkan.
Cantumin juga link sumbernya ya....

hzndi mengatakan...

boleh dicoba sob :) absen malam ok

Nurrohmat Triatmojo mengatakan...

Ok, sobat..
Silahkan...

Bocah Ningrat mengatakan...

sangat bermanfaat untuk pemula seperti saya, izin copas code nya gan..!

Nurrohmat Triatmojo mengatakan...

Ok, gan.. Silahkan..
Jangan lupa cantumin juga link sumbernya ya....

AdamAprianto mengatakan...

nice post soobb, :)

Nurrohmat Triatmojo mengatakan...

Ya, sob. Makasih....

DeeJayHan Share | Share For All ♥ mengatakan...

blogwalking . visit me n comment back me .

NT mengatakan...

Ok, sob. Udah q knjungi n q komen di blog sobat yang MyGamers....

Indramayu Cyber Team mengatakan...

tapi sekang google friend connect nya tidak bisa bos, followers ane yg ada 100 lebih aja udah pada ilang.. :(

NT mengatakan...

Wah kasihan, q masih 77 follower, sob... Masih menunggu follower lain nih, hehehe....

Yumna Nuruddin mengatakan...

sob contoh awalan script google friend gmna?,biar aku bsa kopas miliku ndiri :D

NT mengatakan...

Itu berbeda2, sob. Jadi harus ikuti langkah2 diatas secara runtut....

Anonim mengatakan...

Very descriptive blog, I loved that bit.
Will there be a part 2?

My web-site ... life expectancy with kidney disease (Storify.com)

Anonim mengatakan...

I have to thank you for the efforts you have put in penning this blog.

I am hoping to see the same high-grade content by you in the future as well.

In fact, your creative writing abilities has inspired me to get
my own, personal blog now ;)

Also visit my web site How to Get Free iTunes Codes no survey 2014

Anonim mengatakan...

I blog frequently and I genuinely thank you for your content.
The article has truly peaked my interest. I am going to bookmark your blog and keep checking for new details about once a week.
I subscribed to your RSS feed as well.

Also visit my web blog ... Estate Investors

Anonim mengatakan...

certainly like your web-site however you need to
test the spelling on quite a few of your posts.
Several of them are rife with spelling problems and I find it very troublesome to tell the reality nevertheless I'll
definitely come again again.

Feel free to surf to my website ... clash of clans hack cydia xsellize

Anonim mengatakan...

Link exchange is nothing else but it is just placing the other person's website link on your paage at suitable place and other person will also doo similar in favor of you.


Feell frwe to surf to my webpage - acne remedies guide victoria west

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar! buka rahasia

Poskan Komentar

Silahkan beri komentar artikel saya, jika ada link yang rusak atau kadaluarsa laporkan disini dan tulis request artikel anda disini juga ya....

Home Color Code Watch TV