Anime: Template Responsive Blogger Template

Tampilkan postingan dengan label Template. Tampilkan semua postingan

Unbreakable Machine Doll Blogger template

Unbreakable Machine Doll ,atau dalam bahasa jepangnya yaitu Kikō Shōjo wa Kizutsukanai yang berasal dari light novel series yang ditulis oleh Reiji Kaitō dan diillustrasikan oleh Ruroo,tetapi musim ini sudah meluncur episode pertama animenya tanggal 7 oktober kemarin.jadi singkat ceritanya ada dalang/Puppeteer dari jepang yang datang ke akademi di inggris yang mempelajari bidang machine art engineering+ sihir.nah dalam cerita ini si puppeter memiliki automatonya,mesin boneka gadis hidup yang dibuat agar dapat bertarung dengan tangan kosong.Storylinenya saya rasa sangat menarik,jadi nyesel sekali kalau belum nonton anime'a atau membaca novel'a~

PV

Screenshot

baiklah,setelah sekian lama hiatus dari dunia blogger, mulai sekarang saya akan melanjutkan pembuatan template,tetapi mungkin akan ada jeda waktu untuk pembuatan templatenya, karena masih sibuk kuliah .__.
Mengenai Template ini, yaitu template yang sudah saya kembangkan dari versi-versi sebelumnya, dan saya sudah mempunyai template dasar/basic yang baru (dari template djogzs*update) ,anda dapat melihatnya disini :

http://testdesu23.blogspot.com/

Contoh demo blog diatas akan menjadi dasar untuk template yang akan saya buat selanjutnya,tetapi saya belum bisa share,karena masih banyak yang harus ditutupi lagi kekuranganya.
Tidak terlalu banyak perbedaanya,saya hanya membuat template ini dari awal dan lebih teratur susunan CSSnya ,tetapi struktur html dan cssnya masih sama dengan template sebelumnya,dan fitur Sharing default dari blogger sudah dapat diaktifkan dengan normal.

Template dengan tema Unbreakable Machine Doll, saya ambil warna dasar'a merah dan hitam yang terang,dengan fitur search-bar,drop-downmenu, 1 sidebar,3 kolom footer dan tampilan posting ya
ng unik : posting urutan pertama dengan ukuran 100% dan thumbnail paling besar dari semua post, posting urutan ke 2-4 dengan ukuran masing" 223px sehingga membuat posisinya menjadi 3 kolom.lalu urutan ke 5 dan seterusnya menjadi ukuran normal.yah intinya saya tidak terlalu banyak menambahkan css yang aneh", cukup sederhana saja.

Peringatan!

Sebelum anda mencoba template ini,saya ingin menginformasikan sesuatu,yaitu SOLUSI untuk menyelesaikan masalah pengaturan jumlah posting pada template yang menggunakan fitur autoreadmore, contoh : disaat kita menentukan jumlah posting sebanyak 10, tapi yang muncul hanya 5 atau kurang dari yang kita tentukan.

Solusinya yaitu : insert jump break pada seluruh artikel di blog anda,cara'a dengan menekan icon seperti gambar dibawah ini:

jika sudah akan muncul garis berwarna abu-abu yang menandakan sebagai pembatas summary blog anda jika defaultnya tidak fitur autoreadmore.tidak akan ada pengaruh dengan jumlah summary autoreadmore,tetapi jumlah posting dapat kembali menjadi normal.
Selain menggunakan cara diatas,anda juga dapat menambahkan/menyisipkan kode html dibawah ini di tiap artikel anda,dengan editorial HTML,bukan compose :

.

dan cara diatas sudah terbukti di blog saya sendiri :)

1. Pengaturan menu
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1

<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>

pengaturan lebih lanjut mengenai menu ini,silakan baca di postingan ini :
http://djogzs.blogspot.com/2013/06/css-dropdown-menu.html

2. Setting SEO/Meta tag

setting manual oleh pengguna mengenai deskripsi dan keyword blog anda. Buka Edit HTML blogger anda lalu cari code sperti dibawah dan ganti keterangan judul dan deskripsi blog anda.
*ganti text yang berwarna merah

<meta content='Deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Deskripsi blog kamu</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>

Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini

3. Setting Social media : facebook, Twitter dan google plus
*gantitanda pagar '#' (tlanpa tanda petik) dengan alamat link account facebbok,twitter dan google plus anda.

<div class='social-network'>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='googlejo'/></a>
</div>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :

Date header format:

Timestamp Format :

Comment Timestamp Format :

Tertarik dengan Unbreakable Machine Doll Blogger template ini?
Silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.

Download via MediaFire

Demo

selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)

Hyperdimension Neptunia Blogger Template

Hyperdimension Neptunia the Animation blogger template,template kali ini tema'a diambil dari tema Anime Hyperdimension Neptunia yang awalnya merupakan seri game ps3 dan masih 1 perusahaan dengan anime Date a Live.Hyperdimension neptunia menceritakan tentang sebuah Gamindustri (Geemugyoukai). Dimana ada Makhluk yang disebut Dewi penguasa negara di dunia yang tak nyata. 4 Dewi penjaga negara: Planeptune, Lastation, Lowee dan Leanbox yang sudah membuat perjanjian untuk bekerja sama.

Karakter utama pada anime ini yaitu Neptune, vert, Noire dan Blanc. Anime ini sendiri saya rasa ceritanya sudah di skip jauh sekali sampai karakter-karakter dari Hyperdimension Neptunia mk2 ada di animenya yaitu Nepgear, Uni, Ram, dan Rom. lebih lengkap mengenai neptunia dapat dibaca Wikipedia atau PV dibawa ini :

PV :

Mengenai template ini,karakter yang saya gunakan Adalah neptune dan sisternya nepgear dengan warna dasar ungu, putih dan pink .___.

tentu saja mungkin template tidak terlalu cocok untuk laki-laki karena terlalu kawaii & moe~xD ,tetapi karena inilah jarang ada template seperti ini~ lol

Dasar pada template ini masih sama dengan template sebelumnya K-ON ,tetapi tidak responsive. Tampilan postingnya saya buat lebih sederhana dengan kotak search, social media, 1 menubar, 1 sidebar dan 3 kolom footer, pada postingan teratas memiliki ukuran full 100% dan urutan posting ke dua dan seterusnya memiliki ukuran 50% sehingga menjadikan posting dengan 2 kolom. Feature pada template ini, masih sama pula, hanya saja pada bagian related post widget pada halaman posting saya ganti dengan link list sederhana. karena related post dengan thumbnail terkadang tidak muncul pada blog" tertentu dan masih belum tau apa masalahnya karena ada yang bisa dan ada yang tidak bisa, entah pengaruh dari setting blogger atau template itu sendiri yang saya rasa tidak pernah ada masalah .__.

feature lainnya yaitu tombol back to top.

Screenshot

1. Pengaturan menu
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan url/alamat link yang ingin dituju,dan ganti juga nama linknya.

Menu1

<div id='menujohanes'>
<ul>
<li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a class='menu' href='#'>Download</a>
<ul>
<li><a href='#'>Naruto</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Date A Live</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
<li><a href='#'>Devil Survivor2</a>
<ul>
<li><a href='#'>Episode 1</a></li>
<li><a href='#'>Episode 2</a></li>
<li><a href='#'>Episode 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a class='menu' href='#'>Contact</a>
<ul>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Blogger</a></li>
<li><a href='#'>Google plus</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Multi sub</a>
<ul>
<li><a href='#'>Episode 1</a>
<ul>
<li><a href='#'>Episode 2</a>
<ul>
<li><a href='#'>Episode 3</a></li>
<li><a href='#'>Episode 4</a></li>
</ul>
</li>
<li><a href='#'>Episode 5</a></li>
</ul>
</li>
<li><a href='#'>Episode 6</a></li>
<li><a href='#'>Episode 7</a></li>
</ul>
</li>
<li><a class='menu' href='#'>Clients</a></li>
<li><a class='menu' href='#'>Email</a></li>
</ul>

Menu2

<div id='menujohanes'>
<ul>
<li><a class='menu' href='#'>Menu1</a></li>
<li><a class='menu' href='#'>Menu2</a></li>
<li><a class='menu' href='#'>Menu3</a></li>
<li><a class='menu' href='#'>Menu4</a></li>
<li><a class='menu' href='#'>Menu5</a></li>
<li><a class='menu' href='#'>Menu6</a></li>
</ul>
</div>

<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

Untuk pengertian setting seo/meta tag,anda bisa cari tahu di google atau disini dan disini

3. Setting Social media : facebook, Twitter, google,Pinterest.
*ganti url linknya

<div class='jorib'>
<a href='#' target='_blank'><div class='googlejo'/></a>
<a href='#' target='_blank'><div class='twitterjo'/></a>
<a href='#' target='_blank'><div class='facebookjo'/></a>
<a href='#' target='_blank'><div class='pinterestjo'/></a>
</div>

4. Bagaimana cara mengatasi undefined?

Buka setting=> language and formating pada blog kamu seperti gambar dibawah ini.
Lalu ikuti format tanggal posting seperti contoh gambar dibawah ini :

