Saturday, December 8, 2012

Haiyore! Nyaruko-san Blogger template


-Screenshot-




-Pengaturan menu

Buka blogger => edit HTML => lalu cari kode html seperti dibawah ini.

<div id='catmenucontainer'>
<div id='catmenu'><ul>
<li class='cat-item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='cat-item'><a href='#'>About</a></li>
<li class='cat-item'><a href='#'>Contact</a></li>
<li class='cat-item'><a href='#'>Pages</a></li>
<li class='cat-item'><a href='#'>Download</a>
<ul>
<li class='cat-item'><a href='#'>Anime</a></li>
<li class='cat-item'><a href='#'>Manga</a></li>
<li class='cat-item'><a href='#'>Novels</a></li>
</ul>
</li></ul></div></div>



lalu ganti tanda pagar '#' Dengan Url web yang kamu inginkan dan ganti pula nama link'a.



Bila sobat ingin menambah menu dropdown lagi,tambahkan kode html di bawah ini.




<li class='cat-item'><a href='#'>main</a>
<ul>
<li class='cat-item'><a href='#'>menu1</a></li>
<li class='cat-item'><a href='#'>menu2</a></li>
<li class='cat-item'><a href='#'>menu3</a></li>
</ul>
</li>

tepat diatas kode

</ul></div></div>






sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Haiyore! Nyaruko-san Blogger template http://djogzs.blogspot.com/#ixzz2EXEFb9IM
Under Creative Commons License: Attribution

Sora no otoshimono Blogger template


-Screenshot-



-Pengaturan menu

Buka blogger => edit HTML => lalu cari kode html seperti dibawah ini.



<div id='nav'>
<ul>
<li><a href='http://#'>Home</a></li>
<li><a href='http://#'>About</a></li>
<li><a href='http://#'>Contact</a></li>
<li><a href='http://#'>Guestbook</a></li>
<li><a href='http://#'>Exchange link</a></li>
<li><a href='http://#'>Sitemap</a></li>
<li><a href='http://#'>Email</a></li>
<li><a href='http://#'>Rss</a></li>
</ul>
</div>

lalu ganti tanda pagar '#' Dengan Url web yang kamu inginkan dan ganti pula nama link'a.








sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Sora no otoshimono Blogger template http://djogzs.blogspot.com/#ixzz2EXDddHt6
Under Creative Commons License: Attribution

Shinobu Oshino Blogger template


-Preview-


-Preview-

Untuk mengganti Url blog pada splash screenya,kamu cukup mengganti url blog ini.
http://shinobu-oshino-blogger-template.blogspot.com
*buka blogger=>template=>edit HTML

-Pengaturan menu

Buka blogger => edit HTML => lalu cari kode html seperti dibawah ini.

<div id='nav'>
<ul>
<li><a href='http://#'>Home</a></li>
<li><a href='http://#'>About</a></li>
<li><a href='http://#'>Contact</a></li>
<li><a href='http://#'>Guestbook</a></li>
<li><a href='http://#'>Exchange link</a></li>
<li><a href='http://#'>Sitemap</a></li>
</ul>
</div>

lalu ganti tanda pagar '#' Dengan Url web yang kamu inginkan dan ganti pula nama link'a.









sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Shinobu Oshino Blogger template http://djogzs.blogspot.com/#ixzz2EXD9jDm4
Under Creative Commons License: Attribution

Green Minimalist Blogger Templates


-Preview-



-Pengaturan menu

Buka blogger=>templates=>edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan.



<div id='nav'>
<ul>
<li><a href='http://#'>Home</a></li>
<li><a href='http://#'>About</a></li>
<li><a href='http://#'>Contact</a></li>
<li><a href='http://#'>Guestbook</a></li>
<li><a href='http://#'>Exchange link</a></li>
<li><a href='http://#'>Sitemap</a></li>
</ul>
</div>












sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Green Minimalist Blogger Templates http://djogzs.blogspot.com/#ixzz2EXClT0SP
Under Creative Commons License: Attribution

Fairy Tail Blogger Template


-Preview-




Untuk pengaturan menu: Buka blogger=>templates=>Edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan.
Pengaturan Menu 1


<div id='nav'>
<ul><!--menu1 -->
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Guestbook</a></li>
</ul>
</div>

Pengaturan Menu 2
<div id='nav'>
<ul><!--menu2 -->
<li><a href='#'>Exchange link</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Email</a></li>
</ul>
</div>


Pengaturan Slide


Untuk pengaturan slide,kamu bisa mengganti judul deskripsi dan gambar background

perhatikan kode HTML dibawah ini


<section class='jms-slideshow' id='jms-slideshow'>

