Blog Budak Bungo

Home » Semua post berkategori blogger

Showing posts with label blogger. Show all posts

cara menyembunyikan widged di blog

Adapun cara Menyembunyikan widget tertentu pada halaman posting dibawah ini :

1. Login dulu ke Account Blogspot.
2. Pilih Rancangan >> Edit HTML,
3. Carilah kode ]]></b:skin> kemudian letakkan kode berikut ini di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType == "item"'>
<style>
#HTML1,#Feed1,#Label1,#HTML9,#Followers1 {display:none;}
</style>
</b:if>

4. Rubahlah tulisan berwarna merah dengan ID widget yang mau disembunyikan pada halaman posting. perlu diketahui bahwa kode widget memiliki sifat yang unik!

Adapun cara Menyembunyikan widget tertentu pada halaman utama
:

1. Login dulu ke Account Blogspot.
2. Pilih Rancangan >> Edit HTML,
3. Carilah kode]]></b:skin> kemudian letakkan kode berikut ini di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<style>
#HTML1,#Feed1,#Label1,#HTML4,#HTML8,#HTML14 {display:none;}
</style>
</b:if>

4. Rubahlah tulisan berwarna merah dengan ID widget yang mau disembunyikan pada halaman posting. perlu diketahui bahwa kode widget memiliki sifat yang unik!

cara membuat css menu magig horizontal di blog

cara cara membuat css menu magig horizontal :

1. Login dulu ke Account Blogspot.
2. Pilih Add Gadget,
3. HTML Java Script
dan Copy kode dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" 
xml:lang="en"><head><title>MyCSSMenu Save 
Document</title><meta http-equiv="Content-Type" 
content="text/html;charset=utf-8"/>

/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc 
.qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc
 .qmdividery{float:left;width:0px;}.qmmc 
.qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear
 
{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none
 !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc 
li 
{float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc
 div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a 
{float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li 
{z-index:auto;}.qmmc ul 
{left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul 
{list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc 
li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 
li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/

/* MyCSSMenu 0 */

/*"""""""" (MAIN) Container""""""""*/ 
 #qm0 
 { 
  width:200px;
  background-color:transparent;
  border-width:1px 2px;
  border-style:solid;
  border-color:#66CC00;
 }

/*"""""""" (MAIN) Items""""""""*/ 
 #qm0 a 
 { 
  padding:5px 5px 5px 8px;
  background-color:#DD3300;
  background-image:url("images/tree_green_bg.gif");
  color:#FFFFFF;
  font-family:Arial;
  font-size:13px;
  text-decoration:none;
  border-width:1px 0px;
  border-style:solid;
  border-color:#990000;
 }

/*"""""""" (MAIN) Active State""""""""*/ 
 body #qm0 .qmactive, body #qm0 .qmactive:hover 
 { 
  background-color:#DD3300;
  color:#FFFFFF;
  text-decoration:underline;
 }

/*"""""""" (SUB) Container""""""""*/ 
 #qm0 div, #qm0 ul 
 { 
  padding:10px 0px;
  background-color:#990000;
  border-width:1px;
  border-style:none;
  border-color:#990000;
 }

/*"""""""" (SUB) Items""""""""*/ 
 #qm0 div a, #qm0 ul a 
 { 
  padding:2px 0px 2px 15px;
  margin:0px 5px;
  background-color:#990000;
  background-image:none;
  color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#F8FDF5;
 }

/*"""""""" (SUB) Hover State""""""""*/ 
 #qm0 div a:hover, #qm0 ul a:hover 
 { 
  text-decoration:underline;
 }

/*"""""""" (SUB) Active State""""""""*/ 
 body #qm0 div .qmactive, body #qm0 div .qmactive:hover 
 { 
  background-color:#DD3300;
  color:#FFFFFF;
  border-color:#999999;
 }

</style>
<script type="text/javascript">/* <![CDATA[ */var 
qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm_ib;var 
qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var 
qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var 
qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var 
qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var 
qm_n=qm_t.indexOf("Netscape")+1;var 
qm_v=parseFloat(navigator.vendorSub);;function 
qm_create(sd,v,ts,th,oc,rl,sh,fl,ft,aux,l){var w="onmouseover";var 
ww=w;var 
e="onclick";if(oc){if(oc=="all"||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc=="all"||oc=="main"){ww=e;th=0;}}if(!l){l=1;qm_th=th;sd=document.getElementById("qm"+sd);if(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){qm_kille(e)};document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){qm_ic=true;qm_oo(new
 
Object(),qm_la,1);qm_kille(event)};document.onmouseover=function(){qm_la=null;clearTimeout(qm_tt);qm_tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else
  
if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)sd.fl=1;if(ft)sd.ft=1;if(rl)sd.rl=1;sd.style.zIndex=l+""+1;var
 lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var 
b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};b.qmts=ts;if(l==1&&v){b.style.styleFloat="none";b.style.cssFloat="none";}}else
  
if(b.tagName=="DIV"){if(window.showHelp&&!window.XMLHttpRequest)sp[i].insertAdjacentHTML("afterBegin","<span
 
class='qmclear'> </span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.offsetWidth+"px";new
 qm_create(b,null,ts,th,oc,rl,sh,fl,ft,aux,l+1);}}};function 
qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li)qm_tt=setTimeout("x0()",qm_th);};function
 x0(){var 
a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function
 qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function 
qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad&&qmad.bhide)eval(qmad.bhide);a.style.visibility="";x2("qmactive",a.idiv);};;function
 qa(a,b){return 
String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));};function 
qm_oo(e,o,nt){if(!o)o=this;if(qm_la==o&&!nt)return;if(window.qmv_a&&!nt)qmv_a(o);if(window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;if(!nt&&o.qmts){qm_si=o;qm_tt=setTimeout("qm_oo(new
 Object(),qm_si,1)",o.qmts);return;}var 
a=o;if(a[qp].isrun){qm_kille(e);return;}if(qm_ib&&!qm_ic)return;var
 
go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a=o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li))qm_uo(qm_li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp]&&a!=o.cdiv)qm_uo(a);else
 break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var 
