Uchiha Itachi Blogtemplates

Yoyoyo penggemar uchiha itachi,saya buatkan Blogger Template anime Uchiha itachi.template ini sebelum'a dari template blog Akatsuki kagebunshin yang saya design dulu dengan logo Deidara.
tapi berhubung blog'a sudah tdak aktif dan sayang template'a dan juga banyak yang minta =___=Zzz jadi saya design ulang menjadi lebih simple.
Template anime ini diberi sentuhan Css3 Gradient.dan pada halaman posting sidebar dihilangkan menjadi full post,sedangkan pada homepage sidebar'a ada~


untuk mengganti link dan URL pada yang diatas,pertama sobat buka blogger =>rancangan => edit HTML,lalu cari kode HTML seperti dibawah ini

<ul id='topnav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Exchange Link</a></li>
<li><a href='#'>Link dan Banner Teman</a></li>
<li><a href='#'>Daftar Isi</a></li>
<li><a href='#'>About me</a></li>
<li><a href='#'>Fanspage on Facebook</a></li>
<li><a href='#'>Group On Facebook</a></li>
</ul>


dan untuk menubar yang bagian bawah,cari kode ini

<div id='nav'>
<ul>
<li><a href='#'>TRIK Blog<br/><span>CSS3</span></a></li>
<li><a href='#'>BRUSHER<br/><span>PHOTOSHOP</span></a></li>
<li><a href='#'>ANIME TEMPLATE<br/><span>Blogger</span></a></li>

<li><a href='#'>VIDEO<br/><span>NarutoShippuden</span></a></li>

<li><a href='#'>VIDEO<br/><span>Bleach</span></a></li>

<li><a href='#'>SOUNDTRACK<br/><span>Anime Music</span></a></li>

<li><a href='#'>J-Music<br/><span>Japan Music</span></a></li>

<li><a href='#'>K-Music<br/><span>Korean Music</span></a></li>

</ul>
</div>

kamu tinggal ganti saja nama link dan tanda pagar "#" url'a yang kamu inginkan..~



Slesai deh,kalau sudah simpan template~xD
bila ada masalah atau pertanyaan,silakan tanyakan,dan berikan komentar'a,terima kasih,selamat mencoba^^

Another Blogger Templates

hore Selesai juga template experimen aq.thx untuk teman saya MikhailRyu yang udah share template'a.kali ini saya mengedit template milik teman saya yang katanya model'a mirip bakuhatsu.karena saya merasa tertarik untuk mencicipi'a,ehh,maksudnya modifikasi,akhirnya saya coba untuk mengedit template ini.



Pertama kali saya liat tampilan template ini sih jujur aja terlihat gimana gitu==v.
dan setelah saya isinya,tenyata banyak css dan html yang broken.dan banyak script" gajelas yang ga ada fungsinya==".huftt...butuh tenaga ekstra buat rapiin css&html'a deh.

Dan.ceritanya masih panjang,tapi ga usah basa basi lagi,saya jelaskan dulu mengenai template another.Untuk tema'a sendiri saya terinspirasi dai film anime another yang dikategorikan sebagai film supernatural,horror.nah karena itu saya buat pula blogger template bertemakan Anime yang terkesan gelap,dan mistiss.wakwkawkawk,ga terlalu nakutin juga kq gambarnya,malah keren~

Preview



Template Anime ini sudah saya rombak total dari template sebelumnya.sidebar saya buat jadi 1 disebelah kiri,sedangkan yang sebelah kanan saya hapus agar ukuran badan blog jadi kecil.saya tambahkan pula footer 3 kolom dan saya juga menambahkan newsfeed/headline pada header.disini saya sengaja tidak menambahkan ruang banner pada header,karena saya pikir sangat menggangu,jadi saya tdk tambahkan~
oia,dan juga saya menambahkan simple Menubar CSS3 yang sudah saya modif sedemikian rupa dengan hover efek,jadi ketika kita mengarahkan cursor ke menu,maka menubar'a akan muncul dari atas.

Apalagi ya?Oia,saya buat tampilan homepage dan halaman posting berbeda background dan ukuran yang lebih kecil+gambar header berbeda

Jangan lupa Avatar pada author/penulis blog template ini bisa berbeda,tapi ada pengaturan khusus untuk ini.dan template ini sudah dilengkapi auto readmore~


