NEWS
Loading...
  • Posted by : Johanes Djogan 14 Mar 2012

    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='http://2.bp.blogspot.com/-hhlYpLMAp7k/T1_js_I0ofI/AAAAAAAABOk/cqoFf3Ar0-A/s1600/Avatar4th96+copy+copy.png'/></b:if>

    <b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='http://2.bp.blogspot.com/-04QPEvBvhTc/T2Alvh_SgSI/AAAAAAAABQU/bHYmDC_VM0w/s1600/Avatar4th96+copy+copy+copy.png'/></b:if>

    <b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='http://2.bp.blogspot.com/-4UqN2Jry2zo/T2ApenxziNI/AAAAAAAABQc/WRE4841PIOM/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//




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

    1. sip kak, bagus,,, ada yang anime 3 cloum gak?

      BalasHapus
    2. kak aku mau nanya nih
      ko html buat avatar author gak ada ya di template itu.

      Mohon Penjelasannya ya kaka. nice and good template

      BalasHapus
    3. itu udah aq jelasin kan yg pengaturan 3.cari kode html yang kaya gitu,tapi centang dulu Expand Widget Templates.ntar pasti ada.ga mungkin ga ada==v

      BalasHapus
    4. mengerikan mengerikan mengerikan mengerikan :/

      BalasHapus
    5. swt, coba aja gan templatenya tuh gak ada kode itu klo gak percaya coba dah download template yang u buat itu

      BalasHapus
    6. Oh Iya maaf kaka ada tuh sry ya kakak saya gak liat, maaf banget ya kaka master. Template buatan kakak bagus banget :)

      BalasHapus
    7. Kakak Bisa buatin template sasuke lagi gak ?, :D

      BalasHapus
    8. saya mah kalau buat template anime,tergantung gambar'a cocok atau ga==v

      BalasHapus
    9. Kakak tolong buatin template sasuke ya yang backgroundnya serba biru trus gambarnya yang cocok kaya gini http://cyberhost.zonecode.tk/sasukeee.jpg kak
      [Request Template nih kak] Please kakak Master :)

      BalasHapus
    10. ga janji==v
      saya mah buat template klo lg ada inspirasi aja.maaf,gambar'a ga cocok #jelek ==v

      BalasHapus
    11. hahahahahha, saya doain kakak dpt inspirasi bagus :) biar bisa buat template sasuke lagi :)

      BalasHapus
    12. Gambar header nya bisa di ganti ga kk??

      BalasHapus
    13. @Jeje-kun IchimaruOia ane lupa cara ngasih tau cara ngapusnya.wakwakwkak sory"

      BalasHapus
    14. @Vieri Azzurri iya udah tau.tuh udah aq update postinganya.hhaha

      BalasHapus
    15. Kakak Lagu yang ada di footer blog kakak namanya apa minta link downloadnya donk :)

      BalasHapus
    16. @Dimas Departures - Anata ni Okuru Ai no Uta ,ost guilty crown

      BalasHapus
    17. http://www.naninu-fansubs.net/
      cek~

      BalasHapus
    18. bisa ga kalo headernya ga berubah tiap ke halaman posting?

      BalasHapus
    19. @FYP

      Bisa kq,cari tag conditional di edit html:



      nanti kan dibawah'a ada css tuh,kamu apus css:

      #headline{isi css}
      #header{isi css}
      #header h1, #header .description{isi css}
      #header-wrapper{isi css}

      diapus semua,naanti halaman posting ama homepage jadi sama

      BalasHapus
    20. cari tag conditional ini
      b:if cond='data:blog.pageType == "item"'

      nanti dibawah'akn ada css eksternal'a,tinggal apus css yang aq ketik diatas tadi

      BalasHapus
    21. oke sankyu~ gomen kalo templatenya di edit2 dikit

      BalasHapus
    22. oia, itu gambar yang di header home kan ada tulisan headline, pakenya font apa?

      BalasHapus
    23. kak kok di blog saya labelnya gabisa muncul ya? cuma bisa di add gadget tapi pas di preview ga ada sama sekali di sidebarnya

      BalasHapus
    24. @FYP

      lupa namanya,tapi klo font blog'a :Overlock SC

      BalasHapus
    25. @sakakibarakun Maksunya ga muncul gimana? label atau headlinenya?

      BalasHapus
    26. label, labelnya kalo di add gadget bisa tapi pas di tampilan home blognya jadi ga ada

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

      BalasHapus
    28. kk.... kk bwt template itu pakek soft apa...??? please ksih tau za...???

      FB:strange rikudo

      BalasHapus
    29. @Strange Rikudo saya ga pakai software apa".cuma pakai browser google chrome.

      BalasHapus
    30. maaf nih kk...
      saya cuma mau tanya... ^^
      bisa ga yang menu bar di atas di pake di themplate black rock shooter kk ???
      terima kasih sebelumnya, mohon balesannya.. >.<

      BalasHapus
    31. @Ewin Hayon bisa~
      tinggal copas HTMl sama CSS'a~
      tapi disini ga boleh :p
      kalau mau pm di fb aja,disini jgn nyepam=="

      tp minggu aja ya(ga janji),bsk saya msh blajar buat UTS minggu dpn==v

      BalasHapus
    32. dimna sih kalo mau bikin template yang bagus secara kreaivitas ???

      BalasHapus
    33. @nassef risman saya bikin template di blogger'aa langsung,ketik manual ==v

      BalasHapus
    34. Kak, mau tanya donk, bagian Headline'a
      ga pake Widget Feed kan??
      Nah kebetulan Widget Feed saya ga ada
      URL.. trus saya coba cari kode yg di atas itu di edit HTML, tp ko" malah ga ada ya??
      Malah muncul kode seperti ini>.



      Nah gmana tuh ka??

      BalasHapus
    35. gan mo nanya nich , klo mau ganti template , bacaan Expand Template Widgetnya diceklis atau gk yach , tq :)

      BalasHapus
    36. @vk_hacker_cracker.blogspot.com thx,klo mau ganti mah ga perlu di expand template bro :)

      BalasHapus
    37. nice template bro izin sedot bro :)

      BalasHapus
    38. keren banget templatenya kalau mau memindahkan sidebar nya..
      jadi kalau pada home sidebarnya di kiri tapi saat di halaman posting sidebarnya jadi berpindah ke kanan, nah itu buatnya gimana ya kak??
      thanks

      BalasHapus
    39. Kak template-x keren keren semua.. Makasih banyak ya karena dibolehin download!! :D
      nb: Kak mau tanyak', Kalau mau ganti ukuran font sm sizex tu gimana ya?? Kok gak ada programx? Apa memang gak bisa?
      Tapi ukuran font title-x aku kebesaran.. :(

      PLEASE Replay ya kak!! Makasih kak

      BalasHapus
    40. ada template yg langsung bisa di download gk?
      please w bingung banget agan""

      BalasHapus
    41. Kak nanya nih, judul sama description itu berdekatan banget, gimana cara buat bisa memberi sedikit jarak?
      Terimakasih :DV

      BalasHapus
    42. kak...
      klo' membuat template sendiri itu gimana kak..?

      tolong di reply...

      BalasHapus
    43. mantap gan!! izin cb!!

      mmpir gan!!
      http://apps--computer.blogspot.com

      BalasHapus
    44. bisa editkan blog ku?, di kasih guestbook sama tirai buka tutup. masih beginner nih

      BalasHapus
    45. maksudnya hedline tu pa?? Q kok nggak tau. tolong penjelasannya..!!!!

      BalasHapus
    46. Gan
      templatenya bisa saya edit nggak ?
      gue mau bkin template soul eater gan
      tpi beberapa konten agan msih sya pakai

      TOLONG REPLY GAN
      thanks before

      BalasHapus
    47. Gan gimana ngisi Headlinenya?
      ane ga bisa ni??

      BalasHapus
    48. thanks buat design templatenya ^^
      Boleh request?? kalau bisa tolong bikin template blogger Doraemon, ya.
      Tolong, ya.
      bisa chek ke blog saya
      Http://trimeiluvulrika.blogspot.com
      thank you^^

      BalasHapus
    49. wew keren juga nih ,, top lah b^_^d
      ane boleh request gk ,, kalo bisa tolong bikinin template blog dari anime/manga Magister Negi Magi pleaseee

      BalasHapus
    50. Saya mw tanya.
      Yang dimaksud username yg buat isi di avatar (text bewarna merah:ganti dengan Username kamu.) itu maksud nya nama Blog atau apa??

      BalasHapus
    51. Caranya supaya menunya tidak sembunyi gmana?
      Tetap keluar

      BalasHapus
    52. MOHON DI PERBAIKI LINK DOWNLOAD ANOTHER
      LINKNYA UDAH RUSAK DI 4SHARED

      ~""TERIMA KASIH""~

      BalasHapus
      Balasan
      1. semua link yang mati sudah sy re-upload di dropbox saya.tolong dibaca info diblog saya.thx
        https://www.dropbox.com/sh/jp11zilka4i0w03/unSZS9HOR-?%20m

        Hapus
    53. gan johanes djogan
      keren bgt template another nya
      makasih bgt tempate nya

      BalasHapus
    54. sepp...
      baguss template'a.. udh ane pakeee!! :D
      look in my blog : suka2gueblog2gu3.blogspot.com

      thanxx djogann :****

      BalasHapus
    55. om.. yang di Dropbox hasil nya gini Error (509)
      mohon dibantu cek kembali. pengen pake nih template nya :)

      BalasHapus
      Balasan
      1. sorry,account dropbbox saya keblokir selama 3 hari karena kebanyakan pengunjung dan pendownload.mohon sabar TT.TT

        Hapus
    56. pas masuk dropbox kok ada tulisan Error (509)
      This account's public links are generating
      too much traffic and have been
      temporarily disabled!

      Bisa reupload lgi ngga bang di 4shared / mf ?

      BalasHapus
    57. Balasan
      1. Ohh udah saya download kk . terima kasih
        maju terus ya kakak :D

        Hapus
    58. text bewarna biru :ganti dengan Url gambar avatar kamu.Ukuranya 136px x 190px.


      maksudnya gmana ya?

      BalasHapus
    59. bagus sih, tapi ribet dan aku gangerti =.=

      BalasHapus
    60. Caranya mengfungsikan Menu itu gimana min?

      BalasHapus
    61. gan cara upload temple nya gimana gan?

      BalasHapus
    62. Kesalahan saat mengurai XML, baris 784, kolom 5: The element type "b:section" must be terminated by the matching end-tag "". Bang KOk Gini ???

      BalasHapus
    63. numpang nanya kan itu di header ada Headline ,
      nah cara edit itunya dimana ?

      BalasHapus
    64. gan pengaturan 1 dan 2 fungsinya buat apa ?

      BalasHapus
    65. kaaa saya mau nanya dong yang pengaturan 3 ituu. saya gak bisa yg pengaturan 3 nya cari kodehtml nya aja gak ketemu. mohon bantuannya:)

      BalasHapus
    66. gan cara ngisi headline nyee kek manee ..?

      BalasHapus
    67. gan numpang tanya kalo bikin tampilan nya kaya blog yang perta zoric craker gmna ya gan

      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 -