ah=b.offsetHeight;var ax=b.offsetLeft;var 
ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else 
{if(c.ft)ay=0;if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp].clientTop;}if(qm_s2&&!qm_s3){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth");ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.left=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}x2("qmactive",o,1);if(window.qmad&&qmad.bvis)eval(qmad.bvis);c.style.visibility="inherit";qm_li=c;}else
  if(!qm_a(b[qp]))qm_li=b[qp];else qm_li=null;qm_kille(e);};function 
qm_gcs(obj,sname,jname){var 
v;if(document.defaultView&&document.defaultView.getComputedStyle)v=document.defaultView.getComputedStyle(obj,null).getPropertyValue(sname);else
  
if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return
 v;else return 0;};function x2(name,b,add){var 
a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else 
{b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function 
qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e.stopPropagation&&!(qm_s&&e.type=="click"))e.stopPropagation();};function
 qm_pure(sd){if(sd.tagName=="UL"){var 
nd=document.createElement("DIV");nd.qmpure=1;var 
c;if(c=sd.style.cssText)nd.style.cssText=c;qm_convert(sd,nd);var 
csp=document.createElement("SPAN");csp.className="qmclear";csp.innerHTML=" ";nd.appendChild(csp);sd=sd[qp].replaceChild(nd,sd);sd=nd;}return
 sd;};function qm_convert(a,bm,l){if(!l)bm[qc]=a[qc];bm.id=a.id;var 
ch=a.childNodes;for(var 
i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var 
sh=ch[i].childNodes;for(var 
j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendChild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var
 na=document.createElement("DIV");var 
c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.appendChild(na);new
 qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>

<style type="text/css">.qmfv{visibility:visible 
!important;}.qmfh{visibility:hidden !important;}</style><script
 type="text/JavaScript">var qmad = new 
Object();qmad.bvis="";qmad.bhide="";</script>

<script type="text/JavaScript">

/*******  Menu 0 Add-On Settings *******/
  var a = qmad.qm0 = new Object();

// Item Bullets Add On
  a.ibullets_apply_to = "parent";
  a.ibullets_main_image = "images/tree_main_plus.gif";
  a.ibullets_main_image_hover = "images/tree_main_plus_hover.gif";
  a.ibullets_main_image_active = "images/tree_main_plus_active.gif";
  a.ibullets_main_image_width = 13;
  a.ibullets_main_image_height = 13;
  a.ibullets_main_position_x = -15;
  a.ibullets_main_position_y = -6;
  a.ibullets_main_align_x = "right";
  a.ibullets_main_align_y = "middle";
  a.ibullets_sub_image = "images/tree_sub_plus.gif";
  a.ibullets_sub_image_hover = "images/tree_sub_plus_hover.gif";
  a.ibullets_sub_image_active = "images/tree_sub_plus_active.gif";
  a.ibullets_sub_image_width = 5;
  a.ibullets_sub_image_height = 5;
  a.ibullets_sub_position_x = -10;
  a.ibullets_sub_position_y = -3;
  a.ibullets_sub_align_x = "left";
  a.ibullets_sub_align_y = "middle";

// Tree Menu Add On
  a.tree_enabled = true;
  a.tree_sub_sub_indent = 15;
  a.tree_hide_focus_box = true;
  a.tree_auto_collapse = true;
  a.tree_expand_animation = 2;
  a.tree_expand_step_size = 8;
  a.tree_collapse_animation = 3;
  a.tree_collapse_step_size = 15;

</script>

<script type="text/javascript">/* <![CDATA[ 
*/qmad.br_navigator=navigator.userAgent.indexOf("Netscape")+1;qmad.br_version=parseFloat(navigator.vendorSub);qmad.br_oldnav=qmad.br_navigator&&qmad.br_version<7.1;qmad.tree=new
 
Object();if(qmad.bvis.indexOf("qm_tree_item_click(b.cdiv);")==-1){qmad.bvis+="qm_tree_item_click(b.cdiv);";qm_tree_init_styles();}if(window.attachEvent)window.attachEvent("onload",qm_tree_init);else
  
if(window.addEventListener)window.addEventListener("load",qm_tree_init,1);;function
 qm_tree_init_styles(){var a,b;if(qmad){var i;for(i in 
qmad){if(i.indexOf("qm")!=0||i.indexOf("qmv")+1)continue;var 
ss=qmad[i];if(ss.tree_width)ss.tree_enabled=true;if(ss&&ss.tree_enabled){var
 az="";if(window.showHelp)az="zoom:1;";var 
a2="";if(qm_s2)a2="display:none;position:relative;";var wv='<style 
type="text/css">.qmistreestyles'+i+'{} #'+i+'{position:relative 
!important;} #'+i+' a{float:none !important;white-space:normal 
!important;position:static !important}#'+i+' div{width:auto 
!important;left:0px !important;top:0px !important;overflow:hidden 
!important;'+a2+az+'border-top-width:0px 
!important;border-bottom-width:0px !important;margin-left:0px 
!important;margin-top:0px 
!important;}';if(ss.tree_sub_sub_indent)wv+='#'+i+' div 
div{padding-left:'+ss.tree_sub_sub_indent+'px}';document.write(wv+'</style>');}}}};function
 qm_tree_init(event,spec){var q=qmad.tree;var a,b;var i;for(i in 
qmad){if(i.indexOf("qm")!=0||i.indexOf("qmv")+1||i.indexOf("qms")+1||(!isNaN(spec)&&spec!=i))continue;var
 
ss=qmad[i];if(ss&&ss.tree_enabled){q.estep=ss.tree_expand_step_size;if(!q.estep)q.estep=1;q.cstep=ss.tree_collapse_step_size;if(!q.cstep)q.cstep=1;q.acollapse=ss.tree_auto_collapse;q.no_focus=ss.tree_hide_focus_box;q.etype=ss.tree_expand_animation;if(q.etype)q.etype=parseInt(q.etype);if(!q.etype)q.etype=0;q.ctype=ss.tree_collapse_animation;if(q.ctype)q.ctype=parseInt(q.ctype);if(!q.ctype)q.ctype=0;if(qmad.br_oldnav){q.etype=0;q.ctype=0;}qm_tree_init_items(document.getElementById(i));}i++;}};function
 qm_tree_init_items(a,sub){var w,b;var q=qmad.tree;var 
aa;aa=a.childNodes;for(var 
j=0;j<aa.length;j++){if(aa[j].tagName=="A"){if(aa[j].cdiv){aa[j].cdiv.ismove=1;aa[j].cdiv.qmtree=1;}if(!aa[j].onclick){aa[j].onclick=aa[j].onmouseover;aa[j].onmouseover=null;}if(q.no_focus){aa[j].onfocus=function(){this.blur();};}if(aa[j].cdiv)new
 
qm_tree_init_items(aa[j].cdiv,1);if(aa[j].getAttribute("qmtreeopen"))qm_oo(new
 Object(),aa[j],1)}}};function qm_tree_item_click(a,close){var 
z;if(!a.qmtree&&!((z=window.qmv)&&z.loaded)){var 
id=qm_get_menu(a).id;if(window.qmad&&qmad[id]&&qmad[id].tree_enabled)x2("qmfh",a,1);return;}if((z=window.qmv)&&(z=z.addons)&&(z=z.tree_menu)&&!z["on"+qm_index(a)])return;x2("qmfh",a);var
 q=qmad.tree;if(q.timer)return;qm_la=null;q.co=new Object();var 
levid="a"+qm_get_level(a);var ex=false;var cx=false;if(q.acollapse){var 
mobj=qm_get_menu(a);var ds=mobj.getElementsByTagName("DIV");for(var 
i=0;i<ds.length;i++){if(ds[i].style.position=="relative"&&ds[i]!=a){var
 go=true;var 
cp=a[qp];while(!qm_a(cp)){if(ds[i]==cp)go=false;cp=cp[qp];}if(go){cx=true;q.co["a"+i]=ds[i];qm_uo(ds[i],1);}}}}if(a.style.position=="relative"){cx=true;q.co["b"]=a;var
 d=a.getElementsByTagName("DIV");for(var 
i=0;i<d.length;i++){if(d[i].style.position=="relative"){q.co["b"+i]=d[i];qm_uo(d[i],1);}}a.qmtreecollapse=1;qm_uo(a,1);if(window.qm_ibullets_hover)qm_ibullets_hover(null,a.idiv);}else
 
{ex=true;if(qm_s2)a.style.display="block";a.style.position="relative";q.eh=a.offsetHeight;a.style.height="0px";x2("qmfv",a,1);x2("qmfh",a);a.qmtreecollapse=0;q.eo=a;}qmwait=true;qm_tree_item_expand(ex,cx,levid);};function
 qm_tree_item_expand(expand,collapse,levid){var q=qmad.tree;var 
go=false;var cs=1;if(collapse){for(var i in 
q.co){if(!q.co[i].style.height&&q.co[i].style.position=="relative"){q.co[i].style.height=(q.co[i].offsetHeight)+"px";q.co[i].qmtreeht=parseInt(q.co[i].style.height);}cs=parseInt((q.co[i].offsetHeight/parseInt(q.co[i].qmtreeht))*q.cstep);if(q.ctype==1)cs=q.cstep-cs+1;else
  if(q.ctype==2)cs=cs+1;else  
if(q.ctype==3)cs=q.cstep;if(q.ctype&&parseInt(q.co[i].style.height)-cs>0){q.co[i].style.height=parseInt(q.co[i].style.height)-cs+"px";go=true;}else
 
{q.co[i].style.height="";q.co[i].style.position="";if(qm_s2)q.co[i].style.display="";x2("qmfh",q.co[i],1);x2("qmfv",q.co[i]);}}}if(expand){cs=parseInt((q.eo.offsetHeight/q.eh)*q.estep);if(q.etype==2)cs=q.estep-cs;else
  if(q.etype==1)cs=cs+1;else  
if(q.etype==3)cs=q.estep;if(q.etype&&q.eo.offsetHeight<(q.eh-cs)){q.eo.style.height=parseInt(q.eo.style.height)+cs+"px";go=true;if(window.qmv_position_pointer)qmv_position_pointer();}else
 
{q.eo.qmtreeh=q.eo.style.height;q.eo.style.height="";if(window.qmv_position_pointer)qmv_position_pointer();}}if(go){q.timer=setTimeout("qm_tree_item_expand("+expand+","+collapse+",'"+levid+"')",10);}else
 {qmwait=false;q.timer=null;}};function 
qm_get_level(a){lev=0;while(!qm_a(a)&&(a=a[qp]))lev++;return 
lev;};function 
qm_get_menu(a){while(!qm_a(a)&&(a=a[qp]))continue;return a;}/* 
]]> */</script>

<script type="text/javascript">/* <![CDATA[ 
*/qmad.br_navigator=navigator.userAgent.indexOf("Netscape")+1;qmad.br_version=parseFloat(navigator.vendorSub);qmad.br_oldnav6=qmad.br_navigator&&qmad.br_version<7;if(!qmad.br_oldnav6){if(!qmad.ibullets)qmad.ibullets=new
 
Object();if(qmad.bvis.indexOf("qm_ibullets_active(o,false);")==-1){qmad.bvis+="qm_ibullets_active(o,false);";qmad.bhide+="qm_ibullets_active(a,1);";if(window.attachEvent)window.attachEvent("onload",qm_ibullets_init);else
  
if(window.addEventListener)window.addEventListener("load",qm_ibullets_init,1);if(window.attachEvent)document.attachEvent("onmouseover",qm_ibullets_hover_off);else
  
if(window.addEventListener)document.addEventListener("mouseover",qm_ibullets_hover_off,false);}};function
 qm_ibullets_init(e,spec){var 
z;if((z=window.qmv)&&(z=z.addons)&&(z=z.item_bullets)&&(!z["on"+qmv.id]&&z["on"+qmv.id]!=undefined&&z["on"+qmv.id]!=null))return;qm_ts=1;var
 q=qmad.ibullets;var 
a,b,r,sx,sy;z=window.qmv;for(i=0;i<10;i++){if(!(a=document.getElementById("qm"+i))||(!isNaN(spec)&&spec!=i))continue;var
 
ss=qmad[a.id];if(ss&&(ss.ibullets_main_image||ss.ibullets_sub_image)){q.mimg=ss.ibullets_main_image;if(q.mimg){q.mimg_a=ss.ibullets_main_image_active;if(!z)qm_ibullets_preload(q.mimg_a);q.mimg_h=ss.ibullets_main_image_hover;if(!z)qm_ibullets_preload(q.mimg_a);q.mimgwh=eval("new
 
Array("+ss.ibullets_main_image_width+","+ss.ibullets_main_image_height+")");r=q.mimgwh;if(!r[0])r[0]=9;if(!r[1])r[1]=6;sx=ss.ibullets_main_position_x;sy=ss.ibullets_main_position_y;if(!sx)sx=0;if(!sy)sy=0;q.mpos=eval("new
 Array('"+sx+"','"+sy+"')");q.malign=eval("new 
Array('"+ss.ibullets_main_align_x+"','"+ss.ibullets_main_align_y+"')");r=q.malign;if(!r[0])r[0]="right";if(!r[1])r[1]="center";}q.simg=ss.ibullets_sub_image;if(q.simg){q.simg_a=ss.ibullets_sub_image_active;if(!z)qm_ibullets_preload(q.simg_a);q.simg_h=ss.ibullets_sub_image_hover;if(!z)qm_ibullets_preload(q.simg_h);q.simgwh=eval("new
 
Array("+ss.ibullets_sub_image_width+","+ss.ibullets_sub_image_height+")");r=q.simgwh;if(!r[0])r[0]=6;if(!r[1])r[1]=9;sx=ss.ibullets_sub_position_x;sy=ss.ibullets_sub_position_y;if(!sx)sx=0;if(!sy)sy=0;q.spos=eval("new
 Array('"+sx+"','"+sy+"')");q.salign=eval("new 
Array('"+ss.ibullets_sub_align_x+"','"+ss.ibullets_sub_align_y+"')");r=q.salign;if(!r[0])r[0]="right";if(!r[1])r[1]="middle";}q.type=ss.ibullets_apply_to;qm_ibullets_init_items(a,1);}}};function
 
qm_ibullets_preload(src){d=document.createElement("DIV");d.style.display="none";d.innerHTML="<img
 src="+src+" width=1 
height=1>";document.body.appendChild(d);};function 
qm_ibullets_init_items(a,main){var q=qmad.ibullets;var 
aa,pf;aa=a.childNodes;for(var 
j=0;j<aa.length;j++){if(aa[j].tagName=="A"){if(window.attachEvent)aa[j].attachEvent("onmouseover",qm_ibullets_hover);else
  
if(window.addEventListener)aa[j].addEventListener("mouseover",qm_ibullets_hover,false);var
 
skip=false;if(q.type!="all"){if(q.type=="parent"&&!aa[j].cdiv)skip=true;if(q.type=="non-parent"&&aa[j].cdiv)skip=true;}if(!skip){if(main)pf="m";else
 pf="s";if(q[pf+"img"]){var 
ii=document.createElement("IMG");ii.setAttribute("src",q[pf+"img"]);ii.setAttribute("width",q[pf+"imgwh"][0]);ii.setAttribute("height",q[pf+"imgwh"][1]);ii.style.borderWidth="0px";ii.style.position="absolute";var
 ss=document.createElement("SPAN");var 
s1=ss.style;s1.display="block";s1.position="relative";s1.fontSize="1px";s1.lineHeight="0px";s1.zIndex=1;ss.ibhalign=q[pf+"align"][0];ss.ibvalign=q[pf+"align"][1];ss.ibiw=q[pf+"imgwh"][0];ss.ibih=q[pf+"imgwh"][1];ss.ibposx=q[pf+"pos"][0];ss.ibposy=q[pf+"pos"][1];qm_ibullets_position(aa[j],ss);ss.appendChild(ii);aa[j].qmibullet=aa[j].insertBefore(ss,aa[j].firstChild);aa[j]["qmibullet"+pf+"a"]=q[pf+"img_a"];aa[j]["qmibullet"+pf+"h"]=q[pf+"img_h"];aa[j].qmibulletorig=q[pf+"img"];ss.setAttribute("qmvbefore",1);ss.setAttribute("isibullet",1);if(aa[j].className.indexOf("qmactive")+1)qm_ibullets_active(aa[j]);}}if(aa[j].cdiv)new
 qm_ibullets_init_items(aa[j].cdiv);}}};function 
qm_ibullets_position(a,b){if(b.ibhalign=="right")b.style.left=(a.offsetWidth+parseInt(b.ibposx)-b.ibiw)+"px";else
  
if(b.ibhalign=="center")b.style.left=(parseInt(a.offsetWidth/2)-parseInt(b.ibiw/2)+parseInt(b.ibposx))+"px";else
 
b.style.left=b.ibposx+"px";if(b.ibvalign=="bottom")b.style.top=(a.offsetHeight+parseInt(b.ibposy)-b.ibih)+"px";else
  
if(b.ibvalign=="middle")b.style.top=parseInt((a.offsetHeight/2)-parseInt(b.ibih/2)+parseInt(b.ibposy))+"px";else
 b.style.top=b.ibposy+"px";};function 
qm_ibullets_hover(e,targ){e=e||window.event;if(!targ){var 
targ=e.srcElement||e.target;while(targ.tagName!="A")targ=targ[qp];}var 
ch=qmad.ibullets.lasth;if(ch&&ch!=targ){qm_ibullets_hover_off(new
 Object(),ch);}if(targ.className.indexOf("qmactive")+1)return;var 
wo=targ.qmibullet;var ma=targ.qmibulletmh;var 
sa=targ.qmibulletsh;if(wo&&(ma||sa)){var 
ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefined)ti=ma;wo.firstChild.src=ti;qmad.ibullets.lasth=targ;}if(e)qm_kille(e);};function
 
qm_ibullets_hover_off(e,o){if(!o)o=qmad.ibullets.lasth;if(o&&o.className.indexOf("qmactive")==-1){if(o.firstChild&&o.firstChild.getAttribute&&o.firstChild.getAttribute("isibullet"))o.firstChild.firstChild.src=o.qmibulletorig;}};function
 qm_ibullets_active(a,hide){var wo=a.qmibullet;var ma=a.qmibulletma;var 
sa=a.qmibulletsa;if(!hide&&a.className.indexOf("qmactive")==-1)return;if(hide&&a.idiv){var
 
o=a.idiv;if(o&&o.qmibulletorig){if(o.firstChild&&o.firstChild.getAttribute&&o.firstChild.getAttribute("isibullet"))o.firstChild.firstChild.src=o.qmibulletorig;}}else
 
{if(!a.cdiv.offsetWidth)a.cdiv.style.visibility="inherit";qm_ibullets_wait_relative(a);/*if(a.cdiv){var
 aa=a.cdiv.childNodes;for(var 
i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].qmibullet);}}*/if(wo&&(ma||sa)){var
 
ti=ma;if(sa&&sa!=undefined)ti=sa;if(ma&&ma!=undefined)ti=ma;wo.firstChild.src=ti;}}};function
 
qm_ibullets_wait_relative(a){if(!a)a=qmad.ibullets.cura;if(a.cdiv){if(a.cdiv.qmtree&&a.cdiv.style.position!="relative"){qmad.ibullets.cura=a;setTimeout("qm_ibcss_wait_relative()",10);return;}var
 aa=a.cdiv.childNodes;for(var 
i=0;i<aa.length;i++){if(aa[i].tagName=="A"&&aa[i].qmibullet)qm_ibullets_position(aa[i],aa[i].qmibullet);}}}/*
 ]]> */</script>

</head>

<body style="margin:40px;background-color:rgb(255, 255, 
255);"><noscript><span 
style="font-size:13px;font-family:arial;"><span 
style="color:#dd3300">Warning!</span>   MyCSSMenu may have been
 blocked by IE-SP2's active content option. This browser feature blocks 
JavaScript from running locally on your 
computer.<br><br>This warning will not display once the menu
 is on-line.  To enable the menu locally, click the yellow bar above, 
and select <span style="color:#0033dd;">"Allow Blocked 
Content"</span>.<br><br>To permanently enable active 
content locally...<div style="padding:0px 0px 30px 
10px;color:#0033dd;">
<br>1: Select 'Tools' --> 'Internet Options' from the IE 
menu.<br>2: Click the 'Advanced' tab.<br>3: Check the 2nd 
option under 'Security' in the tree (Allow active content to run in 
files on my computer.)</div>
</span></noscript>

<a 
style="font-size:13px;color:#444444;font-family:arial;text-decoration:none;display:block;margin-bottom:25px;"
 id="qmv_open_visual_interface" href="javascript:javascript:if 
(qm_s3){window.name='qm_launch_visual';window.location = 
window.location.href;}else{var qmnw = 
window.open(window.location.href,'qm_launch_visual','scrollbars=no,location=no,status=yes,menu=no,toolbar=no,resizable=yes');if
 (window.focus) {qmnw.focus()}}"></a>

<ul>
<li><a 
href="javascript:void(0)">Management</a></li>
<li><a class="qmparent" href="javascript:void(0)">Global 
Sites</a>

<ul>
<li><a href="javascript:void(0)">Asia</a></li>
<li><a href="javascript:void(0)">South 
America</a></li>
<li><a 
href="javascript:void(0)">Australia</a></li>
<li><a href="javascript:void(0)">North 
America</a></li>
<li><a href="javascript:void(0)">Europe</a></li>
<li><a href="javascript:void(0)">Africa</a></li>
</ul>
</li>
<li><a 
href="javascript:void(0)">Worldwide</a></li>
<li><a href="javascript:void(0)">Product 
Overview</a></li>
<li><a 
href="javascript:void(0)">Publicity</a></li>
</ul>
</li>
<li><a class="qmparent" href="javascript:void(0)">Our 
Commitment</a>

<ul>
<li><a href="javascript:void(0)">Annual 
Meetings</a></li>
<li><a href="javascript:void(0)">Financial 
Reports</a></li>
<li><a href="javascript:void(0)">Nasdaq 
Quoting</a></li>
<li><a href="javascript:void(0)">Dividend 
Information</a></li>
<li><a href="javascript:void(0)">Future 
Outlook</a></li>
<li><a href="javascript:void(0)">CEO 
Announcements</a></li>
</ul>
</li>
<li><a class="qmparent" 
href="javascript:void(0)">Technology</a>

<ul>
<li><a 
href="javascript:void(0)">Satisfaction</a></li>
<li><a href="javascript:void(0)">Our 
Goals</a></li>
<li><a href="javascript:void(0)">Product 
Warranty</a></li>
<li><a href="javascript:void(0)">Future 
Outlook</a></li>
<li><a href="javascript:void(0)">Product 
Quality</a></li>
<li><a href="javascript:void(0)">Continued 
Support</a></li>
</ul>
</li>
<li class="qmclear"> </li>
</ul>

<script 
type="text/javascript">qm_create(0,false,0,500,'all',false,false,false,false);</script>

<script type="text/javascript">if 
(window.name=="qm_launch_visual"){document.write('<scr'+'ipt 
type="text/javascript" 
src="http://www.mycssmenu.com/qmv6/qm_visual.js"></scr'+'ipt>')}</script>
</body>
</html>

Cara Membuat Komentar Blogger Bisa di Buka Tutup

Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box

Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak kemudian contreng tulisan Expand Widget Templates,dan cari kode berikut (Gunakan Ctrl+F):

</head>

Jika sobat sudah menemukannya,tepat diATASnya letakkan script berikut:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var panelSelector = '#comments', openPanelText = "Tampilkan Komentar", closePanelText = "Tutup Komentar", slideDownPanelSpeed = 600, slideUpPanelSpeed = 400; //]]> </script> <script type='text/javascript'> </script> <script src='http://mrpujiajadeh.co.cc/slide%20blogger%20comment.js' type='text/javascript'/>

Setelah itu,cari kode berikut:

]]></b:skin>

Jika sudah sobat ketemukan,tepat diATASnya letakkan barisan kode ini:

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative; }a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white; }a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222; }div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}

Setelah itu simpan template sobat.
Catatan:
Trik ini akan bekerja tentu jika sobat mengaktifkan komentar di blogger,baik dalam komentar posting maupun settingan secara universalnya.Selamat mencoba ya

Cara Membuat Menu Hidden di Blog

Pertama anda harus Login terlebih dahulu ke akun Bloger anda
Kemudian ke Rancangan -> Edit Html
kemudian cari kode ]]></b:skin> salin kode berikut di bawah ini ...

ul#navigation {
position:fixed; margin:0px;
padding:0px;
top:0px; right:10px;
list-style:none;
z-index:999999;
width:820px;
font:normal 11px Arial,Sans-Serif;
-webkit-animation:2s fxhompinav ease-in-out;
-moz-animation:2s fxhompinav ease-in-out;
-ms-animation:2s fxhompinav ease-in-out;
animation:2s fxhompinav ease-in-out;
} ul#navigation li {
width:103px;
display:inline;
float:left;
margin:0 0 0 2px;
}
ul#navigation li a {
display:block; float:left;
margin-top:-78px;
width:100px;
height:22px;
background-color:#9E242C;
background-repeat:no-repeat;
background-position:50% 150px;
border:3px solid #303030;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-khtml-border-bottom-right-radius:10px;
-khtml-border-bottom-left-radius:10px;
border-radius:0px 0px 10px 10px;
color:#ccc;
text-decoration:none;
text-align:center;
text-shadow:0 1px 1px #000;
padding-top:85px;
-webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
-moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
-o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;
}
ul#navigation li a:hover {
margin-top:-3px;
background-position:50% 10px;
color:#fff; position:relative;
}
ul#navigation li a:hover:after {
content:""; width:0px;
height:0px;
position:absolute;
top:100%;
left:45%;
margin-top:-10px;
border-width:5px;
border-style:solid;
border-color:transparent transparent #e6e6e6 transparent;
}
ul#navigation li:nth-child(1) a {
background-image:url(http://3.bp.blogspot.com/-8WwZdGaZDF8/T1jCmIXy3YI/AAAAAAAAAgs/6YHfBmBXNcM/s1600/home.png);
}
ul#navigation li:nth-child(2) a {
background-image:url(http://3.bp.blogspot.com/-WAE3b9EAwjE/T1jCtyoXeEI/AAAAAAAAAhM/APrL1imssvg/s1600/user.png);
}
ul#navigation li:nth-child(3) a {
background-image:url(http://3.bp.blogspot.com/-VlnL4tXuqac/T1jCqlPtZvI/AAAAAAAAAg8/-612pNRV4t8/s1600/mail.png);
}
ul#navigation li:nth-child(4) a {
background-image:url(http://3.bp.blogspot.com/-NNr72SAv55E/T1jCsQaAzaI/AAAAAAAAAhE/6HSDKhWqLvI/s1600/rss.png);
} ul#navigation li:nth-child(5) a {
background-image:url(http://2.bp.blogspot.com/-l758NNsB7lY/T1jCooeCocI/AAAAAAAAAg0/xtS5Snatt0k/s1600/link.png);
}
ul#navigation li:nth-child(6) a {
background-image:url(http://4.bp.blogspot.com/-FXzMwo3qjvA/T1jCjTFCYdI/AAAAAAAAAgk/1ZjJBvcXz70/s1600/color.png);
}
@-webkit-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-moz-keyframes fxhompinav {
from{margin-right:-1000px;} to {margin-right:0px;}
}
@-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}
@keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
}

Selanjutnya cari kode dan letakan kode dibawah ini danletakan diatasnya :

LALU SIMPAN TEMPLE ANDA

Cara Membuat Hidden Buku Tamu di Blog

1. Login ke Blogger
2. Pilih Design -> Page Element
3. Klik Add a Gadget -> HTML/Javascript lalu masukkan kode dibawah ini kedalam kotak

<a href="javascript:showHideGB()">
</a></div>
<div style="text-align:right; font-size:xx-small;">
Jangan Lupa Senggol Anu Ku :) <a href="http://Bloggaje.blogspot.com" 
target="blank">Thanks!!!.</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

membuat link pop up

1. Login ke Blogger
2. Pilih Design -> Page Element
3. Klik Add a Gadget -> HTML/Javascript lalu masukkan kode dibawah ini kedalam kotak

<div style="overflow: auto; width: 350px; height: 100px; padding: 10px; border: 2px solid rgb(238, 238, 238);">
<form onsubmit="window.open('http://budakbungotv-media.blogspot.com/2011/08/bollywood24.html', 'popupwindow','scrollbars=no, width=500,height=450');return true">
<input value="bollywood24" type="submit" /></form>
<form onsubmit="window.open('http://budakbungotv-media.blogspot.com/2011/08/sound-musik-model-teasers.html', 'popupwindow','scrollbars=no, width=480,height=550');return true">
<input value="music barat" type="submit" /></form>
<ul>

