Freebies: Header Gadis Blogger

Penulis : Aina Zairee Masa : 22:17 Comments : 9 Labels :
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

Penulis : Aina Zairee Masa : 19:51 Comments : 2 Labels :
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

Penulis : Aina Zairee Masa : 19:47 Comments : 2 Labels :
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

Penulis : Aina Zairee Masa : 08:20 Comments : 0 Labels :


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

Penulis : Aina Zairee Masa : 08:12 Comments : 2 Labels :

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

Penulis : Aina Zairee Masa : 08:04 Comments : 0 Labels :
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

Penulis : Aina Zairee Masa : 07:55 Comments : 0 Labels :
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

Penulis : Aina Zairee Masa : 20:33 Comments : 1 Labels :
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

Penulis : Aina Zairee Masa : 07:24 Comments : 1 Labels :

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

Penulis : Aina Zairee Masa : 04:37 Comments : 0 Labels :


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

Penulis : Aina Zairee Masa : 20:35 Comments : 0 Labels :
dashboard > settings > formatting


jumlah sebenar die 7 kan ? korang tuka 1 :)

done , senang je 

thank you for reading

Latak banner dekat page

Penulis : Aina Zairee Masa : 20:08 Comments : 2 Labels :

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

Penulis : Aina Zairee Masa : 06:49 Comments : 0 Labels :

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

Penulis : Aina Zairee Masa : 21:32 Comments : 3 Labels :
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

Related Posts Plugin for WordPress, Blogger...