Hatsune Miku magazine style

-preview-

tentang template ini sendiri:
-mentah'a dari template guilty crown.
-fungsi buka tutup postingg menggunakan jquery accordion menu.bila sobat cari digoogle,sebenar'a fungsi awalnya untuk menu.tapi penggunaan'a saya ubah untuk posting.
-tidak ada menubar
-widget feed bermasalah.
-sebagian css tidak mendukung di mozilla firefox.
  -Text Stroke css3

selamat mencoba,Arigatou Gozaimasu :)

semoga bermanfaat~xD

Download

Demo

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Hatsune Miku magazine style http://djogzs.blogspot.com/#ixzz2EXF2C5bo
Under Creative Commons License: Attribution

Eucliwood Hellscythe Blogger Templates

Preview

Pengaturan menu

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

<ul id='list-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Contact</a></li>
</ul>


lalu ganti tanda pagar dengan url web yang kamu inginkan

Pengaturan pesan blog

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

<span class='caption'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</span>

kamu hanya tinggal menganti pesan"a :)

Download

Demo

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

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>

Download

Demo

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.

Download via google drive

Download via 4shared

Demo

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.

Download via google drive

Download template tanpa feature Splash effect dan jquery

Demo

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>

Download via google drive

Download Via 4shared

Demo

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

Download via google drive

Download Via 4shared

Demo

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