Bla bla bla bla !! langsung aja, download nih template elegant yang berbagai warna :)
link eror ? atau mati , koment aja (Y)
2. Merah
DEMO DOWNLOAD
3. Hijau
DEMO DOWNLOAD
4. Merah Muda
DEMO DOWNLOAD
5. Ungu
DEMO DOWNLOAD
Untuk Mendownload semua template di atas bisa klik link berikut :
DOWNLOAD
Cara Pengeditan ( Menu, Meta Tag dll )
Meta Tag :
<meta content='KEYWORD BLOG ANDA' name='keywords'/>
Ganti KeyWordmu dengan keyword blog sobat, contoh Tutorial Blog, SEO, dan Tips Trik Blogging
<link href='http://URLMU/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/>
Ganti http://URLMU/ dengan alamat blog sobat, contoh http://sch-xp.blogspot.com/
Meta Deskripsi sengaja saya hapus, karna menurut para master seo lebih bagus menggunakan deskipsi post kebanding meta deskripsi.
Menu :
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
</ul>
</div>
<div class='clear'/>
</div>
Tambahan :
Bagi sobat yang mau menambahkan widget pencarian, sobat bisa gunakan cara ini :
Login Ke Blogger, Pilih template lalu pilih Edit HTML
Cari Kode ]]></b:skin> (untuk mempermudah unakan F3 atau Ctrl+F)
Letakan Kode berikut tepat di atas kode ]]></b:skin>
#search{border:#ccc solid 1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdkEhgQ33tW0PwW7xmksw9FKzBPcVC55ny0NjcYdfn4QnL7LBT4ZevO7fmQghu9Aa4VZgQ7c9aBRhN_9w9n3IHHB_GNW1mkdjZ8X3uWRjIP3cEOyV5_peFPg0YU1uc77Z3VBGt2xO0PdIE/s0/search.png)
99% 50% no-repeat #fff; text-align:left; padding:2px 24px 4px
6px}#search #s{background:none; color:#979797; border:0; width:100%;
padding:0; margin:0; outline:none} #content-search{width:300px;
padding:15px 0}
Lalu cari kode berikut :
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a href='#' title='#'>Menu</a></li>
<li><a class='trigger' href='#'>Menu</a>
<ul>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
<li class='hr'/>
<li><a href='#' title='#'>Sub Menu</a></li>
</ul>
</li>
</ul></div>
<div class='clear'/>
</div>
Letakan kode berikut tepat di atas kode yang saya kasih warna merah di atas,
<div style='float:right;padding:5px'>
<div id='search' title='Type and hit enter'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value =
"Search";}' onfocus='if (this.value == "Search") {this.value = "";}'
type='text' value='Search'/>
</form>
</div>
</div>
Save, widget ini akan berada di sebelah kanan menu, jika anda ingin
membuat widget ini di sidebar, cukup copy kode berikut dan masukan ke,
Tata letak, Tambah widget, HTML/java scrip
<div style='float:right;padding:5px'>
<div id='search' title='Type and hit enter'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value =
"Search";}' onfocus='if (this.value == "Search") {this.value = "";}'
type='text' value='Search'/>
</form>
</div>
</div>
0 comments:
Post a Comment