Buang navbar pyzam dan thecutestblogontheblock linkKali ini tutorial mudah untuk para bloggers. Walaupun benda kecil, ia mampu mencantikkan page blog anda. 'to the point'. Ramai blogger suka menggunakan layout dari Pyzam.com ataupun Thecutesblogontheblock.com. Tapi bagaimana hendak menghilangkan navbar pada layout itu? juga aku akan sertakan tutorial membuat tooltips pada tulisan dan gambar anda. nak tahu lebih lanjut?
1.Menghilangkan Navbar PYZAM.COM
Navbar Pyzam.comStep 1: pergi ke layout>edithtml. Cari code css ini : .bloggerPyBar (anda boleh guna shortkey: ctrl+f) . Kemudian buang semua code dibawah:
.bloggerPyBar { background-color:#ff6600;
color:#114477;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weigth:bold;
padding:2px 2px 2px 6px;}
.bloggerPyBar a {color:#114477;}
.pylogo {float:right;padding-right:9px;}
Step 2: cari kod <body>, kemudian dibawah kod itu hilangkan semua kod html seperti dibawah:
2. Menghilangkan Link Image dari TheCutestblogontheblock.com
Buang link Thecutestblogontheblock.com
Step 1: Semasa anda ingin menggunakan Skin dari laman web diatas. Anda mesti meng"copy" code di bawah untuk diletakkan di layout anda bukan? :
Step 2: anda Hanya perlu menghilangkan kod bewarna biru diatas. Kemudian save layout anda.
3. Cara Memasang Tooltips.
Tutorial ini dari laman blog technicaldotcom. Walaupun benda ni kecil, tapi ia berkesan mencantikkan blog anda.
Step 1: Dowload Zip file (Klik kanan>Saveas). extract file tersebut. Kemudian upload file nicetitle.css dan nicetitle.js dimana-mana hosting percuma. seperti geocities.
step 2: pergi ke layout>edithtml. cari kod </head>(ctrl+f), letakkan code di bawah seblumnya:
<a href="URL here" title="put your tooltip message here">Read Me!</a>
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
font-weigth:bold;
padding:2px 2px 2px 6px;}
.bloggerPyBar a {color:#114477;}
.pylogo {float:right;padding-right:9px;}
Step 2: cari kod <body>, kemudian dibawah kod itu hilangkan semua kod html seperti dibawah:
<div class='bloggerPyBar' style='cursor:pointer;'><div class='pylogo'><span style='position:relative;top:-1px;left:0px'>«</span> <a href='http://www.pyzam.com'>PYZAM.COM</a></div>
<a href='http://www.pyzam.com/bloggertemplates'>CLICK HERE FOR BLOGGER TEMPLATES</a> AND <a href='http://www.pyzam.com/myspacelayouts'>MYSPACE LAYOUTS</a> <span style='position:relative;top:-1px;left:0px;'>»</span> </div>
<a href='http://www.pyzam.com/bloggertemplates'>CLICK HERE FOR BLOGGER TEMPLATES</a> AND <a href='http://www.pyzam.com/myspacelayouts'>MYSPACE LAYOUTS</a> <span style='position:relative;top:-1px;left:0px;'>»</span> </div>
2. Menghilangkan Link Image dari TheCutestblogontheblock.com
Buang link Thecutestblogontheblock.comStep 1: Semasa anda ingin menggunakan Skin dari laman web diatas. Anda mesti meng"copy" code di bawah untuk diletakkan di layout anda bukan? :
<style type="text/css">
body {background-image: url("http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/newyearslightscopy.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://www.thecutestblogontheblock.com" target="_blank"> <img src="http://www.thecutestblogontheblock.com/images/tag.jpg" border="0"/> </a></div>
body {background-image: url("http://i342.photobucket.com/albums/o401/Thecutestblogontheblock/newyearslightscopy.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
</style>
<div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://www.thecutestblogontheblock.com" target="_blank"> <img src="http://www.thecutestblogontheblock.com/images/tag.jpg" border="0"/> </a></div>
Step 2: anda Hanya perlu menghilangkan kod bewarna biru diatas. Kemudian save layout anda.
3. Cara Memasang Tooltips.
Tutorial ini dari laman blog technicaldotcom. Walaupun benda ni kecil, tapi ia berkesan mencantikkan blog anda.
Step 1: Dowload Zip file (Klik kanan>Saveas). extract file tersebut. Kemudian upload file nicetitle.css dan nicetitle.js dimana-mana hosting percuma. seperti geocities.
step 2: pergi ke layout>edithtml. cari kod </head>(ctrl+f), letakkan code di bawah seblumnya:
<src="http://hostfileanda.com/nicetitle.js" type='text/javascript'></script>
<link rel="stylesheet" href="http://hostfileanda.com/nicetitle.css">
(ingat:gantikan url warna biru dengan host anda)
Step 3: Save layout.
Untuk menggunakan tooltips itu pada Image hanya letak code seperti dibawah:
<a href="URL here" title="put your tooltip message here"><img src="URL of the image here"></a>
Pada link tulisan:<link rel="stylesheet" href="http://hostfileanda.com/nicetitle.css">
(ingat:gantikan url warna biru dengan host anda)
Step 3: Save layout.
Untuk menggunakan tooltips itu pada Image hanya letak code seperti dibawah:
<a href="URL here" title="put your tooltip message here"><img src="URL of the image here"></a>
<a href="URL here" title="put your tooltip message here">Read Me!</a>
Setakat 3 sahaja tutorial untuk kali ini. akan datang aku akan membuat tutorial bagaimana memasang butang kawalan saiz tulisan. Sebarang masalah boleh komen dibawah. OK. Gud Luck eberibadi. Adios!
Posts
0 comments:
Post a Comment