Hatsune Miku Blogger Template (Redesign)

Hai Beroo
Sudah lama saya ga posting sejak kemaren dulu
Yah biasa...
Sayanya aja yang lagi sibuk banget...
Kudu belajar terus...
Digeber dari pagi ampe malem,
pulangnya langsung terkapar
X3
Maklum lah..
Saya udah kelas 3 smp...
Bentar lagi UN..
Mana 20 paket lagi... :x
#"Kalo gitu ngapain ngeblog lagi?" kata penonton sambil siap2 lempar elpiji#
Um... Tau kan rasanya kalo dikasih sesuatu yang sama terus menerus tu bikin eneg
Jadinya, saya pengen merasakan masa-masa kejayaan ngeblog (?) saya sebelum saya berpaling dan bertempur dengan soal-soal UN yang katanya mengerikan itu... (kata siapa ya.. a.. aku lupa)
X3

Oke Cuy... Kali ini saya mau share template, untuk yang kedua...
Bukan asli bikinan saya sih... Tapi bikinannya bang jo...
Soalnya beberapa hari yang lalu saya jalan-jalan ke blognya bang jo dan nemuin ni template,
Dan sejak saat itu udah ada rencana buat (iseng-iseng) redesign....
Alhasil, jadilah template redesign acakadul bin gaje macam ini
X3
Ah yo wes... Sakkarepmu wae lah...
Mau download terus dipake, terserah
Mau download terus dibuang, terserah
Mau nggak download, saya marah
*eh
X3
Ah nggak nggak...
Sekarang kita bahas apa aja yang ada di template ini...
Untuk fitur, mungkin nggak jauh beda dengan template hatsune miku awalnya bang jo...
Cuma saya tambahin beberapa aja sih...
Jadinya :
  • Banner Slider 468x60 di header
  • Menu float seperti yang ada di template anothernya bang jo
  • Popular Post seperti di template date a livenya bang jo (juga)
  • Sidebar accordion dengan hover (bukan di klik)
Nah... Kenapa yang sidebar accordionnya saya ubah jadi hover, bukan klik biasa?
Karena kata temenku bakal enak mindahinnya
Saya juga mikir gitu sih...
Tapi gimana kalo hovernya ga sengaja dan bukan maksud mindah sidebar?
._.
Kalo itu sih sebenernya tinggal ganti perintah mouseover dengan click aja udah bisa...
Sedangkan 2 hal yang ada di template bang jo yang lain itu, cuma iseng-iseng aku tambahin juga...
Awalnya yg popular post di template date a live itu... aku coba pake di template ini..
Dan...
Kemudian aku tambah menu hover seperti di template another...
Kayak kurang kerjaan ._.
(udah ada menu masi ditambah lagi)
Untuk bagian posting, sebenernya mau saya edit lagi seperti posting di template oreshura, tapi cuma halaman tertentu
Tapi karena terlalu memeras otak, saya jadi males...
Masi bisa besok-besoknya
Toh menurutku juga udah bagus X3

Untuk mengganti gambar banner slider di header, kamu tinggal buka tata letak dan klik edit widget yang diatasnya ada tulisan Banner 468x60...
Nanti bakal ada kode kayak gini
<ul><li><a href='http://refardo-blogger.blogspot.com' title='REFARDO™'><img alt='RefarG' src='http://upload.d4rk-404.site11.com/images/Banner468x60RefarG.gif' style='width:468px;height:60px;'/></a></li>
<li><a href='#' title='#'><img alt='ganti' src='http://upload.d4rk-404.site11.com/images/468x60.gif' style='width:468px;height:60px;'/></a></li>
<li><a href='#' title='#'><img alt='ganti' src='http://upload.d4rk-404.site11.com/images/468x60.gif' style='width:468px;height:60px;'/></a></li>
<li><a href='#' title='#'><img alt='ganti' src='http://upload.d4rk-404.site11.com/images/468x60.gif' style='width:468px;height:60px;'/></a></li>
</ul>
Yang warna merah kamu ganti dengan kode banner 468x60 punyamu sendiri atau punya temen kamu
Untuk ganti menu yang melayang, kamu buka edit html dulu... trus cari kode seperti 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>
Yang merah itu kamu ganti dengan url dan teks yang kamu mau...
Untuk menu yg di bawah header... kamu cari <div class='menujohanes'> , dan ganti tanda pagar dengan url, teksnya kamu ganti juga...
Settingan Meta tagnya sih, kamu ganti aja dengan yang kamu inginkan
Tinggal ganti aja tulisan deskripsi blog kamu dan keyword blog kamu..