Sudah taukan konten" yang ada di template ini?
Untuk selanjutnya saya jelaskan pengaturan template ini~


Pengaturan 1
Headline

Buka blogger=>rancangan=>element halaman
lalu klik edit pada widget feed,kemudian ganti url blog'a dengan url blog kamu.

Tapi kalau kamu mengalami widget feed blank seperti gambar dibawah ini,dan tidak bisa dihapus/tdk ada tombol removenya~

buka edit HTML kembali,lalu cari kode html sperti dibawah ini

<b:widget id='Feed1' locked='false' title='' type='Feed'/>





hapus widget'a,simpan,kembali ke element halaman,lalu tambahkan widget/add Gadget Feed yang baru,maka widget'a akan kembali normal.



Pengaturan 2
Menubar

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

<div id='nav'>
<ul>
<li><a href='http://#'>Menu1<br/><span>Home</span></a></li>
<li><a href='http://#'>Menu2<br/><span>About me</span></a></li>
<li><a href='http://#'>Menu3<br/><span>Contact</span></a></li>
<li><a href='http://#'>Menu4<br/><span>Portfolio</span></a></li>
<li><a href='http://#'>Menu5<br/><span>Story</span></a></li>
<li><a href='http://#'>Menu6<br/><span>Anime</span></a></li>
<li><a href='http://#'>Menu7<br/><span>Download</span></a></li>
</ul>
</div>

Lalu ganti tanda pagar '#' dengan alamat link kamu
lalu simpan~xD



Pengaturan3
Avatar

Untuk Avatar,kamu harus setting manual agar avatar mucul,kalau tidak,ya tidak akan muncul==v


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

<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin_8s9n3JefDJ8gS_2LdHcTkKrHPFivd5RFpOra1tE8ZIoaD_1j0moZxmz_x-bDOtals18Mu1EtKCHExFFOOjt8USJqDCLEbPfMys-VaT-PKiA2ReSl-ELTNm1muErbiqjQoVKYgk1o72L/s1600/Avatar4th96+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdjbrcmnsGWR3gnoGh30798uO7HlS2k6Xt9cUdysiFcbuB0S8SqfN_ElFZzQ5WEm32MBNJbS4bjKZUNsyfYu0ZJoUQrlpgfQeP9UP7lyqjUPiSfvWugLZ0ZAGlLHExLtcxMYRRrmTNhZv/s1600/Avatar4th96+copy+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSZp_fMR9oAPFDOGWs_nldDCAjvZErK4u1LQb34O6bRdUmRU5vKfw-zFamNVSTYTV2uc6JnHWPJ7PnsRK3rFgDLDDcfdR_A4_hhOYBwDmnK5WmV2RK6kND7tmKcf_mpsTqA4DjMXem4qyQ/s1600/Avatar4th96+copy+copy+copy+copy.png'/></b:if>


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 136px x 190px.

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


UPDATE!!
pengaturan4
Bila kamu ada masalah dengan Judul blog yang kepanjangan/ tidak mendapat ruang,lebih baik kamu buat ukuran'a jadi kecil,supaya judul blog tidak keluar batas header.
cara,a,buka blogger=> rancangan=> edit html,lalu cari css seperti dibawah ini

Untuk merubah ukuran text pada judul blog,ganti nilai pada font-size menjadi 80 atau 70 sesuaikan dengan nama blog kamu agar teratur posisi nama blog kamu

#header h1, #header .description {
color: white;
font-size: 85px;
font-family: 'Overlock SC', cursive;
text-shadow: -5px -5px 20px red, 5px 5px 20px black;
text-align: center;
width: 860px;
line-height: 60px;
}


sama seperti diatas,tapi css dibawah ini untuk descripsi blog kamu.bila descripsi blog kamu panjang dan ingin mengecilkan ukuran text'a,kamu tinggal mengganti nilai font-size'a menjadi 23,22, atau 21px sesuaikan dengan blog kamu ^^

#header .description {
display:block;
font-size:24px;
text-shadow: -5px -5px 20px red, 5px 5px 20px black;
position: relative;
margin-left: 0px;
}

selesai deh,bagi yang mau coba Anime template Blogger ini,saya ingatkan dahulu untuk membackup template kamu agar tidak terjadi sesuatu yang tidak diinginkan~xD
Selamat mencoba,Arigatou gozaimasu~



