Saturday, June 8, 2013

Tutorial : Navigate Network #2

Large

こんにちは, 안녕하세요 , Assalamualaikum. 


Hari tu atin ade buat tuto navi yang kecik punye.. So yang kali ni punye bulat ok . so klo nak boleh pakai


Blogskin/classic template :
1. Dashboard > Template
2. Tekan Ctrl + f serentak dan cari code </style>
3. Copy code di bawah ni
.web {
background: #e1c9f3;
font-family: Tinytots; font-size:8px;
color: #fff;
width: 15px; height: 15px;
border-radius: 100px;
display: inline-block;
margin: 3px;
padding:10px;
}
@font-face {
font-family:yow !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
.note2{
text-transform:uppercase;
color:#000;
margin-bottom: 8px;
font:8px yow;
line-height: 14px;
padding: 3px;
}

4. Paste di atas code </style>
5. Then copy code ni pula

<center>
<a class="web" href="LINKWEB">PG</a>
<a class="web" href="LINKWEB">BS</a>
<a class="web" href="LINKWEB">FB</a>
<a class="web" href="LINKWEB">FP</a>
</center>

6. Paste kat bahagian yg korang suka. elok di sideber je.
7. Preview & save.




Template designer :
1. Dashboard > Layout > Add Gadget > HTML/JavaScript
2. Copy code di bawah ni
<style>
.web {
background: #e1c9f3;
font-family: Tinytots; font-size:8px;
color: #fff;
width: 15px; height: 15px;
border-radius: 100px;
display: inline-block;
margin: 3px;
padding:10px;
}
@font-face {
font-family:yow !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
.note2{
text-transform:uppercase;
color:#000;
margin-bottom: 8px;
font:8px yow;
line-height: 14px;
padding: 3px;
}
</style>
<center>
<a class="web" href="LINKWEB">PG</a>
<a class="web" href="LINKWEB">BS</a>
<a class="web" href="LINKWEB">FB</a>
<a class="web" href="LINKWEB">FP</a>
</center>
3. Paste dalam HTML/JavaScript
4. Save

merah : link
oren : background

No comments: