Yahoo! Style Blogger Template

By Admin di 9/14/2008 |

Yahoo! Style Blogger Template -

Yahoo! Style Blogger template ini saya publikasikan karena ada beberapa teman yang menginginkan template ini. Ada jg yang bertanya template ini free atau premium. Maunya sih premium biar dapet duit, wkwkkwk.
Saya sebenarnya ragu untuk mempublikasikannya, karena kode HTMLnya acak2an. Karena itu saya sarankan untuk mencoba dulu template pada blog yang baru/yang tidak digunakan. Saya sendiri dari awal ngeblog sudah menyiapkan beberapa blog yang digunakan untuk melakukan uji coba pada template. Dibawah ini saya tambahkan sedikit HTML untuk widget yang mungkin diperlukan.

Menu Navigasi atas :
<div align="center">
<p><span ><a href="http://herroblog.blogspot.com/">Home</a>
<span style="background-color: rgb(51, 102, 255);">|</span> <a href="http://herroblog.blogspot.com/search/label/Blogging%20Tips">Blogging Tips</a>
<span style="background-color: rgb(51, 102, 255);">|</span> <a href="http://herroblog.blogspot.com/search/label/Blogspot%20HTML">Blogspot HTML</a>
<span style="background-color: rgb(51, 102, 255);">|</span> <a href="http://herroblog.blogspot.com/search/label/Make%20Money">Make Money</a>
<span style="background-color: rgb(51, 102, 255);">|</span> <a href="http://herroblog.blogspot.com/search/label/Payment%20Made">Payment</a>
<span style="background-color: rgb(51, 102, 255);">|</span> <a href="http://herroblog.blogspot.com/search/label/PTC%20Review">PTC Review</span></p></div>

Hasilnya :

Home | Blogging Tips | Blogspot HTML | Make Money | Payment | PTC Review

Ganti text merah sesuai keinginan anda.

Mesin Pencari/Search Barnya :

<div align="center"><form action="http://herroblog.blogspot.com/search" method="get">
<input style="width: 50%; margin-bottom: 6px;" class="textinput" name="q" type="text">
<input src="http://i182.photobucket.com/albums/x216/Torreco/Talian/search_button.gif" value="search" class="buttonsubmit" type="image">
</form></div>

Hasilnya :

Ganti text merah diatas dengan nama blog anda.

Menambah Tab view diatas kolom post :

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 428px;" class="Tabs">
<a>Recent Post</a>
<a>Recent Comment</a>
</div>
<div style="width: 428px; height: 150px;" class="Pages">

<div class="Page">
<div class="Pad">
<script src="http://herrolim.googlepages.com/recent-post.js"></script>
<script>var numposts = 100; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://herroblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</div>
</div>

<div class="Page">
<div class="Pad">
<script style="text/javascript" src="http://herrolim.googlepages.com/comments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://herroblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
</div>
</div>


</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Ganti text merah diatas dengan nama blog anda.

Untuk download Templatenya langsung aja KLIK DISINI

Semua widget diatas ditambahkan dengan menambah elemen pada fitur "page elemen". Jd tidak harus mengubah pada HTML templatenya.

Related Posts by Categories