esnanii blog

Bonus wallpaper Accel world hasil editan sendiri yang gagal dipakai~xD #dibuang sayang~xD

-Download-

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

Naruto VS Sasuke V2 Blogger Template

Preview

Pengaturan menu

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

<div id='nav'>
<ul>
<li><a href='http://#'>Home</a></li>
<li><a href='http://#'>Contact</a></li>
<li><a href='http://#'>About</a></li>
<li><a href='http://#'>Download</a></li>
<li><a href='http://#'>Email</a></li>
<li><a href='http://#'>RSS</a></li>
<li><a href='http://#'>Portfolio</a></li>
<li><a href='http://#'>Anime</a></li>
</ul>
</div>

ganti tanda pagar '#' dengan url web yang kamu inginkan.

Untuk mengganti pesan/deskripsi ,cari kode html dibawah ini,lalu ganti pesannya.

<div id='headerbg1'><p>Naruto VS Sasuke,who is the strongest? </p></div>

So,bila tertarik,silakan dilihat" dulu,dicoba,dan arigatou gozaimasu~ semoga bermanfaat :)

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Naruto VS Sasuke V2 Blogger Template http://djogzs.blogspot.com/#ixzz2EXGRt0Rl
Under Creative Commons License: Attribution

Sankarea blogger Template

-Preview-

-Pengaturan menu

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

<div id='navigation'>
<div id='navi'>
<ul>
<li class='selected'><a href='#'>Home</a></li>
<li class='selected1'><a href='#'>About me</a></li>
<li class='selected2'><a href='#'>Exchange link</a></li>
<li class='selected3'><a href='#'>Site map</a></li>
<li class='selected4'><a href='#'>Guestbook</a></li>
<li class='selected5'><a href='#'>Download</a></li>
<li class='selected6'><a href='#'>Contact</a></li></ul>
</div>
</div>

Ganti tanda pagar dengan URL web yang kamu inginkan,lalu simpan.

-Pengaturan Avatar

Avatar

Untuk Avatar,sama seperti template Another kamu harus setting manual agar avatar mucul,kalau tidak,ya tidak akan muncul==v
ukuran gambar avatar tepatnya 68px x 111px

Pertama,buka blogger=>rancangan=>edit HTML=> Centang Expand Widget Templates
Lalu carikode html seperti dibawah ini

<div style='width:550px; height: 90px;'>
<div class='admin'>
<b:if cond='data:post.author == "Johanes djogan"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0iWRVUqKz-YmvIqBLnklN7YWYhaG3OJwysTnTAFN4EKE5bTuS0PO815Sz4ULGbh3XDXU5i9q0OaiLUVONXvA5iAE3sOcnCt-KlDaaaeVW41vEf5gitBZtL_PfbBdkWWU0Hax-xOsojYwr/s1600/Untitled-1.jpg'/></b:if>
<b:if cond='data:post.author == "Chera Ant Sullivan™"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0iWRVUqKz-YmvIqBLnklN7YWYhaG3OJwysTnTAFN4EKE5bTuS0PO815Sz4ULGbh3XDXU5i9q0OaiLUVONXvA5iAE3sOcnCt-KlDaaaeVW41vEf5gitBZtL_PfbBdkWWU0Hax-xOsojYwr/s1600/Untitled-1.jpg'/></b:if>
<b:if cond='data:post.author == "xMikhailx Ryuzaki"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0iWRVUqKz-YmvIqBLnklN7YWYhaG3OJwysTnTAFN4EKE5bTuS0PO815Sz4ULGbh3XDXU5i9q0OaiLUVONXvA5iAE3sOcnCt-KlDaaaeVW41vEf5gitBZtL_PfbBdkWWU0Hax-xOsojYwr/s1600/Untitled-1.jpg'/></b:if>

</div>

kode html Diatas ini,saya sudah sediakan 3 jenis avatar untuk tiga author blog.
cara mengaktifkan avatar ini,yang perlu kamu lakukan adalah mengganti username blogger kamu pada tag conditional author yang sudah tersedia

text bewarna merah:ganti dengan Username kamu.
text bewarna biru :ganti dengan Url gambar avatar kamu.Ukuranya 68px x 111px.

kalau tidak tahu username kamu,sebenar'a mudah aja,tinggal copas dari nama profil di blog kamu,atau bila ada banyak penulis tapi tidak tahu username'a,cara'a:
buka blogger=>setting=>izin/permission.

Contoh:

