Salam blogger, pada kesempatan ini Q Ingin Bisa akan share tentang Cara Bikin Float About Me untuk Blog, yang seperti saya punya itu, sebenarnya cara ini sudah saya dapatkan lama sekali namun baru kali ini saya bisa share kan bagi temen-temen yang pengen banget blognya dikasih Cara Bikin Float About Me untuk Blog untuk itu pada kesempatan ini ane gak mau lebay, langsung ane kasih trik pembuatannya
Seperti biasa silahkan Copas kode di bawah dan masukkan di blog Sobat
Tambah Gadget ==> HTML/Java Script ==> Paste Kodenya dan kemudian silahkan disimpan
<style type="text/css">
#float-reog{
background-color:#61380B;
position:absolute;
visibility:hidden;
z-index:100;
border:2px
#FFFFFF groove;
-moz-border-radius:8px;
padding-top:6px;
padding-left:1px;
padding-bottom:3px;
padding-right:1px;
-moz-opacity:0.63;
filter:alpha(opacity=63);opacity:0.63;
}
#float-reog a img{
color:transparent;text-decoration:none;border:none;
}
</style>
<script language="javascript">
/***************************************************************
* Floating Top Bar script - Dynamic Drive (http://www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* Simplified Floating by !CrazyDavinci! (http://crazydavinci.net)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***************************************************************/
startX = parseInt(screen.width/2)+500;startY = parseInt(screen.height/2)-110
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function staticbar(){
ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
d = document;
el= d.getElementById("float-reog");
barheight= el.offsetHeight;
function ml(id){
el.style.cssText="visibility:visible;width:75px";if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.x = startX;el.y -= startY;return el;
}
window.stayTopright=function(){
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopright()", 10);
}
ftlObj = ml("float-reog");stayTopright();
}
if (window.addEventListener) window.addEventListener("load", staticbar, false);
else if (window.attachEvent) window.attachEvent("onload", staticbar);
else if (document.getElementById) window.onload=staticbar </script>
<div id ="float-reog" align="center">
<a href="KASIH ALAMAT BLOG SASARAN" target="_blank">
<img src="KASIH ALAMAT GAMBAR YANG DI INGINKAN " width="70px" /></a><blink><font face="Times New Roman" size="2,8" color="#FF0000"><br />About Me<br /></font></blink></div>
Ket :
Url Ini KASIH ALAMAT BLOG SASARAN merupakan letak dimana ABOUT ME diletakkan silahkan isi alamat URL yang sobat inginkan
untuk yg ini KASIH ALAMAT GAMBAR YANG DI INGINKAN merupakan URL gambar jadi isikan URL gambar yang sobat inginkan
Url Ini KASIH ALAMAT BLOG SASARAN merupakan letak dimana ABOUT ME diletakkan silahkan isi alamat URL yang sobat inginkan
untuk yg ini KASIH ALAMAT GAMBAR YANG DI INGINKAN merupakan URL gambar jadi isikan URL gambar yang sobat inginkan
Note : ada kurang jelasnya dengan cara diatas silahkan kasih komentar dibawah, dan bagi anda yang sudah terlanjur membaca apalagi menggunakan alangkah baiknya meninggalkan setetes komentarnya disini terima kasih kawan sukses sll
Wassalam.
10 komentar:
ane belum mencoba tutorial diatas tapi karena aku pikir komentar ini sangat berarti aku memberi komentar dulu sebelum mencoba. oke!!
o y doakan semoga sukses ya!!
oke kawan terimakasih atas kunjungannya
semoga sukses jika ada kurang jelasnya silahkan komentar di bawah
thank sob atas postingnya....
ijin sedot ya....
coba dulu ya gan,,,
kog gag bisa sih mas,mohon jawabannya di blog saya yah biar saya tau atau gag lupa ,hehee
http://www.tgr-ejja.blogspot.com/
work gan,,,
thx ya...
bro ajarin dong, cara ngerubah kursor di blog,,,jadi anmiasi lucuuu
mas mw tanya kalo mau nambahin gambar flashvortex dibawah postingan kayak unya mas ni gmna yah?saya udah coba t di halaman utama keluar terus..saya pengenya cma di bawah postingan saja
thanks bgt yaa sangat membatu sekalo
ane belum mencoba tutorial diatas tapi karena aku pikir komentar ini sangat berarti aku memberi komentar dulu sebelum mencoba. oke!!
o y doakan semoga sukses ya!!
Posting Komentar
Assalamu'alaikum sobat semua...jika sobat sudah mampir di blog saya jangan lupa komentarnya ya,,,mohon saran dan kritiknya, karena setetes komentar anda sangat berarti untuk kemajuan blog ini, Terima kasih semua. SALAM BLOGGER