NEWS
Loading...
  • Posted by : Johanes Djogan 1 Apr 2012

    Hatsune Miku Blogger Templates


    Apa kabar sobat?detik" sebelum saya UTS saya malah buat template lagi =__=,pasti kalian yang SMA,SMK juga sebentar lagi udah mau UN.sebenar'a udah dari dulu buat template dengan tema miku,tapi baru sekarang dpt inspirasi`xD.
    template ini hasil modifikasi dari template guilty crown 2 sidebar.ukuran sidebar dan posting'a saya buat agak lebih kecil sedikit dari template sebelumnya,untuk menubar'a awalnya tadi cuma iseng" buat sendiri,tapi akhirnya bagus dan unik juga.untuk menambah kesan menunya,saya tambahin aja deh icon pada menunya.


    -Preview-




    Pengaturan1
    buka blogger=>templates=>edit HTML lalu cari kode HTML:

    <a href='http://djogzs.blogspot.com'>
    <div class='menu1'>Home</div></a>
    <a href='http://djogzs.blogspot.com'>
    <div class='menu2'>Contact</div></a>
    <a href='http://djogzs.blogspot.com'>
    <div class='menu3'>About me</div></a>
    <a href='http://djogzs.blogspot.com'>
    <div class='menu4'>Sitemap</div></a>


    tinggal ganti url blog saya :)


    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='http://1.bp.blogspot.com/-L7hbsmURJZU/T3g0OyqL67I/AAAAAAAABfI/g8xRYe46fyY/s1600/Untitled-1.png'/></b:if>

    <b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='http://1.bp.blogspot.com/-L7hbsmURJZU/T3g0OyqL67I/AAAAAAAABfI/g8xRYe46fyY/s1600/Untitled-1.png'/></b:if>

    <b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='http://1.bp.blogspot.com/-L7hbsmURJZU/T3g0OyqL67I/AAAAAAAABfI/g8xRYe46fyY/s1600/Untitled-1.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



    Pengaturan 3
    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 4

    Untuk mengganti pesan pada blog,kamu cari kode html seperti dibawah ini di edit HTML

    <div id='headerbg1'><p>|| Hatsune Miku || Anime Blogger Templates || </p></div>

    lalu kamu ganti dengan pesan yang kamu inginkan



    Ok deh,bagi yang mau coba template anime ini,selalu saya ingatkan terlebih dahulu untuk membackup template kamu,agar tidak terjadi hal" yang diinginkan.dan bila ada yang mengedit template ini,mau diganti backgroundnya,header,warna dan apa saja yang menyangkut merubah tampilan blog ini,tolong edit sendiri.Dan untuk PLAGIATOR,tolong lebih kreatif jangan cuma bisa mengganti kepemilikan template dan mengganti credit'a,tapi buktikan kalau kamu bisa buat dengan design kamu sendiri.tolong untuk bisa lebih menghargai,kalau ada kesulitan kamu bisa bertanya.

    untuk kedepanya,saya off ngeblog lg,dikarenakan sbntar lagi udah mau UTS,jadi harus belajar =___=v


    Selamat Mencoba,Arigatou gozaimasu~xDD


    { 69 comments... read them below or Comment }

    1. Saran om ,, bordernya di edit lagi aja om
      #lagi males kalo edit sendiri wokwokwokwokwok

      BalasHapus
    2. @Dimz D Fun's border yang sebelah mana? kalau mau edit,edit sendirilah,saya mah cuma sharing==v

      BalasHapus
    3. @Johanes djogan wkwkwk..sip mba ,,kpan" kalo pake template ini ane edit,, lagi galau jadi males :3

      BalasHapus
    4. oh ya om johanes ane udah pasang kok sumber template nya ^_^

      BalasHapus
    5. Asyikkk Udah di share aja nih xD
      izin langsung nyoba ahh~

      BalasHapus
    6. @ραηgєяαηкσ∂σк hadeeh,tolong jangan ada yang manggil om"=___=
      fitnah tuhh.wkwkwkw,ane masih kuliah semester 2 cuii~

      BalasHapus
    7. Masbro, sepertinya bagian PAGE masih harus di fix :P
      http://xmikhailx.blogspot.com/2012/03/solusi-masalah-halaman-statis-karena.html

      BalasHapus
    8. @xMikhailx Ryuzaki udah aq update lagi template'a dari kemaren :p

      coba aja download n upload lagi ke blog kamu~xD

      BalasHapus
    9. http://panger4ncyber.blogspot.com/ follow me nanti di follow back

      BalasHapus
    10. Follow ya http://tecno-litle.blogspot.com/ dan tidak salahnya kita saling follow

      BalasHapus
    11. Komentar ini telah dihapus oleh pengarang.

      BalasHapus
    12. Mas bro, kalo mau nambahin menu yang di kiri sama di kanan jadi masing2 4 menu gmana nih??

      BalasHapus
    13. @Anonim tinggal tambahin Html'a lagi sih,tapi CSS'a harus dibuat n diatur lagi posisinya :)

      BalasHapus
    14. Om Bisa buatkan template blogger anime temanya hunter x hunter soalnya ane keliling2 google gak dapet2

      BalasHapus
    15. @Ahmad Zainudin ditunggu aja ya~xDD btw jangan panggil OM" =____=

      BalasHapus
    16. Minta template ini donk bang anes :D ato kalo ada template pain donk :D *ngerepotinbanget XD

      BalasHapus
    17. @Ryu Ishikawalahinikn emang gratis tinggal download,apaan yg diminta?ckckkckckck. =____=

      ga ada :p

      BalasHapus
    18. Cara supaya menu-nya tidak melayang gimana

      BalasHapus
    19. @Afif NR menunya itu tidak melayang sob,cuma posisi'a ada di paling atas.kalau yang nama'a melayang tu,menu'a nempel di dekstop kita truz.tp kalau menu ditemplate ini emang tidak melayang.

      BalasHapus
    20. Boleh minta Template dari situs nya kang mas ga nih hehe
      http://hatsunemikubloggertemplates.blogspot.com/

      keren efek open nya...
      share laaah

      BalasHapus
    21. tapi cara menghilangkannya gimana?

      BalasHapus
    22. @Abie owh,yg itu masih thap perbaikan =____=v

      BalasHapus
    23. @Afif NR

      cari 3 css ini
      #header-wrapper::after {

      #header-wrapper::before {

      .menu1, .menu2, .menu3, .menu4 {


      tiga"nya,tambahin css


      display:none;


      tepat dibawah kode {

      BalasHapus
    24. @Ryu Ishikawahttp://ilhamhanif.deezclan.com/2012/04/4-pain-naruto-blogger-templates.html kalo mau template Pain!

      @Johanes djogan btw kalo menu pinggirannya ditambahin bocoran cssnya gimana?? atau saya request aja cara menambahkan menu! oke trims

      BalasHapus
    25. @Ryu Ishikawahttp://ilhamhanif.deezclan.com/2012/04/4-pain-naruto-blogger-templates.html kalo mau template Pain!

      @Johanes djogan btw kalo menu pinggirannya ditambahin bocoran cssnya gimana?? atau saya request aja cara menambahkan menu! oke trims

      BalasHapus
    26. @Ryu Ishikawahttp://ilhamhanif.deezclan.com/2012/04/4-pain-naruto-blogger-templates.html kalo mau template Pain!

      @Johanes djogan btw kalo menu pinggirannya ditambahin bocoran cssnya gimana?? atau saya request aja cara menambahkan menu! oke trims

      BalasHapus
    27. om cara ganti gambar yang home sama contact gimana

      BalasHapus
    28. ka johanes tolong di jawab coba dah lihat blog gua ikhsanalkautsarganteng.blogspot.comitu sbelah kanan kenapa kok adagambar kya gitu sih tolong kasih tahu cara hilang nya

      BalasHapus
    29. @kumpulan cheat dan komik itu Html yang kamu masukin sendiri,apus aja lewat blogger=>layout.tinggal apus widget'nya.itumah bkn kesalah dari template saya =__="

      BalasHapus
    30. @kumpulan cheat dan komik tolong ya,kalau mau diedit,edit sendiri.saya tidak mau bertanggung jawab kalau minta diedit =___=v

      BalasHapus
    31. k johanes coba dah lihat blog mangaikhsan.blogspot.com
      kan di seblah nya ada gambar one piece
      supaya gambar one piece nya itu gambar ny pas gimana

      BalasHapus
    32. kan tdi udah di ilangin menu yg nempel diatas tdi lalu klo mau ngasih menu lgi cuman diatas description

      BalasHapus
    33. nih URL blog saya http://blogger-test-sub.blogspot.com/ mohon bantuannya

      BalasHapus
    34. Komentar ini telah dihapus oleh pengarang.

      BalasHapus
    35. udah diganti templatenya coba liat ulang

      BalasHapus
    36. gan ane dah coba semuanya g bisa

      BalasHapus
    37. thx gan berhasil ternyata di dwonload ty

      BalasHapus
    38. gan kalo buat slide show bisa ga?
      coba deh agan buka jurgenshare.blogspot.com trus gan ane minta peneranganya tulis aja comentdi situ

      BalasHapus
    39. Izin make
      Udah di follow kok blognya :D

      BalasHapus
    40. Follow Ya All http://hatsune-technology.blogspot.com/

      BalasHapus
    41. om,klo misalnya kayak "Home" "contact" dllitu bisa ditambah lagi gak?kayak label gitu,klo bisa gimana caranya? hhehehe

      BalasHapus
    42. Cantiknya template ini,numpang download untuk template blogger ya!kunjungi nlog saya di http://blog-untuksemua.blogspot.com

      BalasHapus
    43. feed URL tuh dimana kha'' ? Bingung >.< maap Saya newbie X)

      BalasHapus
    44. kk. link downloadnya sdh nggak berlaku
      sayang nggak bs di download

      BalasHapus
    45. Link Download Nya Perbaikin Gan :/ gk bsa di download .

      BalasHapus
    46. gak bisa di download :( kalau boleh tolong reupload gan.

      BalasHapus
    47. bang kalau buat banner kek punya abang gimana yak..?

      BalasHapus
    48. udah punya template miku yg satunya lagi
      tapi di header daftar isinya semua tulisannya lorem ipsum
      cara ngatasinnya gmn ya ?

      BalasHapus

    "Maaf komentar anda tidak akan dibalas, karena blog ini sudah tidak aktif. Terima kasih"

    "Sorry your comment will not be replied, because this blog has been inactive. Thank you"

  • Translate

    Thank you for choosing Blogger Template from Blog Johanes! (*≧∇≦*)

    - Copyright ©DJogzs 2009-2013 - Some Right Reserve. - DJogzs - Powered by Blogger - Designed by Johanes Djogan -