Freebies: Header Gadis Blogger

hello . aina ade buat header tuk korang semua

width 760

http://i1215.photobucket.com/albums/cc513/misseyna1/peace-1-1.png

Jangan malu-2 ambik je . tuh pun kalau korang suka la

Doodle : credits by wan hazel .

---

thank you for reading

---

Body Melengkung

First :-





Second :-

find code ni :)

#content-wrapper {

copy kod ni :-

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

paste kan di bawah cod tady tuh :)

save :-

---

thank you for reading

---

Main body ada background

nampak tak backgroung kat post tuh ? comel je kan ?

Mula-2

find code ni :-

#content-wrapper {

 pastekan code di bawah ni dekat BAWAH cod #content - wrapper{ Faham ?

background : url(BACKGROUND IMAGE);

Background image korang pilih kat bawwah ni oke .

da siap , save je lah . :')

BACKGROUND 

right click - copy image 

---

thank you for reading

---

Simple navigation #PART 2

add gadget - html/javascript

paste kan kod di bawah ni dekat html/javascript

<center><div style="background:#fff8eb;width:210px;border:2px solid#ccc;padding:5px;"><a href="LINK">HOME</a> <img src="http://www.drikoti.net/Dri/CuteChibbi/bolinha-rosa.gif"/> <span id="goog_1755542995"></span><a href="LINK">ABOUT</a> <span id="goog_1755542996"></span><img src="http://www.drikoti.net/Dri/CuteChibbi/bolinha-rosa.gif"/> <a href="LINK">Perkataan</a> <img src="http://www.drikoti.net/Dri/CuteChibbi/bolinha-rosa.gif"/> <a href="LINK">STUFF</a></div></center>

Nota kepala :-

Tak tahu :- warna background dan border
Biru :- link page
Merah :- tajuk pages korang

credits : faqihah husni

---

thank you for reading

---

Simple navigation #PART 1

camtuh la navigation dye simple je kan ?

Design - add gadget - html/javascript

paste kod ni kat html/javascript

<center><div style="background:url(URL BACKGROUND);width:210px;border:2px solid #ccc;padding:5px;"><a href="URL BLOG">Home</a> | <span id="goog_1755542995"></span><a href="URL PAGE">Stuff</a> <span id="goog_1755542996"></span>| <a href="URL PAGE">Links</a> | <a href="URL PAGE">About</a></div></center>

nota kaki :-

Hijau : Url Blog

Unggu: Background

Orange : Url pages korang tu

Creedits : Faqihah Husni

---

thank you for reading

---

Button follow dan dashboard ala tumblr

design > add a gadget > html/javascript

<a style="display:scroll;position:fixed;top:5px;right:95px;" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:5px;right:10px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

paste kan kat dlm html/javascript tu

yang BOLD tu korang adjust la yee ^^

---

thank you for reading

---

Buang navbar

Mari kita sama-2 buang navbar !! lol :)
tujuan untuk buang navbar supaya blog korang nampak ohsem sikit , kalau ade navbar tak lawa lahh hehe
ok jum kita start !!

Mula-2 :-





Pastu , find kod ni pulak