</ul></div>

ket..
warna hijau silahkan ganti link nya
warna kuning untuk judul nya

Membuat Navigasi Dropdwon Menu Unik Style Kompas di blog

cara Memasang Menu Navigasi Ala Kompas.com

Login Ke blogger anda
Masuk ke halaman Edit HTML dengan cara, Dari dashboard pilih Template --> Edit HTML --> Proses/lanjutkan
Download Lengkap Template blog terlebih dahulu untuk antisipasi kesalanan
Sekarang Cari Kode ]]></b:skin> (Gunakan CTRL + F dan F3 untuk mempermudah pencarian)
Setelah Ketemu Copas kode berikut dan letakan diatas kode ]]></b:skin>

.nav {
height:35px;
background: url(http://3.bp.blogspot.com/-iYO_dq-SM3k/Ti1qX6kEh0I/AAAAAAAAE1g/riMnCYQz3_4/s1600/bg.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:100%;
z-index:100;
margin:0;
padding:0;
}
.nav .table {
display:table;
margin:0 auto;
}
.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}
.nav li {
margin:0;
padding:0;
height:auto;
float:left;
}
.nav .select a {
display:block;
height:35px;
float:left;
font-weight:bold;
background: url(http://3.bp.blogspot.com/-iYO_dq-SM3k/Ti1qX6kEh0I/AAAAAAAAE1g/riMnCYQz3_4/s1600/bg.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#2b3238;
}

.nav .select a:hover,
.nav .select li:hover a {
background: url(http://2.bp.blogspot.com/-nVl9muJMq7Q/Ti1qYHKkioI/AAAAAAAAE1k/-xo6sTlGN-A/s1600/hover.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#2b3238;
}
.nav .select a b{
font-weight:bold;
}
.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(http://2.bp.blogspot.com/-nVl9muJMq7Q/Ti1qYHKkioI/AAAAAAAAE1k/-xo6sTlGN-A/s1600/hover.gif) right top;
cursor:pointer;
}
.nav .select_sub {
display:none;
}
/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}
.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}
.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#2b3238;
}
.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:100%;
top:35px;
background:url(http://1.bp.blogspot.com/-ha6EhdiZxBI/Ti1qXa6bmsI/AAAAAAAAE1c/A7NU-qQ_-Ls/s1600/back.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}
.nav .current .show {
z-index:10;
}
.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#2b3238;
}
.nav .current .sub li.sub_show a {
color:#2b3238;
cursor:default;
}
.nav .select .sub li a {
font-weight:normal;
}
.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#73a0d2;
}

Jika sudah cari salah satu kode dibawah ini

<div id='header-wrapper'>
.............
</b:section>
</div>

Jika Tidak Ketemu Kode Diatas Cari Kode Yang Ini

<div class='header-outer'>
...............................
</b:section>
</div>

Jika salah satu kode diatas sudah ketemu Copas kode berikut dan letakan disalah satu kode tersebut

<div class="nav">
<div class="table">
<ul class="select"><li><a href="#"><b>Sample</b></a></li></ul>
<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
</ul>
</div>
</li>
</ul>
<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>

Silahkan menu Navigasi Dropdown diisi sesuai dengan kebutuhan.
Terakhir Klik Simpan Template dan lihat hasilnya
Selesai

Demikian Cara Membuat Navigasi Dropdwon Menu Unik Style Kompas.Selamat mencoba and Thanks !.

downloand temple blog full

di sini blogbudakbungo ingin berbagi temple blog yg pernah menjadi koleksi budakbungo,untuk blog budakbungo yg ada.temple blog budakbungo ini banyak nya -+ 1000 temple langsung saja di sedot dengan mengklik link downloand di bawah ini

DOWNLOAND

Blog Budak Bungo

Iklan

BLOG BUDAK BUNGO

Pages

Connect With Us

Instructions

Recomended

Labels

Las series más vistas

Categories

About Me

Followers

Our Partners

Archive

cara menyembunyikan widged di blog

cara membuat css menu magig horizontal di blog

Cara Membuat Komentar Blogger Bisa di Buka Tutup

Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box

Cara Membuat Menu Hidden di Blog

Cara Membuat Hidden Buku Tamu di Blog

membuat link pop up

Membuat Navigasi Dropdwon Menu Unik Style Kompas di blog

downloand temple blog full

DAFTAR ISI

Entri Populer

Label

LIKE FB YA...........????

BUKU TAMU

TERJEMAHAN

Total Tayangan