Sebenernya sih, kalo template ini diliat di google chrome udah bagus...
Cuma kalo kamu kebiasa pake browser mozilla,
beberapa hal yang dapat muncul di GC malah ga ada di mozilla...
Jadi, kalo mau tampilan blogmu perfect bin laziz(waddahel?), pake aja GC terbaru agar tampilan blogmu dengan template ini jadi wonderful (oke ini hiperbolis ._.)

Oke... Kalo pake template ini, beberapa pengaturan di blog kamu harus diubah
Agar tanggal yang muncul di homepage dan posting bukan undefined :3
Settingannya gini nih
Nah... Settingannya itu kan bahasa inggris...
Sebenernya pake bahasa indonesia juga gapapa kok menurutku...
Kalo kamu pake blogger bahasa indonesia, tinggal klik setelan (gambar kunci inggris di sebelah kiri itu lho), trus pilih bahasa pemformatan...
Yang diganti itu Format Header Tanggal, Format Timestamp, dan Format Stempel Waktu Komentar...
Harus sama seperti yg di gambar ya...
Untuk bahasa, terserah kamu mau pake bahasa apa...
Bahasa planet juga boleh X3 *plak

Oke... Sampeyan tertarik untuk ngicip-ngicip template ini?
Monggo dilihat dulu sebentar... Kalo udah deal, Sampeyan boleh download Templatenya...


Oh ya... Jangan hapus creditnya bang jo ya...
Kalo boleh minta tolong sih... Credit redesignku juga jangan dihapus
X3

Yak dengan ini, keinginanku dari kemaren untuk posting ni template tamat sudah
Waktunya berpulang kepadanya
*eh
Maksudku, Waktunya pulang~
Jaaa~ ( ^^)/
Hanya Tulisan Mas Edo... XD
gambaredo
Disqus
Blogger
Pilih Sistem Komentar

10 comments

mantapp broo template nya ..

coba kalo responsive+Valid HTML5 yakinn say apasang dah itu template :thumbup

Balas

Hehe... Tengkiu bro
aya ga ngerti masalah responsip... kalo masalah html5 sih tergantung blognya bro XD

Balas

keren kk ijin sedot ya kk

Balas

cara masukin templatenya ke blog kita gimana bang? kasih tutornya

Balas

kalo bannernya mau dihapus caranya gimana ya ????

Balas

hapus <div id='bannerpjg'> sampe </div> kelima sebelahnya <div id='pause'/> (yang terakhir)

Balas

kak nanya dong, buat ngedit bagian hader yang ada home, contact, download, report itu gimana sih? aku kesulitan nih.. mohon balasannya dong..

Balas

maaf slow respond ya.
setelah kamu selesai upload, coba kamu pergi ke menu template di blogger.
abis itu klik edit HTML, klik kotak kode template kamu (yang banyak kode-kode aneh itu lho)
trus pencet ctrl+f, kemudian ketik 'nav'.
dibawahnya ada kode-kode menunya.
kodenya apa? baca postingan ini di bagian "Untuk ganti menu yang melayang, kamu buka edit html dulu... trus cari kode seperti ini". Nah, edit sesuai keperluan ya ^^

Balas

 
Innovated by Inspiration
Copyright 2014-Now REFARDO™ | Simplified 2 Nepurple Theme | Some Right's Reserved