Kamis, 27 September 2012

Cara Membuat Link Label pada Tab Blogger


Diposkan oleh - KrishTall
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8ed4ECIXhaMUQRk01RywW5uYuHiqz0TdtyQt3HxVV1ikLH9iauPqMfZbbPelgV8dMSw0BQOs8Hw_qYKd7k9hPaJQUtBkeQsVb1dSYZ9iPJ4oS7c1QkMRvt6n41vDfXlaSvOoqlpxBaeh/s400/link+tab.png

Ada yang belum tahu cara bikin tab di atas?? berpikir
Pada awalnya saya pikir sulit juga belajar html,,
Ternyata tak sesulit yang saya pikirkan lho,,
kali ini saya mw ngeShare cara buat link label pada Tab Blogger,,
Yuk mari tersenyum lebar

Caranya cukup mudah,,
Pertama buka design dan tambahkan widget berupa HTML/JavaScript,,
Lalu masukkan script berikut:
<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://NAMABLOGANDA.blogspot.com/">Home</a></li>
<li><a href="http://NAMABLOGANDA.blogspot.com/search/label/NAMALABELANDA>NAMALABELANDA</a></li>
</ul>
</div>
</div>
Kalian bisa menambah tab link dengan mencopy paste script berikut:
<li><a href="http://NAMABLOGANDA.blogspot.com/search/label/NAMALABELANDA>NAMALABELANDA</a></li>
di bawah script tabel sebelumnya,,
<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://NAMABLOGANDA.blogspot.com/">Home</a></li>
<li><a href="http://NAMABLOGANDA.blogspot.com/search/label/NAMALABELANDA>NAMALABELANDA</a></li>
        >>>kopikan disini <<<<
</ul>
</div>
</div>

Berikut ini adalah script Link Tab pada Blogger saya, sehingga jadi yang seperti sekarang

<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://regaliaprima.blogspot.com/">Home</a></li>
<li><a href="http://regaliaprima.blogspot.com/search/label/Info" >Info</a></li>
<li><a href="http://regaliaprima.blogspot.com/search/label/News" >News</a></li>
<li><a href="http://regaliaprima.blogspot.com/search/label/Pak Koki" >Pak Koki</a></li>
<li><a href="http://regaliaprima.blogspot.com/search/label/online" >Online</a></li>
<li><a href="http://regaliaprima.blogspot.com/search/label/Download" >Download</a></li>
<li><a href="http://regaliaprima.blogspot.com/p/ptc-corner.html" >PTC Corner</a></li>
<li><a href="http://regaliaprima.blogspot.com/p/about-me_26.html" >About Me</a></li>
</ul>
</div>
</div>

Gimana udah jelas kan??

Tidak ada komentar:

Posting Komentar