Date header format:

Timestamp Format

Comment Timestamp Format

Tertarik dengan Hyperdimension Neptunia blogger template? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.

Download via MediaFire

Demo

selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)

Template Re-Design yang Kreatif

Hello minna-san.ditahun 2013 ini jika saya perhatikan,mulai ada perkembangan dalam dunia blogger,khususnya pada perkembangan pengetahuan tentang css3 dan html5 serta bentuk tampilan template yang semakin hari semakin berkembang.

nah,saya yakin selama kurun waktu 1-2 tahun sudah ada beberapa orang yang sudah mahir edit css dan html walapun belum sempurna,tetapi setidaknya mereka sudah ada niat,usaha untuk mengeluarkan ide,inovasi dan kreatifisitas untuk ditunjukan pada semua orang.

yahh,walaupun saya jarang" blogwalking,tetapi saya sudah banyak melihat beberapa template saya yang di design ulang/re-design dengan style mereka sendiri.dan saya cukup bangga karena sekarang sudah cukup banyak yang menghargai template blogger buatan saya dengan tidak menghapus credit template.

Dari berbagai template yang sudah didesign ulang seperti template black rock shooter,sword art online v2,dll,saya cukup tertarik dengan 5 template dibawah ini.kenapa?karena menurut saya hasil design yang mereka lakukan sudah cukup rapih,design maksimal dan original hasil imajinasi mereka sendiri dan juga bukan cuma asal ganti warna atau gambar.Saya sendiri tahu mungkin ada beberapa yang selalu mencoba mengikuti style orang lain,Tetapi karena saya mengenal orang'a langsung di facebook,jadi saya percaya bahwa mereka ini sudah cukup berpengalaman dan punya kemampuan dalam hal dasar html,css dan design template.^^

Nah,untuk kedepanya semoga bisa lebih lebih dan lebih baik lagi,dan bisa menjadi inspirasi untuk semua Teman" blogger kita. :)

Berikut Screenshot Template blogger mereka :

1. Mamzerd

URL : http://mamzerd.blogspot.com

2.RVmalice

URL : http://arvimalice.blogspot.com

3.SuraJiyeon

URL : http://surajiyeon.blogspot.com

4.Vierination

URL : http://vierination.blogspot.com

5.Deezsign

URL http://deezsign.blogspot.com

yap,Intinya apapun style design kita,mau Anime,minimalist,blogazine,magazine,gallery atau apapun jenisnya itu,kita tidak perlu membanding"kan template kita dengan template orang lain,tetaplah menjadi diri sendiri, yang terpenting kita sudah melakukan usaha sendiri semampunya tanpa mengikuti style orang lain,kita terus belajar dan belajar dan sayapun masih terus belajar,setiap orang pasti punya kelemahan,tapi setidaknya kita mencoba bergerak untuk terus maju untuk menutupi kelemahan tersebut.so,terus semangat!!!! ganbatteeeee!!!

Oia,jika ada diantara kalian yang ingin menunjukan hasil re-design template" saya yang lainya,silakan contact dan sharing di fb.

Sekian dan terima kasih~ :)

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

Download

Demo

Gumi Vocaloid Blogger Templates

Setelah sekian lama vacum dari dunia blog,kuliah makin berat n makin galau,daripada galau truz,yweslah,ngeblog lagi deh.hhaha,Oia,template anime ini,namanya Gumi vocaloid.kenapa?
liat aja backgroundnya. :p template ini saya desain seaneh dan seunik mungkin,dilengkapi dengan hover effect pada header,posting dan footer.tidak lupa juga saya beri bubble javascript pada cursor.ok deh,semoga sobat senang.terima kasih~

Arigatou gozaimasu ^^

Download

Demo

Naruto VS Sasuke Blogger Templates

Template Blogger Naruto VS Sasuke,mungkin terdengar aneh.tpi karena aneh itulah,menjadi unik.ini karena banyak dari teman saya yang request template anime,akhirnya kepikiran buat template ini.
design'a menggunakan css3 pada seluruh bagian template ini.

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<div id='nav'>
<ul>
<li><a href='#'>Home<br/><span>Sweet home</span></a></li>
<li><a href='#'>About<br/><span>My profile</span></a></li>
<li><a href='#'>Contact<br/><span>My Facebook</span></a></li>
<li><a href='#'>Messages<br/><span>Email me</span></a></li>
<li><a href='#'>Video<br/><span>Naruto Shippuden</span></a></li>
<li><a href='#'>Manga<br/><span>Naruto Shippuden</span></a></li>
<li><a href='#'>Download<br/><span>Btemplate </span></a></li>
<li><a href='#'>JMusic<br/><span>Japan Music</span></a></li>
<li><a href='#'>KMusic<br/><span>Korean Music</span></a></li>
</ul>
</div>