<div class='step' data-color='color-2'>
<div class='jms-content'>
<h3>Fairy tail.</h3><!--judul -->
<p>From fairest creatures we desire increase, that thereby beauty&#39;s rose might never die</p><!--deskripsi -->
</div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyVseDu22_S1Mv0XnT1rlBMpxsCGNN-5XQcqB_ycye1J2f56igpzYwjasm_-8rdTO8Y6M2iLSy2LXJ19OIN2Umq5QXfvLwDN2ST6JYE2RjJkLuuft4Y8DIqn9fzWNw6AhGI5W8u2IbsmU/s1600/Konachan.jpg'/><!--background -->
</div>

<div class='step' data-color='color-3' data-rotate-x='80' data-y='900'>
<div class='jms-content'>
<h3>Lucy</h3><!--judul -->
<p>But as the riper should by time decease, his tender heir might bear his memory</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvqvXgmn4YxKC2rcc4RZGWExWYqy6vitAuGLlmUXkoHlhKBSztCtz5T2LWCtJnfO-yakEdjVTy5o1OciJSAI42JoiGYMkaxvWZ-jl99R4jmeO4o7hjYQds-QhT2FKJjViCRDWzhI1RJ1g/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-4' data-rotate='170' data-x='-100' data-z='1500'>
<div class='jms-content'>
<h3>Natsu</h3><!--judul -->
<p>Within thine own bud buriest thy content and, tender churl, makest waste in niggarding</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjTpJXK1bo3JYiNBmmcFLGrIVHmPUWQTyAkgf6koo_wyfy6zdlppQTjB3KMITGPrg3DNzHtTEioSfBqx1hxJG9mA-8xvNFzvZZcMlsFlj4Qs_zDqA6fW8qzEhkidd7Bid7nFsBTmBLYFg/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-5' data-x='3000'>
<div class='jms-content'>
<h3>Erza Scarlet</h3><!--judul -->
<p>Making a famine where abundance lies, thyself thy foe, to thy sweet self too cruel</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIju7uuJQy0uJE92T8LkhjibuObEuKktiu_BsPzLsm4bIXhUnbwYgt2d-pZarNV1SGeyggLNBZuZCyn0bEluYspHelg1mYWKKlbVamBhINBQ_cwDn1c3lsB5claCqHEw5qF-0Oip7_nUA/s1600/Untitled-1.jpg'/>
</div><!--background -->

<div class='step' data-color='color-1' data-rotate-y='45' data-x='4500' data-z='1000'>
<div class='jms-content'>
<h3>Happy</h3><!--judul -->
<p>Thou that art now the world&#39;s fresh ornament and only herald to the gaudy spring</p><!--deskripsi -->
</div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2U4WzKztrdgtsboN2YPbCS4_AIKOvug5WgA75MlQjAnfAa7bZ-DOR6ZABFzt69i-9_AbrElGghXJP1w5o6L1rtbhuDSPzLuyiyyuzjW5pIBXt8NcaWCFiasbF3d4QjX0R5n80m6jS5E/s1600/Untitled-1.jpg'/>
</div><!--background -->

</section>

saya sudah menandai tiap html'a sperti
<!--judul -->  warna merah
<!--Deskripsi --> warna orange
<!--background --> warna biru

kamu tinggal mengganti judul dan deskripsi slide'a.
Untuk background'a sendiri,kamu tinggal mengganti url gambar seperti yang ada diatas dengan gambar yang kamu inginkan.
Ukuran gambar tepat'a 602 × 262











sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Fairy Tail Blogger Template http://djogzs.blogspot.com/#ixzz2EXCV5lBY
Under Creative Commons License: Attribution

Hyouka blogger templates

Preview




1. Pengaturan Menu

Untuk pengaturan menu: Buka blogger=>templates=>Edit HTML lalu cari HTML seperti dibawah ini,lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan,dan ganti juga nama link'a :)


<div id='nav'>
<ul>
<li class='home'><a href='#'>HOME</a></li>
<li>//<a href='#'>KODE-ETIK</a></li>
<li>//<a href='#'>IRC-CHAT</a></li>
<li>//<a href='#'>PROJECT</a></li>
<li>//<a href='#'>CONTACT</a></li>
<li>//<a href='#'>SITEMAP</a></li>
<li>//<a href='#'>GUESTBOOK</a></li>
<li>//<a href='#'>RECRUITMENT</a></li>
</ul>
</div>





sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Hyouka blogger templates http://djogzs.blogspot.com/#ixzz2EXC4jiSL
Under Creative Commons License: Attribution

Sword Art Online Blogger Template


Preview



Pengaturan menu

Buka blogger=> Template =>Edit HTML lalu cari kode HTML seperti dibawah ini :

<div class='navijohanes'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About me</a></li>
<li><a href='#'>Tutorials</a></li>
<li><a href='#'>Articles</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Inspiration</a></li>
</ul>
</div>

Kemudian Ganti tanda pagar '#' dengan Url link yang kamu inginkan dan ganti juga nama linknya.



Tertarik menggunakan template Sword Art online?
Check this Out~







Arigatou gozaimasu minna-san~ n_n

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Sword Art Online Blogger Template http://djogzs.blogspot.com/#ixzz2EXBMadtK
Under Creative Commons License: Attribution