/* Variable definitions

Kat atas tuh bukan susah pun nak cariii hehe

copy ni pulak

#navbar-iframe {
display: none !important;
}

Paste kan Di ATAS kod tadi tuhh .

 ok , preview . kalau bole save je lah . ok tak-3 ? :3

---

thank you for reading

---

Sidebar title macam aina

contoh :-

find cod ni :-

.sidebar h2 { 

dah jumpe ? copy cod ni pulak , dan paste kan di BAWAH cod tadi tu

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: #cc99ff;
text-align: center;
font-family:Calibri;

cuba try guna code tuh jadi tak ? kalau tak jadi komen tau nnty aina tukar code dye balik :)

save ! warna hijau tuh warna background dye k :)

---

thank you for reading

---

post tittle bersambung dengan tarikh

haaa ! camtu laa post tittle bersambung dgn tarikh cantik kan ? korang nak buat ?

Then find kod ni * untuk memudahkan sila tekan ctrl+f

.date-header {

dah jumpa ? copy kod ni pulak

 background-repeat: no-repeat;
background-position:left center;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: #cc99ff;
text-align: center;
margin: 0;
padding: 0;
font-weight: bold;
color: #ffffff;

paste di BAWAH  kod .date-header } tu 

Yang warna merah tu kod warna 

eh ! jangan save lagi !!! tak siap lagi tu . k find kod ni pulopp ~

.post-title {

da jumpa? mesti lah jumpa kan . hehe

copy kod ni pulak .

background: #cc99ff;
border: 2px solid #cc99ff;
font-family:"Georgia",Georgia,Serif;
text-align:center;
text-shadow: 2px 1px 2px #cc99ff;
border-bottom:4px solid #cc99ff;border-left:4px solid #cc99ff;
border-right:4px solid #F9B4B4;
font-weight:normal;
color: #FAAFBE;
}

paste kan di BAWAH kod .post-tittle } tuh

oka . warna purple tu kod warna :) pandai-2 lah korang adjust k :)

save lah ! ohsem tak ?

---

thank you for reading

---

Highlight Neon

ok . korang nak tau camne nak wat highlight cam aina ni ,?

follow the step :')

ctrl+f . find cod ni 

 a:link

sudah jumpa ? ok next ! copy ni pulak

::-moz-selection {color:#cc99ff;text-shadow: 0 0 0.2em #cc99ff, 0 0 0.2em #cc99ff;}::selection {color:#cc99ff;text-shadow: 0 0 0.2em #cc99ff, 0 0 0.2em #cc99ff;

preview dulu kalau boleh , save ! :)

---

thank you for reading

---

1 page 1 post

dashboard > settings > formatting

jumlah sebenar die 7 kan ? korang tuka 1 :)

done , senang je 

---

thank you for reading

---

Latak banner dekat page

k . wani nak letak banner kat pages eh ? caranya senang je . ikut step :)

mula-2 korang copy cod banner korang tuh ,

nak paste kat mane ? k . korang boleh paste kat edit HTML dekat sebelah Compose tuh

nampak tak eror itam tuh ? click situ then paste cod banner korang kat situh 

pastu click compose ,dan tengok hasilnya :)

---

thank you for reading

---

vertical tab meni

vertical tab 

- > design - add gadget - html/javascript

copy cod ni dan paste kat kod yang ni kat ruagan html/javascript tu

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{

width:250;

text align:center;

list-style-type: none;

font: normal 13px Century gothic;

}

.sidebarmenu ul li{

position: relative;

}

/* Top level menu links style */

.sidebarmenu ul li a{

display: block;

overflow: auto; /*force hasLayout in IE7 */

color: white;

text-align:center;

text-decoration: none;

padding: 0px;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{

background-color: #C6C6C6; /*background of tabs (default state)*/}

.sidebarmenu ul li a:visited{

color: white;}

.sidebarmenu ul li a:hover{

background-color: #000000;}

/* Holly Hack for IE \*/

* html .sidebarmenu ul li { float: left; height: 1%; }

* html .sidebarmenu ul li a { height: 1%; }

/* End */

</style>

<script type="text/javascript">

//Nested Side Bar Menu (Mar 20th, 09)

//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){

for (var i=0; i<menuids.length; i++){

  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")

    for (var t=0; t<ultags.length; t++){

    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"

  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu

   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item

  else //else if this is a sub level submenu (ul)

    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it

    ultags[t].parentNode.onmouseover=function(){

    this.getElementsByTagName("ul")[0].style.display="block"

    }

    ultags[t].parentNode.onmouseout=function(){

    this.getElementsByTagName("ul")[0].style.display="none"

    }

    }

  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars

  ultags[t].style.visibility="visible"

  ultags[t].style.display="none"

  }

  }

}

if (window.addEventListener)

window.addEventListener("load", initsidebarmenu, false)

else if (window.attachEvent)

window.attachEvent("onload", initsidebarmenu)

</script>

<div class="sidebarmenu">

<ul id="sidebarmenu1">

<li><a href="LINK">HOME</a></li>

<li><a href="LINK">ABOUT ME</a></li>

<li><a href="LINK">TUTOTIAL</a></li>

<li><a href="LINK">TAGBOARD</a></li>

</ul>

</div></center></center>

Warna hijau : link korang
warna purple : tajuk page tu
warna biru : cod warna .

---

thank you for reading

---

Cute Header

Header lagyy ^.- hahaha . okey ambik lhaa :) ni buruk sikit laa hahaa warna die tak sesuai coz aina pakai warna kasar hehehe

hahaha :)

http://i1215.photobucket.com/albums/cc513/misseyna1/BeFunky_CuteHeader.png

ambik jangan malu-2 . tu pon kalau korang suka >.<

---

thank you for reading

---