Cara membuat kotak like facebook, twitter dan gadget lainnya melayang dengan tombol close
hai teman - teman kunaruhblog :)
aku baru menyadari kalau tombol like facebook dan follow twitterku agak susah dicari, jadi saya rubah saja..
saya merubah menjadi gadget melayang dengan tombol close seperti dibawah ini teman
baguskan?
bagi yang ingin membuat yang seperti itu juga ikuti langkah - langkah ini.
1. buka blogger
2. tata letak/layout
3. tambah gadget/add gadget
4. masukan kode dibawah ini
<span >get this widget: <a style=" font-weight:bold" href="http://kunaruh.blogspot.com/2013/04/cara-membuat-kotak-like-facebook.html">kunaruhblog</a></span>
5. ganti tulisan berwarna biru dengan kode HTMLmu
6. kalau ingin menggunakan 2 gadget pisahkan dengan kode <br /> diantara kode 1 dan 2.
aku baru menyadari kalau tombol like facebook dan follow twitterku agak susah dicari, jadi saya rubah saja..
saya merubah menjadi gadget melayang dengan tombol close seperti dibawah ini teman
baguskan?
bagi yang ingin membuat yang seperti itu juga ikuti langkah - langkah ini.
1. buka blogger
2. tata letak/layout
3. tambah gadget/add gadget
4. masukan kode dibawah ini
<style type="text/css">
#topbar{
position:absolute;
padding-left:-100px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
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("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7QxD_i0Gp2yg82KoGBZH46_kTe_j215r1xWT8yIFpUW9BpRTQBDrspFL78cHcFpTkiobx8SD2-KvezA7j3RYHhj3vUgznxugE2UQM0H5h6xr7HP0sCFuVw0mK2cRDJ-CGK9WxcVOHpTai/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
PASTE KODE HTML DISINI
</div>
</center>
</div>
5. ganti tulisan berwarna biru dengan kode HTMLmu
6. kalau ingin menggunakan 2 gadget pisahkan dengan kode <br /> diantara kode 1 dan 2.
Diposting Oleh : Unknown ~ Kunaruhblog
Artikel Cara membuat kotak like facebook, twitter dan gadget lainnya melayang dengan tombol close adalah artikel untuk semua orang tanpa terkecuali, dan semua blogger patut dihargai jadi saya harapkan tolong untuk memberikan link tautan atau link sumber http://kunaruh.blogspot.com, terima kasih :)
Categories:
info blog,
seputar komputer
hal ini bisa mempengaruhi loading blog ndak mas?
BalasHapusKemungkinan mempengaruhi itu ada.. tapi kalau untuk gadget ini sih kemungkinan mempengaruhinya sedikit sekali..
BalasHapusdi blog - blog saya sudah terpasang gadget ini karena agar like facebook dan gadget - gadget penting bisa mendapat perhatian pengunjung..
kunaruhblog ini juga terpasang selain itu,
http://tiraishop.blogspot.com juga terpasang.. yang terpenting blogmu kamu tata dengan gadget yang berguna, jangan di meriahkan dengan gadget yang tidak berguna...
matsut nya kode HTML itu kode HTML blog kita ?
BalasHapusterus cara ngeliat kode HTML di blog kita gi mana ?
matsut nya kode HTML itu kode HTML blog kita ?
BalasHapusterus cara ngeliat kode HTML di blog kita gi mana ?