Membuat Tombol Join Site Blog dan Like Facebook Melayang

Sabtu, Mei 18, 2013

Membuat Tombol Join Site Blog dan Like Facebook Melayang

Penemuan baru namun yang merupakan suatu benda lama jadul kuno dan tidak banyak yang akan melirik suatu tutorial ini, TAPI karena anak bangsa kita juga merupakan pahlawan Inovator jadi apa saja yang pernah dibuat atau diciptakan oleh orang luar, pasti dalam beberapa periode kedepan para Mania Mania nganggur yang suka Otak Atik,, akan mengeluarkan Inovasi baru,,

untuk Join Site Blog / Follower Blog Code-nya seperti dibawah ini :

<a href='http://www.Blogger.com/follow-blog.g?blogID=4200986795934557246' onclick='window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;' style='text-align:center;font-weight:bold;text-decoration:none;' title='Join this site / follow'><img alt='Join this site' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1G5Pbr6HDzqTvFFTZeftaY9vz-_Nyq8NI927mzoO2X_J_5vxr0uWPkpBpiLrum5FkV6zjdoriyVSiP7cXZ95W6xLKhmw4iHjajUm9Q_AvpQOb-tW4l240IBClIOr5mv4p-B6KOnotBSw/s1600/aaaa.png' style='vertical-align:center;border:0px;cursor:pointer;' width='110'/></a>

Code Berwarna Merah adalah ID blog yang saya punya, cara untuk mengetahui ID blog itu sama persis dengan Google Plus, lihat dihalam utama blog dan lihat di URL, sedangkan yang biru adalah Image Join site blog,

Dan cara membuatnya melayang adalah seperti berikut :
Masuk Blog - Pilih Template - Edit HTML dan cari kode ]]></b:skin> Letakan Code dibawah ini tepat diatas Code berwarna merah tersebut.

#Apnavbar3{border-bottom:4px solid #fff;border-top:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff;border-style:solid;border-radius:7px;width:115px;height:auto;margin-bottom:455px;margin-left:1px;font-family:Comic Sans Ms;color:white;text-align:left;background:rgba(0,0,000,0.5);background:rgba(0,0,000,0.5);background:rgba(0,0,000,0.5);padding:2px;z-index:999;bottom:1px;left:1px;right:1px;position:fixed;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-ms-transition:all .9s ease-out;-o-transition:all .9s ease-out;transition:all .9s ease-out}#Apnavbar3 .left{float:left;text-align:left;font-family:Supermercado;font-size:10px;font-style:normal;font-weight:normal;color:White;padding:2px 10px}#Apnavbar3:hover{font-size:13px;font-style:bold;width:115px;height:auto;margin-bottom:455px;margin-left:13px;margin-right:95px;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-ms-transition:all .9s ease-out;-o-transition:all .9s ease-out;transition:all .9s ease-out}

Kemudian simpan template - setelah selesai disimpan - lanjut Pilih Tata Letak - Kemudian Tambah Gadget - Pilih HTM/Javascript, Copy Code dibawah ini :

<div id='Apnavbar3' style='position:fixed;'><span class='left'><img src='' title=''/><iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/azhariian&send=false&layout=button_count&width=85&show_faces=false&action=like&colorscheme=light&font&height=21' style='border:none; overflow:hidden; width:85px; height:21px;'></iframe></span><a href='http://www.Blogger.com/follow-blog.g?blogID=4200986795934557246' onclick='window.open(this.href, 'dmfollow','toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;' style='text-align:center;font-weight:bold;text-decoration:none;' title='Join this site / follow'><img alt='Join this site' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1G5Pbr6HDzqTvFFTZeftaY9vz-_Nyq8NI927mzoO2X_J_5vxr0uWPkpBpiLrum5FkV6zjdoriyVSiP7cXZ95W6xLKhmw4iHjajUm9Q_AvpQOb-tW4l240IBClIOr5mv4p-B6KOnotBSw/s1600/aaaa.png' style='vertical-align:center;border:0px;cursor:pointer;' width='110'/></a></div><div id='ApNavbar' style='position: fixed;'></div>

Ganti Code berwarna merah dengan URL Fan Facebook kamu, dan yang BIRU dengan ID Blog Kamu. Simpan dan Lihat.