Lalu kamu akan melihat beberapa nama penulis dan admin disana.tinggal copy paste deh nama'a

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Sankarea blogger Template http://djogzs.blogspot.com/#ixzz2EXFpmXjP
Under Creative Commons License: Attribution

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

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 :)

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>

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 4shared

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-

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 template tanpa feature Splash effect dan jquery

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 4shared

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>
<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>
<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>
<p>From fairest creatures we desire increase, that thereby beauty's rose might never die</p>
</div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyVseDu22_S1Mv0XnT1rlBMpxsCGNN-5XQcqB_ycye1J2f56igpzYwjasm_-8rdTO8Y6M2iLSy2LXJ19OIN2Umq5QXfvLwDN2ST6JYE2RjJkLuuft4Y8DIqn9fzWNw6AhGI5W8u2IbsmU/s1600/Konachan.jpg'/>
</div>

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

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

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

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

</section>

saya sudah menandai tiap html'a sperti
 warna merah
 warna orange
 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 4shared

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~

Download via Dropbox

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

Mirai Suenaga Blogger Template

-Screenshot-

Pengaturan menu

Buka blogger=>templates=>edit HTML

setelah itu cari HTML seperti dibawah ini.

<div id='nav'>
<ul>
<li class='home'><a href='#'>HOME</a></li>
<li>//<a href='#'>ABOUT ME</a></li>
<li>//<a href='#'>ANIME</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>

lalu ganti tanda pagar '#' dengan URL link yang kamu inginkan.

bagi yang masih penasaran,silakan dilihat demo'a~ :)

Arigatou gozaimasu minna-san and spesial thx to dannychoo, im waiting you on AFA 2012~ ^^
Selamat mencoba,semoga bermanfaat :)

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

Blue Minimalist blogger template

Template kali ini bergaya foto gallery atau portfolio 3 collumn,dengan tampilan yang simple dan posisi widget popular yang sudah saya atur sedemikian rupa agar menyatu dengan posting,sehingga tampilan template ini beda dari template" gallery yang lainya.tidak lupa saya tetap mempertahankan fitur sidebar pada halaman postingnya :)

-Screenshot Halaman utama-

-Screenshot halaman posting-

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 :)

<ul>
<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>

2. Pengaturan widget Popular post

Cara download Via Google Drive

Arigatou gozaimasu minna-san~
Selamat mencoba,semoga bermanfaat :)

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. Blue Minimalist blogger template http://djogzs.blogspot.com/#ixzz2EX4pwwUB
Under Creative Commons License: Attribution

Friday, December 7, 2012

Rikka Takanashi Blogger Templates

Akhirnya Selesai juga template Rikka'a,yah pasti tau anime yang satu ini,yang juga menjadi anime favorite saya :) template kali ini saya beri dengan tema Rikka takanashi,dari tokoh anime di seri Chuunibyou Demo Koi ga Shitai!.

Akhir" ini benar" sibuk dengan urusan kuliah,tugas menumpuk trus.tapi karena ga tahan ingin buat thema'a tentang anime Chuunibyou Demo Koi ga Shitai,sambil curi" waktu sedikit saya buat dari template dasar sword art online,saya design ulang pada bagian header,posting dan footer'a,serta memperbaiki sedikit" kekurangan dan menambahkan fungsi dropdown menu pada bagian menubarnya,karena banyak'a request menu dropdown.untuk design'a sendiri,saya mengedit'a dahulu pakai photoshop,karena minggu" ini sangat sulit untuk mencari gambar header Rikka yang cocok,jadi saya edit sendiri saja deh~.

dan untuk hasil'a kalian dapat melihat preview dibawah ini ^^

Preview

Pengaturan Menu

<ul class='dark_menu'>
<li><a class='selected' href='#'>Home</a></li>
<li>
<a href='#'>About</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li>
<a href='#'>Categories</a>
<ul>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
<li><a href='#'>Lorem ipsum dolor</a></li>
<li><a href='#'>Donec lorem</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Anime</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>

Ganti tanda pagar '#' dengan url link site yang kamu inginkan.

sip deh,akhirnya lega juga~xD
Bila tertarik,silakan dicoba~xD
ok deh,terima kasih,saya undur diri lagi,mohon maaf kalau saya jarang" aktif,semoga masih ada banyak kesempatan waktu untuk saya aktif blogging lagi,mohon maaf apabila ada komentar yang tidak dibalas,masih banyak tugas menunggu di belakang,besok juga harus siap" menghadapi dosen yang killer",ampun deh~xDD
Akhir kata,Arigatou gozaimasu~

Download via Dropbox