Lalu ganti tanda pagar"#" dengan alamat link kamu,dan jangan lupa ganti namalink'a juga.

untuk pengaturan banner/tempat iklan,cari kode html seperti di bawah ini

<ul id='ads'>
<li><a href='http://djogzs.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPi_GItizAilM8Q6CBFGIMKb5UUqaj1RGi5ozMGO9cetXUYK-Gopgb5oMmerM1CgA0Jk72f6Nv55cIWf6Al_hkOZX0CLta7WJu-4I7O3hmeUO0tc5utvpGOMtIjJSS8Xn-Rqdzo3cM7g/s1600/Untitled-1.png'/></a></li>
<li><a href='http://djogzs.blogspot.com/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
<li><a href='http://djogzs.blogspot.com/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
<li><a href='http://djogzs.blogspot.com/'><img src='http://3.bp.blogspot.com/-BvUhPFvk1OI/TtU9jYLC0xI/AAAAAAAAABs/UTKihoAniCI/s1600/ad125x125.gif'/></a></li>
</ul>

Lalu ganti tanda pagar"#" dengan alamat link kamu,dan ganti juga url gambarnya.

Sipp deh,semoga sobat senang.terima kasih,Arigatou Gozaimasu~

New Link

Download Via Google Drive

Demo

Uchiha Sasuke Blogtemplates

Seperti yang saya janjikan,setelah buat template cosplay lovers V2,saya langsung buat template lagi dengan thema Uchiha sasuke.desainya lebih menarik,dan lebih berwarna,sesuai dengan warna kepribadian karakter Sasuke.yeahhh,me gusta~xD

Seperti biasa pula,Template ini menggunakan CSS3 pada bagian sidebar kiri dan kanan serta pada posting,dengan desain transparant.

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li><a href='http://djogzs.blogspot.com/' title='about'>about</a></li>
</ul>

Lalu ganti Link'a" dengan alamat link kamu~

Untuk masalah Tombol Readmore tidak muncul,kamu harus menambahkan meta tag more secara manual pada posting,atau dengan mengeklik tompol insert jump break pada posting editor

Untuk mengganti logo,kamu cari css dibawah ini,lalu gantu URL gambarnya.

#header {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYNIP3OPTd5TFuRRHawFsWPI7Is-rHkYcbehMCqO0bDI4O0qR91z1Hfmum-1HpeTXUHyHiojmC18_MkbEvDt-X7qxbOhmLSoNnPdM0MDySY0zAh4j7uscNuh31gBNUlihQiDoOXJun16IH/s1600/logodw.png) left bottom no-repeat transparent;
position: absolute;
height: 162px;
margin: 0 0 0 25px;
padding: 140px 0 0 0;
}

Sipp deh,keren bukan~xD.untuk selanjutnya,saya offlagi,karena minggu depan udah mau UAS.~xDD Doain ya semoga saya dapet nilai yang memuaskan TT__TT :) Arigatou Gozaimasu~

Download

Demo

Costume CSS3 V2 Blogger templates

Apa kabar sobat?Kali ini saya mau share blogger template lagi nih.karena lagi banyak permintaan yang mau template yang sedang pakai,dan inilah awal dari blog saya.ok nih template costume css3 v2 dari template sebelumnya costume css3 yang sudah pernah saya share juga.
tapi tema'a saya buat akatsuki deidara pula.template ini sudah banyak diperbaiki dari template sebelumnya karena masih ada kekurangan.beberapa saya ganti efek" css3'a dan tambahan pagenavi melayang serta efek animasi tombol readmore yang mirip dengan blog saya.

-Home page-

-Post page-

bila sobat mau mengganti gambar'a,sobat tinggal cari kode html dibawah ini..

<li><div class='kotak16animasi'>
<div><a href='http://djogzs.blogspot.com/'><img alt='djogzs' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivHsuLT_pxjP-7KxZ_eAoNo4uCCrrJMdW_Vkw4BNQBdZCS0Tp-_xyatzPBqEq1so1BmIyhY_5dY55Hub4VdP59XOXMgFbXqjTRSLJUcCxr5lK3ZhSsbJQcdk2J3gKFtT4qaEmd-N_BHaKF/s1600/Untitled-1.jpg'/></a></div><div>Welcome ^_^</div>
</div></li>

Keterangan:
pada text yang bewarna merah : alamat link
pada text yang bewarna biru : Ganti dengan Url gambar kamu (857 x 303) (ukuran bisa diubah)
pada text yang bewarna ungu : ganti pesan kamu

