Wednesday, June 5, 2013

Tutorial : Navigate Network [like me]

Large


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

Ok. Atin tau ramai yang bagi req benda alah kat bawah ni. Tapi yang ni apis yang buat so, credit die la ye huhu.. Atin cume code je huhu.



Blogskin/classic template :
1. Dashboard > Template
2. Tekan Ctrl + f serentak dan cari code </style>
3. Copy code di bawah ni
.navu {
display:inline-block; padding-top:3px;
width:20px; height:10px;
font-family:trebuchet ms;
font-size:8px; text-transform:uppercase;
text-align:center; color:#666;
background:#e1c9f3;border:1px solid #ddd;
padding-top:4px;padding-bottom:5px;
padding-left:1px;
text-shadow: -1px 0 white, 0 1px white,1px 0 white, 0 -1px white;
}
4. Paste di atas code </style>
5. Then copy code ni pula
<center>
<a class="navu" href="LINKWEB">FP</a>
<a class="navu" href="LINKWEB">FB</a>
<a class="navu" href="LINKWEB">BS</a>
<a class="navu" href="LINKWEB>ASK</a>
<a class="navu" href="LINKWEB">KW</a>
<a class="navu" href="LINKWEB">WH</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>
.navu {
display:inline-block; padding-top:3px;
width:20px; height:10px;
font-family:trebuchet ms;
font-size:8px; text-transform:uppercase;
text-align:center; color:#666;
background:#e1c9f3;border:1px solid #ddd;
padding-top:4px;padding-bottom:5px;
padding-left:1px;
text-shadow: -1px 0 white, 0 1px white,1px 0 white, 0 -1px white;}
</style>
<center>
<a class="navu" href="LINKWEB">FP</a>
<a class="navu" href="LINKWEB">FB</a>
<a class="navu" href="LINKWEB">BS</a>
<a class="navu" href="LINKWEB>ASK</a>
<a class="navu" href="LINKWEB">KW</a>
<a class="navu" href="LINKWEB">WH</a>
</center>
3. Paste dalam HTML/JavaScript
4. Save

merah : link
oren : background color

No comments: