Follow and Dashboard button

 .. Assalamualaikum ..

Hary ni Hani rasa rajin nak buat tuto  khas untuk korang2 semua tau.. Baik tak??

Ok larh apa yang Hani mengarut ni, sudah back to topic semula . Kalau korang nak jom ikut cara ni !

•   pergy ke DESIGN > ADD A GADGET > HTML/JavaScript 
• Then korang copy & paste code dekat bawah nie okehh !?? 

<div style="display:scroll; position:fixed; top:5px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

• dah sudah copy ? now , korunk tukar ID code yang telah di BOLD kan tuhh tauu !! jangan lupe pulakk nanty tak jadi
• lastly , korunk tekan button SAVE dan view lah blog korunkk ' hahhh , menarik takkk ??

Kalau tak faham, comment larh insyallah Hani akan bantu :)

---

~ Tq,Kerana Sudi Membaca ! Like Kalau Suka ! ~

---

Background page berbeza

Assalamualaikum ,

Today Hani nak kongsi tuto ngan korang macam mana nak buat background berbeza..

Let's go !

 

Dashboard > Design > Edit HTML

 * Tick expand widget 

then korang sila copy code ni eihh , tekan ctrl +  f yer untuk pencarian yang mudah..

</head>

 hahhh jumpa kann ? then korang copy pulak code di bawah nie
and paste dekat 'ATAS' code </head> tu tady .

<b:if cond='data:blog.url == &quot;PAGE URL&quot;'>

<style>

body {

background-image: url(URL BACKGROUND);background-position: center; background-repeat:repeat; background-attachment: fixed;

}

</style>

</b:if>

 now, selesai dah larh ^_^
save n look cantik tak ??
Jangan lupa tinggalkan comment, OK !

---

~ Tq,Kerana Sudi Membaca ! Like Kalau Suka ! ~

---

Body Melengkung

 ..Assalamualaikum..

Hari ni Hani nak buat tuto khas untuk pengguna washed denim template ok !

" Body melengkung "

Dashboard > Design > Edit HTML and using Ctrl + F search for this code :-

#content-wrapper {

Then copy code dekat bawah ni , korang paste kan dekat bawah #content-wrapper '..

border-top-left-radius: 25px 25px;

border-top-right-radius: 25px 25px;

border-bottom-left-radius: 25px 25px;

border-bottom-right-radius: 25px 25px;

dah siap , then korang preview dulu kay. Tengok melengkung takk ? 

btw ~>  ini hanya untuk pengguna washed denim template yaa ..

---

~ Tq,Kerana Sudi Membaca ! Like Kalau Suka ! ~

---

Hide navbar

Assalamualaikum,

okeh , hary nie Hani mahu buat tutorial hide navbar !  Kadang-kadang ade sesetengeh blogger yang tak suke dengan navbar yang sedia ade tuh kann .. so, nie ade tuto untuk korunk untuk hide navbar. Follow step2 nie okehh ??

•  Design > Add Gadget > HTML/JavaScript 
• setersunya korunk copy this code 

<!-- DROPDOWN NAVBAR -->

<!-- stylesheet for FF2, Op9, IE7 (strict mode) -->

<style type="text/css">

#navbar {

display:inline;

width:100%;

position:absolute;

background-color:transparent;

top:-30px;

left:0px;

height:60px;

z-index:999999;

}

#navbar:hover{

top:0px;

height:30px;

}</style>
<!-- stylesheet for IE6 and lower -->
<!-- (not supporting element:hover) -->
<!-- first, unhide the navbar through css -->
<!-- second, hide the navbar and mimic -->
<!-- the effect with javascript, if available -->
<!--[if lt IE 7]>
<style type="text/css">
#navbar {
height:30px;
top:0px;
}
</style>
<script type="text/javascript">
var navbar = document.getElementById('navbar');
if(navbar){
navbar.onmouseover = function(){
navbar.style.top = '0px';
navbar.style.height = '30px';
}
navbar.onmouseout = function(){
navbar.style.top = '-30px';
navbar.style.height = '60px';
}
if (navbar.captureEvents){
navbar.captureEvents(Event.MOUSEOVER);
navbar.captureEvents(Event.MOUSEOUT);
}
navbar.onmouseout();
}
</script>
<![endif]-->
<!-- end dropdown navbar -->

•  dah copy korunk paste & save terus . so noww dah jadikan..

Selamat Berjaya !!

---

~ Tq,Kerana Sudi Membaca ! Like Kalau Suka ! ~

---

Check berat blog

..Assalamualaikum..

Hyup semua, kali ni Hani nak ajar korang macam mana nak check berat blog korang..

Macam dekat bawah ni, tapi ni Hani punya !

 

Ok, kalau korang nak check berat blog korang, SINI !

Dah check ke belom, 

kalau dah jangan lupa comment tau..

Bubye!

---

~ Tq,Kerana Sudi Membaca ! Like Kalau Suka ! ~

---