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

    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='http://3.bp.blogspot.com/-uQmO1KVif9M/T2dgwzpAlwI/AAAAAAAABVs/5gq4ttjsFEg/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>

    <b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='http://3.bp.blogspot.com/-uQmO1KVif9M/T2dgwzpAlwI/AAAAAAAABVs/5gq4ttjsFEg/s1600/ad516503a11cd5ca435acc9bb6523536+(1)+copy+copy.png'/></b:if>

    <b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='http://3.bp.blogspot.com/-uQmO1KVif9M/T2dgwzpAlwI/AAAAAAAABVs/5gq4ttjsFEg/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

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

    1. wah.... templatenya super bagus..
      Thanks gan...

      BalasHapus
    2. jadi bingung mau pke template skrng / ganti ni template..
      jgn keren2 bkin pusing...

      ohh ya,, kpn2 share dunk script buat readmore kya blog yg kamu pke ini.. :D

      BalasHapus
    3. sayang sekali template ini kagak bisa saya pakai karena saya lebih suka buat sendiri akakak ~D

      BalasHapus
    4. waw,,, bgus bgt kak, requestku yang 3 coloum dipenuhi nih, makasih banyak lho.. aq edit dikit boleh y gmbr2 nya...

      BalasHapus
    5. lho lha menunya itu apa bisa pake hover effect jg??

      BalasHapus
    6. kak anes yang ganteng!. oh iy cara ngganti warnanya gimna?.

      BalasHapus
    7. @Ilham Hanif ganti kode warna ini #E51D66;

      pliss ya,klo mau ngedit,edit sendiri.

      BalasHapus
    8. Wah keren kakak, ijin download dan nyoba di blogku yg masih baru ^_^

      BalasHapus
    9. asik baget kak, templatenya enak buat di edit, gak kayak template2 dari luar negeri,, wah2.. makasih lagi deh :D. buat yang lebih bnyk lagi kak, mngkn bakal booming template buatannya kakak .sip sukses selalu

      BalasHapus
    10. @Najih Azkalhaq thx ya.amin de.oia,jujur aja klo template" anime sekarang yang punya luar negeri,klo aq periksa html'a itu berantakan dan terkesan asal.misalnya css'a ada yang ga bener,html'a banyak yang ga valid pakai div style,br,dan banyak masalahnya.klo template yang aq buat meskipun bentuk'a agak aneh",tapi tetap memperhatikan isi'a :)

      BalasHapus
    11. ijin blh gk?
      menunya saya edit lagi, trus saya posting ke tutorial...
      dblz ya..

      BalasHapus
    12. @[Admin] -=- FT -=- sertain sumbernya ya.yang penting jujur,dan posting apa adanya~ :)

      BalasHapus
    13. kak? aq buka d browser lain kok tampilannya beda kak?jadi agak ancur,,, sama persis kyk di gambar it kalo pake chrome?? gmn??

      BalasHapus
    14. @Najih Azkalhaq beda gimana? aq dah coba pakai mozilla ga ada masalah kq.

      BalasHapus
    15. @Najih Azkalhaq coba update browser kamu ke versi paling baru.mungkin blom mendukung CSS3

      BalasHapus
    16. Komentar ini telah dihapus oleh pengarang.

      BalasHapus
    17. Cara ngilangin read more nya gimana kak?
      Mohon bantuannya!!

      BalasHapus
    18. @Taufik cari css .rmlink a { di edit html.

      tambahin display:none; dibawah'a.

      BalasHapus
    19. Kak kalau bisa bikin template SnO (Sora no Otoshimono)
      #request nih kak ceritanya hehehe n_n

      BalasHapus
    20. owh.. jadi masalahnya gara2 blm terupdate y kak? ntar kalo misal dilihat ma orang lain dengan browser yang belum terupdate brrti beda dong tampilannya??

      BalasHapus
    21. @Najih Azkalhaq iya.tapi dari dulu udah saya survey,rata-rata pakai browser mozilla dan google chrome

      BalasHapus
    22. bang jo saya mau nanya,
      gimana cara merubah tampilan home(Beranda) seperti blog bang jo ini, tapi pas masuk ke isi post ma gx kya tampilan home
      http://3.bp.blogspot.com/-5K5GVvpwX0c/T3BwH5UV7xI/AAAAAAAAAOM/6jmpHNPxdiY/s1600/home.png
      http://4.bp.blogspot.com/-rrpP4uAePUQ/T3BwwfG0m0I/AAAAAAAAAOY/Ccu79gixF3s/s1600/post.png

      BalasHapus
    23. Downloadnya hruz pke akun 4shared ya?

      BalasHapus
    24. @-=MR.Kraze=- ga harus punya,kn aq yg host di 4shared,kamu tinggal download,ga perlu daftar ==" ckckck
      soal'a 4shared aman,ga dipernah diapus,n teratur data'a ama saya

      BalasHapus
    25. Kak mau tanya. aku nambahin gadget di atas posting, kok border nya gak pas (kurang lebar) ya? cara nyesuaiinnya gimana ya kak?

      BalasHapus
    26. @Ryan Gani Dharmawan template yang 1sidebar atau yang 2sidebar/ aq cek biasa>" aja kq :)

      BalasHapus
    27. @Zera_Ilham http://djogzs.blogspot.com/2010/12/trik-merubah-tampilan-homepage-dan.html

      BalasHapus
    28. Komentar ini telah dihapus oleh pengarang.

      BalasHapus
    29. yang satu sidebar kak, cara hapus bordernya gimana kak? atau bikin jadi warna putih atau transparan sidebarnya? #maaf kebanyakan tanya n_n

      BalasHapus
    30. @Ryan Gani Dharmawan cari css

      .sidebar h2, #main1 h2, #main2 h2, #main3 h2 {



      border-left: 5px double #CA2968;
      tinggal diapus.

      BalasHapus
    31. mas bro gw udah pake nih tempalte
      kok malah pas di page muncul sedikit yak kek read more gitu..
      tapi udah gw display none tetep aja dikit yang munculnya
      gmn mas bro hehe

      BalasHapus
    32. @Mudi owh iya,ada masalah dipagesnya ya? k deh nanti aq betulin. thx ya :)

      BalasHapus
    33. woke mas bro
      emang keren nih tempalate
      cuma itu aja deh keknya yang kurang hehe

      BalasHapus
    34. woke mas bro
      emang keren nih template
      cuma itu aja yang kurang menurut gw hehehe

      BalasHapus
    35. @Mudi dan semuanya,template 1 sidebarnya sudah saya perbaiki,yang sudah menggunakan template ini sebelumnya,silakan didownload dan diupload lagi kee template kamu.thx atas dukungan'a :)

      BalasHapus
    36. gw sukaan style guilty crown lu jo, drpd yg template yg ini. Masih ribet terutama buat postingnya, mending kalo kata gw mah nggak perlu pake scroll dah. detailnya masih kurang, tapi overall, keren

      aseek... udah jago nih sekarang....

      BalasHapus
    37. Dicoba kak Template Guilty Crown Fixnya, akhirnya ada fix juga di post title nya n_n

      BalasHapus
    38. kak templatenya ada masalah di halaman statisnya kak. Mohon solusinya?

      BalasHapus
    39. yg keren cuma hadernya om,.hehe

      BalasHapus
    40. @ryan maksudnya halaman yang mana? yang pages? tadi udah saya betulin lg,coba didownload dan di upload lagi ke template kamu

      BalasHapus
    41. Di bagian static page nya kak, aku buat laman sitemap/daftar isinya gak tayang. Udah aku coba utak-atik tapi gak berhasil. Minta solusinya kak?

      BalasHapus
    42. hehehe udah beres kak, maaf ngerepotin & makasih bantuannya. Semoga UTS nya sukses kak! Ganbatte Kudasai kak.

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

      BalasHapus
    44. kok Read More di menu gak berfungsi

      BalasHapus
    45. @Afif NR blog kamu apa?biar aq cek.tmn" aq yang pakai template ini autoreadmore'a berfungsi kq

      BalasHapus
    46. yang 2 sidebar yang error, tapi aku udah ganti yg 1 sidebar udah mau kok

      BalasHapus
    47. @Afif NR ouh,klo yg 2 sidebar emang blum sempet aq benerin ==v

      BalasHapus
    48. @Afif NR bisa kq,kamu liat deh dipostingan ni,dibagian pengaturan 2.itu buka blogger=>edit html,expand template,lalu tinggal cari kode html yang seperti pada pengaturan 2,lalu diapus.

      BalasHapus
    49. bisa diapus judul blognya, soalnya gambar dah aku buat langsung gabung dengan tulisannya.

      Nih coba kamu liat sendiri http://uchutest22.blogspot.com/

      BalasHapus
    50. @Afif NR cari css

      #header h1, #header .description {


      dibawah'a tambahin

      display: none;

      BalasHapus
    51. saya pake nih template yg 1 sidebar tpi aq tambah jdi 2 sidebar hehhe jdi aktif yg disetting di sidebar 1. thanks template mas

      BalasHapus
    52. cara apus border di post tug gimana? maaf kebanyakkan nanya

      BalasHapus
    53. @Afif NR

      gpp :) senang bisa membantu~xD

      cari css ini di edit html

      .post {
      margin-bottom: 0px;
      margin-top: 5px;
      padding: 0px 0px 0px 0px;
      position: relative;
      border-left: 5px double
      #E51D66;
      }


      Apus :border-left: 5px double
      #E51D66;

      BalasHapus
    54. gimana ya caranya posting lama, posting baru, beranda ga terbang? maaf klo kebanyakkan nanya

      BalasHapus
    55. @Afif NR

      cari css #blog-pager {


      lalu apus ini

      position: fixed;

      BalasHapus
    56. saya ijin pakai bang admin....
      tmplateny baguz.....

      BalasHapus
    57. gan klo gambar post nya mau original size gmana?, text nya juga klo mo sesuai postingan gmana? yg di readmore kan gk sesuai postingan, sory banyak nanya...hehehe

      BalasHapus
    58. kaka saya kok gambar adminya gk ada, gimana nie nambah gambar adminya lagi?

      BalasHapus
    59. kak mau nanya nih kalau mau ngatur gambar postingan yang tampil di homepage gmana
      tru kalo mau aktifin fungsi replay pada post comment gimana

      thank's

      BalasHapus
    60. kak,, mau nanya. maksudnya pengaturan 2 itu apa ??? terus 3 avatar tu buat apa ??? Mohon bantuannya... lagi belajar nie.. Makasih ^_^

      BalasHapus
      Balasan
      1. itu buat yang 1 blog tapi admin'a ada lebih dari 1,avatar'a bisa beda" tiap admin

        Hapus
    61. kk Jo tolong bantu ngehapus yg ini http://sadpanda.us/images/1191333-0IQVQYA.png

      BalasHapus
    62. itu ga bisa,bloglist'a harus diisi,jangan dikosongon.klo ga mau,diapus aja wisget'a

      BalasHapus
    63. Balasan
      1. https://www.dropbox.com/sh/jp11zilka4i0w03/unSZS9HOR-?%20m

        Hapus
    64. Balasan
      1. https://www.dropbox.com/sh/jp11zilka4i0w03/unSZS9HOR-?%20m

        Hapus
    65. cara ganti background sidebar 1 gmna?
      #Newbie

      BalasHapus
    66. Hi, I have a problem with the titles of the posts, can you help me ? T^T

      BalasHapus
    67. aku mau tnya nh..
      aku mau buat ini template jadi 1 page aja tanpa ada sidebar kanan dan kiri
      bagaimana yah, dan script mana yg harus di hilangkan..

      yg kedua untuk readmorenya juga apa bisa aku hilangkan yah... mohon bantuannya yah..

      makasih bnget buat templatenya yah admin.. www.djogzs.com

      Visit back yah Dealer Daihatsu Malang

      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 -