oia ada tambahan,template ini kebanyakan gambar,bagi yang koneksi internetnya ga kenceng mungkin akan terasa agak lama saat proses rendering/loading gambar'a.tapi saya jamin kalau cache udah kesimpen di browser kamu,akan lebih ringan.jadi sabar aja yang pertama kali membuka tampilan template ini,seterus'a akan lancar kq.

tenang saja sob,saya udah ada rencana rombak template ini versi full CSS'a.comming soon.
kalau mau ngedit template ini,edit sendiri ya ~ganbatte Kudasai~


-Update!! Released: Maret 18, 2012
Fix a bug:
-header blog automatic center / judul blog automatis rata tengah //fixed
-navbar:fix z-index / perbaikan navbar yang terhalangi kontent blog //fixed
-post img : fix auto height //fixed
-post blockquote img : auto width //fixed

//templatenya sudah diperbaiki,bagi yang sudah menggunakan template another sebelumnya,silakan download lagi template ini,dan upload ke blog kamu.thx//

Guilty Crown Blogger template

Hai sobat,kali ini ini saya buat template anime lagi nih,tema'a Guilty crown dengan Icon'a Inori :).pasti pada taukan guilty crown,film anime yang lagi populer sekarang karena ceritanya yang menarik dan keren.disini saya buat template Guilty Crown
,hasil Editan dari template Another yang pernah saya share minggu lalu.sperti yang sudah saya janjikan,saya merombakya jadi template css,tapi tetap mendapat tema guilty crownnya.design'a yang cukup simple dan paduan warna yang ga terlalu girly.

Untuk gambar headernya,saya edit sendiri,asli editan sendiri dari hasil gambar scan yang saya temukan di Website minitokyo.net.hasilnya seperti gambar dibawah ini~xD

kembali lagi soal templatenya,kali ini saya buat 2 versi,yaitu versi 1 sidebar dengan 2 sidebar.dikarenakan banyak client yang selera'a berbeda minta ini itu bikin pusing =__="
berikut preview'a

-1 Sidebar-

-2 Sidebar-

Lanjut ke pengaturanya,sama" mirip dengan template Another,tapi disini menggunakan menubar yang berbeda.dan untuk kedua template guilty crown versi 1 sidebar dan 2 sidebar,pengaturanya juga sama.


Pengaturan 1
buka blogger=>rancangan=>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>

Lalu ganti tanda pagar '#' Dengan Url link kamu,dan jangan lupa diganti nama link'a sesuai yang kamu inginkan.


Pengaturan2
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 68px

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

<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nvGCvBgL0qItcSt4df9wANwKkYFL0aBi33GQpcTYzhDA3egVfSvetMpAkOPBhgHkDQTj139SvMQWiBDeUgfV4K-WkPkunLELJA5yXxzknUftmSSd9TRDPllgyWtOacyy2z3bGU6NtOgX/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nvGCvBgL0qItcSt4df9wANwKkYFL0aBi33GQpcTYzhDA3egVfSvetMpAkOPBhgHkDQTj139SvMQWiBDeUgfV4K-WkPkunLELJA5yXxzknUftmSSd9TRDPllgyWtOacyy2z3bGU6NtOgX/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>

<b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7nvGCvBgL0qItcSt4df9wANwKkYFL0aBi33GQpcTYzhDA3egVfSvetMpAkOPBhgHkDQTj139SvMQWiBDeUgfV4K-WkPkunLELJA5yXxzknUftmSSd9TRDPllgyWtOacyy2z3bGU6NtOgX/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>


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 136px x 190px.

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


ok deh,bagi yang mau coba template anime ini,selalu saya ingatkan terlebih dahulu untuk membackup template kamu,agar tidak terjadi hal" yang diinginkan.Selamat Mencoba,Arigatou gozaimasu~xDD

//Untuk template guilty crown 2 sidebar,saya tidak buat demonya,tapi preview'a ada di gambar diatas//



-Update!! Released: April 1, 2012
Fix a bug Guilty Crown Blogger template 1 sidebar:
-readmore at pages removed / tombol readmore yang ada dipages sudah dihapus //fixed
-pagenavi:fix / perbaikan pagenavi yang terhalangi kontent blog //fixed
-post title:fix/ Judul posting yang kepanjangan tidak akan lagi kepotong //fixed
-kotak komentar : auto width //fixed
-footer:fix/penambahan widget bertumpuk sudah tidak terpotong//fixed
-pages:fix/Autoreadmore:off//fixed

//templatenya sudah diperbaiki,bagi yang sudah menggunakan template Guilty Crown sebelumnya,silakan download lagi template ini,dan upload ke blog kamu.thx//

untuk yang 2 sidebar mungkin akan menyusul saya perbaiki =__=v







Bonus wallpaper Guilty Crown, Inori

Sankarea blogger Template

Hoammm,akhir'a 1lagi template anime selesai,meskipun agak lelah abis nonton jkt48 kemarin di citywalk lippo cikarang,tetap semangat!!!.yosh,template kali ini tema'a sankarea,yang berasl dari Anime yang baru" ini sangat menarik jalan ceritanya,oleh karena itu template ini sudah jadi rencana project saya xD.template ini desain'a masih agak sama dengan template sebelum'a accel world.lebih simple,putih dan green.sebenar'a masih mau saya tambahin hiasan daun lagi,tapi karena takut nambah beban pada blog,jadi saya letakan pada header untuk menambah suasana daun hydrangea.


-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 == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S4qYRisy6y7rBDfT_yJQQdo0UcFHyT8DQbGquH8-NY8dWG3Mg1DiNPJmZuay1YI-OmsfK5BhWiTNf92THW6KDKFz8lRderQeDdaiujihci77UrzlfeWbXKNuXqoZjMh2K6KrvnIiGdfa/s1600/Untitled-1.jpg'/></b:if>
<b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S4qYRisy6y7rBDfT_yJQQdo0UcFHyT8DQbGquH8-NY8dWG3Mg1DiNPJmZuay1YI-OmsfK5BhWiTNf92THW6KDKFz8lRderQeDdaiujihci77UrzlfeWbXKNuXqoZjMh2K6KrvnIiGdfa/s1600/Untitled-1.jpg'/></b:if>
<b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S4qYRisy6y7rBDfT_yJQQdo0UcFHyT8DQbGquH8-NY8dWG3Mg1DiNPJmZuay1YI-OmsfK5BhWiTNf92THW6KDKFz8lRderQeDdaiujihci77UrzlfeWbXKNuXqoZjMh2K6KrvnIiGdfa/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


Selesai deh,selamat mencoba,Arigatou Gozaimasu :)
semoga bermanfaat~xD
#teparr @__@"





#Update 1 may 2012
#fix navibar support mozila firefox.
#fix post comment


bagi yang sebelumnya sudah menggunakan template ini,silakan download dan upload lagi.thx

Note:template ini saya hosting di Google Drive.
cara mendownload'a dengan memilih menu file=> download atau melalui keyboard=Ctrl+s

Naruto VS Sasuke V2 Blogger Template

nah,akhirnya selesai juga template naruto vs sasuke v2.template ini hasil pengembangan dari template sebelumnya.design'a juga saya buat lebih simple dan gaya header'a masih sama dengan template yang sebelumnya.untuk menubar'a sendiri,sebenar'a menu'a masih sama sperti sebelumnya,tapi sudah saya sedikit modifikasi jadi agak aneh,tapi unik xDD





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





Note:template ini saya hosting di Google Drive.
cara mendownload'a dengan memilih menu file=> download atau melalui keyboard=Ctrl+s

Hatsune Miku magazine style

  Nah,akhirnya template experimen ini sudah saya perbaiki di bagian postingnya.sebenarnya template ini awalnya cuma iseng" aja dan tidak ingin saya share karena penggunaan template ini agak ribet juga dibagian widget feednya dan posisi widget'a itu sendiri.apalagi sekarang tidak bisa menghapus widget lewat kode html=___=".yaah,karena banyak juga yang minta dishare,saya share dah nih.


Tapi sebelumnya saya ingatkan dahulu,model template seperti ini sebenar'a kurang baik juga kalau blog kamu tujuan'a sebagai blog yang isi'a sharing".kenapa?karena membutuhkan kemampuan dasar untuk mengatur" tata letak widgetnya.mungkin yang ingin belajar meneliti dan mengembangkan template ini,saya rasa gpp kalau tujuanya untuk belajar.

Jadi saya cuma sekedar share template experimen,kalau mau diedit,tolong edit sendiri,jangan terlalu tergantung dengan saya.~

-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





cara download :

Eucliwood Hellscythe Blogger Templates

Template Eucliwood Hellscythe.pdahal sebelum'a sudah saya infokan korewa zombie desuka.tapi karena ga dapet" gambar yang cocok,jadi saya ganti tema'nya jadi Eu-chan~xDD.template ini adalah hasil pengembangan dari template sebelumnya Cosplay lovers. beberapa fitur sudah saya perbaiki sebelumnya pada header,menubar,dan saya juga tambahkan autoreadmore dan 3 kolom footer.bila sobat tertarik templateb yang simple ini,silakan dicoba~xD




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






selamat mencoba,Arigatou Gozaimasu :)
semoga bermanfaat~xD

untuk kedepanya,mungkin saya akan lebih banyak memperbaiki template" sebelumnya daripada buat template baru==v.

Haiyore! Nyaruko-san Blogger template

Haiyore! Nyaruko-san!!!pasti yang suka nonton anime,tau karakter ini.yapp,seorang gadis yang bernama Nyarlathotep,tapi biasa disebut nyaruko.cerita'a yang kocak abiss,lucu,dan agak ecchi jadi dapat ide dan inspirasi untuk membuat blogger template dengan tema anime ini.oia,template ini tidak ada ecchi'a~xDD #plakk


Template kali ini thema'a nyaruko-san sesuai project yang sudah saya rencanakan.secara keseluruhan beberapa saya hiasi dengan Css3,tapi untuk bagian background'a,saya menggunakan css3 background gradient,sama seperti pada postingan ini.tapi sayang'a hasilnya lebih sempurna pada browser Google chrome daripada di mozilla firefox.


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






huftt,akhirnya selesai juga project Anime season ke 6 ini,semoga untuk template selanjutnya bisa lebih baik dan terus berkembang.
Selamat mencoba,Arigatou Gozaimasu :)
Semoga bermanfaat~xD

Sora no otoshimono Blogger template

Sora no otoshimono,Anime kali ini adalah salah satu anime favorite saya,terutama ikaros *.*.hwahhh,jangan anime'a deh dibahas,yg penting gambar'a udah disensor~xDD.

Nah,template kali ini adalah hasil pengembangan template uchiha itachi dan juga blog saya yang lama blog akb.

beberapa konten yang rusak sudah saya perbaiki,dan pada bagian posting saya rubah style'a dengan tambahan auto readmore,karena pd template sebelumnya saya tidak pasang.lalu pada halaman posting,saya tambahkan feature breadcrumbe.

dan yang tadi'a sidebar tidak ada,sudah saya kembalikan menjadi normal,karena template itachi sebenar'a bertujuan untuk blog komik manga,karena itu posting'a sangat lebar.untuk design'a,saya ga buat aneh",simple aja deh, =___=v





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








huftt,akhirnya selesai juga project Anime season ke 7 ini.


Selamat mencoba,Arigatou Gozaimasu :)
Semoga bermanfaat~xD

Shinobu Oshino Blogger template

Shinobu Oshino Blogger template,sebenarnya ini template awalnya buat blog pribadi saya,yang artikel'a mengenai anime dan yang berbau japan.sudah di design sekeren mungkin tambah ini tambah itu.tapi karena udah maless duluan karena nanti pastinya ga bakal keurus.alhasil setelah template'a sudah rapih.langsung dishare aja deh~xD

Tema template kali ini adalah Shinobu Oshino karakter yang saya ambil dari anime Bakemonogatari.untuk cerita anime'a,cari di google ya :p.Template ini adalah hasil modifikasi dari template uchiha Itachi=> Sora no otoshimono yang sudah saya tambahkan beberapa fitur dalam template ini,diantaranya:

-Breadcrumb
-Autoreadmore.
-Simple Vertikal menu.
-Threaded Comment. //Fungsi reply//
-Dan Splash screen Text effect dengan CSS3 keyframe dan jquery. //Hanya di halaman Home page//



-Preview-


Untuk Splash screenya sendiri,adalah hasil modifikasi saya dengan menggabungkan dua trik yang fungsinya berbeda.
pertama Untuk text effect'a adalah trik lama yang saya dapat dari Splash & Coming Soon Page Effects with CSS3(Codrops)(hanya html dan css3) dan Tombol close serta work animasinya menggunakan Jquery animated Curtain

