<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d1542164732782740182\x26blogName\x3dA+Z+U+R+A\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://pastelover.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttp://pastelover.blogspot.com/\x26vt\x3d-1678242084661114700', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
assalamualaikum

welcome,i'm azura..19..johorean..
nice to meet you..



+ follow | Email | twitter | Facebook
Home | Dashboard
Friends:

chitchat:



Google + follower



recent update :
TUTORIAL Tab Menu Atas Header(blogskin)
written on Thursday, 9 January 2014 @ 11:30 ✈

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..






0 comment[s] | back to top






© 2012 - Layout created by Afeeqah.
Do you know ? Honesty is the best policy in life