bismillah..hari nie zura nak buat 1 tutorial..
kenape tetibe rajin plak nak buat tutorial nie kan..sebab jenuh zura cari tutor nie..tak jumpe-jumpe..memang tak ade ke zura yang tak pandai cari..haha..
memang ade..tapi tak macam yang zura nak..
sekali zura ternampak blog kakak zura ade yang macam tu..so kite curi kode die..haha..
nampak yang kat atas header tu..hehe..
ok..sape nak cube ikot steps nie ok..
blogskin
1.cari kode
</style>
2.paste kod bawah nie..ATAS kod </style>
.hyosung{
width:100%;
background:#fff;
border-bottom:2px solid #84B4FF;
border-top:2px solid #84B4FF;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.n{
background:#e2e2e2;
border:2px solid #000;
text-decoration:none;
color:#000;
padding:5px;
font:11px arial;
margin-left:6px;
margin-right:6px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:65px;}
a.n:hover{
background:#ffffff;
color:pink;
border-right: double 9px #e2e2e2;
</style>
<div class="hyosung">
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="http://blogger.com/home">DASHBOARD</a>
<a class="n" href="http://www.blogger.com/follow-blog.g?blogID=ID KORANG">FOLLOW</a>
</div>
preview dulu..then save
template biasa
1.cari kode
]]></b:skin>
2.paste kode bawah nie ATAS kode yang korang cari tadi..
.hyosung{
width:100%;
background:#fff;
border-bottom:2px solid #84B4FF;
border-top:2px solid #84B4FF;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.n{
background:#e2e2e2;
border:2px solid #000;
text-decoration:none;
color:#000;
padding:5px;
font:11px arial;
margin-left:6px;
margin-right:6px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:65px;}
a.n:hover{
background:#ffffff;
color:pink;
border-right: double 9px #e2e2e2;
3.add a gadget>HTML
copy kod nie..jangan letak tajuk
<div class="hyosung">
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="URL">AYAT KORANG</a>
<a class="n" href="http://blogger.com/home">DASHBOARD</a>
<a class="n" href="http://www.blogger.com/follow-blog.g?blogID=ID KORANG">FOLLOW</a>
</div>
preview..save..
kalau nak tukar background daripada colour kepade image ape-ape..
tukar background:#FFF;----> background:url(URL IMAGE);
korang ubah laa ape-ape yang korang nak..