Seperti yang kalian tahu,Jquery animated itu fungsinya membuat tirai buka tutup pada halaman blog,tapi yang saya ambil hanya bagian tombol dan script yang sudah saya edit sendiri.


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








Link download update!!!
-post tampa gambar(fixed) (27-05-2012)
-pagenavi(fixed)
-template tanpa splash effect update! = jd simple~

bagi yang sudah menggunakan template ini,silakan download dan upload lagi ke template kamu,terima kasih :)

Menarik bukan?Untuk triknya membuat splash screennya,nanti saya share kq =___=v
mohon kesabaranya,karena saya msh sibuk kuliah :)

#note:pengeditan template itu diluar tanggung jawab saya ==v
Selamat mencoba,Arigatou Gozaimasu :)
Semoga bermanfaat~xD

Green Minimalist Blogger Templates

Lanjut sob~ saya kembangkan lagi nih template Shinobu oshino.design'a saya buat dengan CSS3 Pseudo sehingga agak sederhana dari template sebelumnya da tambah abstrak juga.yahh,namanya juga template aneh tapi unik,kalau tidak unik,bukan teemplate johanes nama'a~xD



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













Selamat mencoba,semoga bermanfaat :)

Fairy Tail Blogger Template

Apa kabar sobat?akhirnya saya posting juga yang gambar'a cowo,masa gadis trus?wkwkwk
template kali ini tema'a anime fairy tail,tapi design'a saya buat simple dan bersih tidak menggunakan shadow.pada template ini saya menambahkan fitur Slideshow jmpress dengan Jquery yang saya temukan dari codrops.tapi sudah saya edit dan modifikasi jquery,css dan HTML'a.kalau aslinya ukuran slide besar,dan text dengan gambar terpisah.

Di template ini sudah saya buat background full dan text ada diatas gambar,sehingga mempunyai style yang sama dengan posting.kenapa saya menggunakan fitur ini?karena menurut saya effect transisi'a menarik dan pergerakan'a halus.sebenar'a saya jg sudah menemukan yang versi 100% css,tapi karena masih kaku dan agak berat,jd saya pikir pakai jquery saja~

lalu untuk menubar'a sendiri saya buat 2 bagian yang ada diatas slide dan dibawah slide.kenapa saya buat begitu?supaya design'a beda dari pada yang lain.aneh bukan?itulah saya~xD


-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/AVvXsEjSF2I282bU2gJf0SKN-nLVVrCQaZz2z7GcxF_PLCIvdMb27KdNuEUV-OujXrYI_LcFbpLUYSm2tFdpOpUSH2dZFugDr49yK1CQs_JoGSnnv22SQB6oVgg3CQ4mHZu5cmkstds6y7cFIg0/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/AVvXsEhvGMNyYDNXet7NGuxjvTJePmnRHo1Z2V9McTkdXGMpgySkK_cB7QcSO0Xfulw8x9I3meUzFrkkpfSmhz_Cqc-sCzJSZfU9gMmdwHREurha10iVbNJJiE7x6GZvZRI2nkAGN0c7z_1Cd5Y/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/AVvXsEhjbTnJ05uruOHivYhrIHs4qDHGKj-v80LRFHtdz3pmbw0cT7uwf6WSZCQnk3ZJDxiPgK6BWByWoFGO-n16y-_XlWxCuWKrXaTDNNirbHw_feRPBDEa4L7eO0N0kKTI3u1xRphRYD0CNXk/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/AVvXsEjHN28TKO0_wJ8u4ThYeGahQYlBjIeEiSnYBLZATiKnEdUnRaXqvRjGl6W6Xej3-6lsfUTtE6GcenycFgKFSMyMQISS6z9wL6ksErB6suy3sCY_MwNhj0eI2vVl8YrmB5H7Da6zHxvxV5o/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/AVvXsEhwsNrtHrTk_GLyDHXUprnOZisMUq9d3t-xoZuzCCvaxHB9iyVYDU22Q_o3zaenWJGeeoFZz1y3GqdNnVHNCeSC6p6t-VarvkoMTNPVFxw8tBwdo3YfMI8bTXQhp7Ncj-aBlZF2fh4N-m0/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










Simple bukan?bila tertarik silakan dicoba~
Arigatou gozaimasu minna-san~
Selamat mencoba,semoga bermanfaat :)