#note:kamu akan menemukam kode html yang sama dengan yang diatas,yang pertama untuk gambar depan halaman depan,dan satu lagi halaman posting.jadi inti'a kamu bisa menggunakan 2 gambar yang berbeda untuk halaman depan dan halaman posting.

Untuk menambah link pada menu,buka blogger =>rancagan => klik edit seperti pada gambar,lalu masukan url link dan nama link'a.

Arigatou gozaimasu,ada yang tidak dimengerti,tanyakan saja~

Download Via Google Drive

Demo

bakemonogatari blogger templates

Template selanjutnya yang saya buat yaitu dari manga/anime Bakemonogatari.template sederhana yang saya buat semenarik mungkin,ditambah dengan CSS3 dan Cufon pada tiap text headernya.saya dapat ide membuat template ini karena ada request dari teman :) karena saya pikir tokoh'a juga kawaii dan cocok,yweslah suka" saya mau pasang gambar apa~xDD.template selanjutnya mau tema'a apa juga suka" saya,karena membuat template cuma hobby dan untuk sharing aja.kalau mau edit template saya,edit sendiri ya~xDD thx 4 u advice.

Ganti Link pada menubar,buka Rancangan >> Edit Html
lalu cari kode html seperti yang dibawah ini.

<div id='menu'>
<ul>
<li class='active'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#' title='Posts RSS'>Posts RSS</a></li>
<li><a href='#' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
</ul>
</div>

Lalu ganti tanda pagar "#" dengan alamat link kamu~

Mission success,Selamat mencoba~ Arigatou gozaimasu :)

Download

Demo

Black Rock Shooter Blogger Templates

Hai sobat.kali ini saya mau share template experimen saya nih,tema'a black rock shooter.design'a yang unik dan aneh kalau diperhatikan dari struktur template yang saya buat 1 kolom 3 footer.pada tampilan homepage dan halaman posting berbeda,tampilan'a saya buat semenarik mungkin dengan penempatan widget" teratur dan penempatan background'a juga sudah saya atur pada halaman depan,sedangkan pada halaman posting saya buat lebih simple.ada baiknya sebelum mengunakan template ini,backup dahulu template kamu.dan saat memasang template ini saya sarankan untuk menghapus semua widget lama anda karena dapat menyebabkan salah penempatan widget pada awal pemakaian template ini.sebelum'a saya jelaskan dulu pengaturan template ini.

Pengaturan 1
Cara mengganti pesan diatas:
buka blogger=> rancangan=>edit HTML

lalu cari kode html dan text seperti dibawah ini,lalu kamu ganti pesan'a

<div class='herder'>
<p>Blog ini berisi tentang info seputar Design blog menggunakan css,css3,html dan jquery.saya juga berbagi tips ,trik dan template blogger buatan saya sendiri untuk sobat.Tersedia CSS3 blogger template , Anime blogger template dan lainya . semoga bermanfaat ^^ </p>
</div>

Pengaturan 2

Widget followers

Widget Profile

Widget Bloglist

Pada ketiga widget diatas,saya sarankan agar tetap pada posisinya.

Sedangkan untuk ketiga footer diatas,kamu bebas menambah jumlah widget'a

Pengaturan3

Untuk mengganti url link pada menubar,buka blogger=>rancangan=>edit HTML
lalu cari kode html seperti dibawah ini

<div id='nav'>
<ul>
<li><a href='#'>Blogger Templates</a></li>
<li><a href='#'>CSS3</a></li>
<li><a href='#'>Jquery</a></li>
<li><a href='#'>HTML</a></li>
<li><a href='#'>Tips Dan Trik blog</a></li>
</ul>
</div>

ganti tanda pagar '#' dengan URL link kamu

Pengaturan 4

Untuk mengganti daftar isi blog,buka blogger=>Rancangan=>edit HTML=> centang expand widget templates
lalu cari kode html seperti dibawah ini.
<div class='jokeren'>
<h5>Trik Menarik lain'a</h5>
<div id='daftarisi'>
<script src='http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js'>
</script>
<script src='http://djogzs.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc'>
</script>
</div></div>

Ganti Url Blog pada url blog saya dengan url blog kamu seperti diatas yang sudah saya beri warna merah.

Selesai deh pengaturanya.mungkin agak rumit,tapi nama'a juga template experimen.jadi mungkin agak ribet juga sihh.disini saya cuma sharing" template experimen saya,kalau mau diedit ,edit sendiri yah~ Selamat mencoba Arigatou Gozaimasu

Download

Demo