15/04/12

Simple, Clean, High CTR dan Premium Template Blogger

Dalam menentukan template blogger, sering kali kita merasa bingung dengan berbagai banyak pilihan. Seperti halnya dalam hal optimasi mesin pencari template tersebut, desain yang menarik dan ada juga yang dibuat agar dapat memenuhi persyaratan dalam menggunakan Google Adsense. Untuk itu kali ini IdBlogDesign ingin berbagi template blogger gratis, tentunya bagi Anda para pengguna blogger.

Template blogger kali ini IdBlogDesign beri nama Simple Grey. Menurut IdBlogDesign, template blogger Simple Grey sudah memenuhi beberapa kriteria antara lain: Soft, Clean, Simple, High CTR, Fast Load dan SEO Blogger Template. Selain template ini gratis, template blogger Simple Grey juga memiliki beberapa kelebihan, antara lain:

Simple, Clean, High CTR dan Premium Template Blogger

  1. Halaman tunggu relatif cepat.
  2. Dalam hal pengambilan warna, template ini dibuat lebih lembut dan nyaman untuk dipandang.
  3. Mendukung breadcrumbs yang valid.
  4. Disetiap posting artikel atau single post, sudah dilengkapi dengan auto rating&review blogger, dan fasilitas berbagi melalui beberapa social bookmark.
  5. Untuk susunan schema, template tersebut sudah valid dan teruji dengan google webmaster.
  6. Mendukung penggunaan tag H1 dan tag H3 yang bersifat dinamis pada judul posting dan judul blog.
  7. Memenuhi rekomendasi Google Adsense, dengan mendukung penggunaan ukuran iklan 728x90, 160x600 dan tentunya High CTR.
  8. Mendukung penggunaan post snippet blogger secara otomatis, sehingga Anda tidak perlu lagi membutuhkan kode
    <!--more--> dan penggunaan script auto readmore.
  9. Dan masih banyak fitur yang lainnya.
Bagi Anda yang penasaran untuk demo template blogger Simple Grey ini, bisa mengunjungi alamat berikut:
http://opohorok.blogspot.com/

Sedangkan jika Anda berkenan untuk download template blogger Simple Grey tersebut bisa langsung saja download pada alamat berikut:
http://idblogdesign.googlecode.com/files/SimpleyGrey.zip

Mohon diperhatikan:
  1. Untuk template blogger yang satu ini mohon link kredit footer jangan dihapus!
  2. Template tersebut dapat digunakan dan disebarluaskan secara bebas, selama tidak untuk diperjual belikan.
Selamat mencoba template blogger Simple Grey dan semoga bermanfaat.
107 Komentar:
  1. mantap,, ijin make gan :)

    BalasHapus
  2. kencang banget load nya Mastah.
    btw apakah bisa opsi share on facebook,twitter,digg dll di beri icon? kalau boleh caranya gimana mastah?

    BalasHapus
    Balasan
    • Bisa masta, coba cari "Bagikan melalui:", terus pada link social bookmarknya dikasih "class" atau "id" dan sebelumnya buat code css terlebih dahulu yang menyertakan icon masing2. :)

      Hapus
    • saya coba edit2 dulu mastah, walau pun aku minim pengetahuan ttg CSS. btw terima kasih petunjuknya mastah

      Hapus
    • Yang semangat masta, yakin pasti masta bisa! :)

      Hapus
    • Maaf mastah, aku masih nubie dalam blogging panggilan mastah sangat tidak cocok :D

      btw saya gak ngerti cara buat class atau id mastah. saya hanya ganti tulisan seperti "twitter" dengan "url ikon twitter".
      Apakah cara ini sudah benar mastah?
      Coba diliat mastah blog saya
      rizal-artwork.blogspot.com

      Baru bagian share on twitter yg saya kasih icon, yang lainnya saya tunggu jawaban mastah dulu :D

      Hapus
    • he...kalau gitu kita sama-sama nubie. :)
      Btw dengan cara begitu juga tidak masalah masta, tapi kalau bisa di url image dikasih "alt" atau "title" atau dua2nya lebih bagus, misalnya:

      <img src="url gambar" alt="tag/judul" width="lebar gambar" height="tinggi gambar" title="judul/keterangan"/>

      Selain untuk segi seo juga untuk berjaga-jaga misalnya kalau pada browser pengunjung tidak mengaktifkan fungsi image.

      Hapus
    • kalau di gambar nya diberi "alt" dan "title" sebaiknya "title" pada kode seperti dibawah dihilangkan saja atau tetap ada mastah

      expr:href='"http://twitter.com/home?status=" + data:post.title + " " + data:post.url' target='_blank' title='Twitter'

      Maaf mastah kebanyakan bertanya :D

      Hapus
    • sebenarnya kalau image tidak menggunakan link dibutuhkan alt dan title. Tapi jika menggunakan link cukup dengan alt juga sudah benar. Kalau saya sendiri lebih suka pakai dua2nya, tapi title link dan title image saya buat sama. :)

      btw katanya sama2 nubie bro?hehe...

      Hapus
    • Terima kasih mastah, saya tak tau harus membalasnya dengan apa. hehe saya cuma bisa doakan semoga Rejeki Mastah makin lancar :D

      Hapus
    • Amin, makasih buat doanya bro. :)

      Hapus
    • Mastah, nubie ingin bertanya lagi, agak OOT dikit dari postingan ini :D

      apakah sebaiknya kita tambahkan meta deskripsi dan meta keyword pada edit html tempalate ini masteh? atau tidak usah karena google sudah menambahkan fitur deskripsi penelusuran?

      Hapus
    • Biasanya saya lebih suka ngasih meta deskripsi dan meta keyword cuman dihalaman utama masta, biar lebih aman. hehe...

      Hapus
    • yang di edit html yah mastah?
      maaf kebanyakan nanya :D

      Hapus
    • Untuk blog yang ini menggunakan 2 langkah masta, yang pertama melalui menu settings - basic - description. Terus langkah yang kedua menggunakan edit html dengan kode sbb:

      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <meta content='Masukan deskripsi blog.' name='description'/>
      <meta content='Masukan keyword blog.' name='keywords'/>
      </b:if>

      Sehingga hanya akan tampil pada halaman utama saja. hehe...santai saja masta, selama saya bisa dan ada waktu pasti saya jawab, meskipun sedikit lambat balesnya. :)

      Hapus
    • kalau yang di settingan blog deskripsi nya sudah saya isi mastah.

      tinggal di edit html yang belum.

      apakah harus sama mastah deskripsi pada edit html dan setting?

      btw seandainya Mastah mengizinkan saya untuk membalas semua ilmu yang telah di bagikan kepada saya, saya ingin membuatkan WPAP foto mastah :D

      Hapus
    • Ada baiknya dibuat sama masta, biar mesin pencari nantinya g bingung untuk nampilin deskripsi blog masta. :)

      hehe...santai aja mastah, disini kita sama-sama belajar. :) btw hobi desain ya masta?

      Hapus
    • terima kasih banyak mastah #sambil mikirin deskripsi yg cocok :D

      Kalau mastah sih sudah cocok dikatakan pengajar :D
      cuma hobby buat WPAP mastah . hehe

      Hapus
    • hehe..kalau bisa deskripsinya jangan lebih dari 160 karakter mastah biar mantap dimata mesin pencari. :)

      Hapus
    • Lama gak berkunjung kemari, Blog Mastah makin Oke

      Hapus
    • hehe...iya nih masta, makasih doanya. :) btw bulan ni nubie mau launch template blogger gratis lagi nih masta, jangan sampai ketinggalan ya buat nyobainnya. :)

      Hapus
    • Siap ditunggu template barunya mastah? hehe

      oiya ada pengaruhnya gak kalau keseringan ganti template?

      Hapus
    • hehe...selama ada yang lebih baik dari sebelumnya kenapa g dicoba masta, asal tau cara amannya kayaknya g masalah masta. :)

      Hapus
  3. templatenya mantab gan, fast load.

    gan .. bole ga minta script "Artikel Terbaru" di sidebar itu. Thanks

    BalasHapus
    Balasan
  4. ijin DL buat blog ane yg ini yah gan http://infomediaphotography.blogspot.com/

    BalasHapus
    Balasan
  5. izin dunlut gan, thx.

    BalasHapus
    Balasan
  6. beneran ane kerasan pake template ini gan, btw tu quickeditnya sengaja diilangin ya?

    BalasHapus
    Balasan
  7. ngilangin logo simple grey nya gmana ya yang diatas sekali itu, waduh nebitol sangat ne masta, ajarin

    BalasHapus
    Balasan
  8. kalau menghilangkan auto readmorenya bagaimana ya masta

    BalasHapus
    Balasan
  9. jan mantep tenan template-nya mastah, sudah diterapkan di blog saya.
    kalau mau bikin artikel terbaru kayak yang di atas ada tutornya gak mas? sudah coba view source tapi malah bingung.

    BalasHapus
    Balasan
  10. saya ada sedikit masalah dengan template yang sangat bagus ini, ketika postingan kita terdapat komentar maka halaman tidak berhenti2 meload halaman tersebut seperti yang terjadi di halaman ini, apakah mastah semua mepunyai maslah yang sama seperti yang saya alami :) mohon petunjuknya

    BalasHapus
    Balasan
    • hehe...beberapa minggu yang lalu saya juga pakai template yang simple grey ini, tapi normal-normal saja masta :), meskipun ada komentar. Menurut saya, secara default metode komentar pada blogger menggunakan metode reload(karena adanya fitur "balas/reply" pada form komentar).

      Jika pada blog masta mengalami gangguan mungkin disebabkan oleh beberapa hal:
      1. Pihak blogger, mungkin sedang ada....:)
      2. Jenis browser(add-ons, fungsi javascript) dan koneksi.
      3. Pengaruh script atau seting pada template sebelumnya.

      Hapus
  11. hmm..orang Indonesia ternyata jago2 ya, kuper ane :)
    thanks sudah berbagi

    BalasHapus
    Balasan
  12. Bagus mas karyanya ...

    Keep sharing ...

    BalasHapus
    Balasan
  13. mo tanya mz, cara ganti form komentar pakai facebook comment gmn y? terimakasih

    BalasHapus
    Balasan
  14. Balasan
  15. gan minta template kayak punya agan nih dong....kasih linknya ya...

    BalasHapus
    Balasan
  16. wih mantap mas yohanes...ijin pakek ya...

    BalasHapus
    Balasan
  17. tolong di kasih tutorial lengkap cara membuat artikel terbaru dan komentar terbaru itu dong, pengin banget nih saya pengin bisa.. please

    BalasHapus
    Balasan
  18. mas yohanes tolong kasih tutorial bikin artikel terbaru sama komentar terbaru seperti yang ada di blog ini dong... bagus tuh

    BalasHapus
    Balasan
  19. mas add a gadget dibawah blogpost/main-wrapper kok gak bisa?? mesti load ke kanan sidebar. check.. di http://tablet-tips.blogspot.com

    juga quotenya gak ada gan

    templatenya ijin permak, udah ditambah related post, popular post, tabel, ganti header, tambah like facebook, dll.

    thanks yoo replynya

    BalasHapus
    Balasan
    • hehe...untuk add widget pada main wrapper memang tidak ditampilkan karena secara default pada template blogger2 yang lain memang dibuat sedemikian rupa dan tentunya untuk melindungi widget yang terpenting dari blogger yaitu "Blog1" agar tidak mudah error, tetapi jika masta ingin menampilkan juga bisa tinggal cari kode:

      <b:section class='main' id='main' showaddelement='no'> kemudian hapus kode " showaddelement='no' "

      Untuk quote pada post artikel bisa dimodifikasi kode css berikut pada cssnya:
      .post blockquote dan .post blockquote p

      Hapus
  20. mantap templatenya mas.. Ane edit lagi.. CTRnya nyampe 2% lebih.. Padahal kunjungannya cuma 20/day.. Per klik sampe 1.34 dollar. Thanks..
    Note: show add element yes gak ngefek.

    BalasHapus
    Balasan
  21. share
    ternyata klo edit show ads dan upcoming ads di adsense ngefek sekali, karena ads yg tampil relevan terhadap isi posting

    BalasHapus
    Balasan
  22. Tanks Mas, ini tamplate saya download ya

    BalasHapus
    Balasan
  23. makasih mas bro, gak nyangka. pake theme ini cepet banget dapet PR 1

    BalasHapus
    Balasan
  24. izin pakai, wuss langsung ke index ngak lama setelah saya louncing, semoga membawa berkah templatenya... thanks

    BalasHapus
    Balasan
  25. gan, itu ganti header simpley grey dimana yak? mohon bantuanny,,

    makasih atas theme nya gan,,super cepat loadny!

    BalasHapus
    Balasan
    • Cari kode css pada edit template https://lh6.googleusercontent.com/-adejkwDTy0g/T4q4WHur1EI/AAAAAAAAATc/-GIWZiSzDd4/s246/logo.gif setelah itu ganti dengan url logo blog agan(ukuran gambar 246x60px) :)

      Hapus
  26. Thanks om templatenya bagus dan telah ane pake di beberapa blog saya, rencana sy juga akan mengaplikasikannya pada blog sy yg di WP, apakah ada yang versi untuk Wp "self hosting" om Yohanes..?
    Tks.
    Masmus

    BalasHapus
    Balasan
  27. Maz itu cara masang templatenya gmn ?? bisa ngajarin ngga?? maaf masih amat sangat nubie nih.. udah ane extrax kode xml nya tapi pas masang di blog nya bingung..

    BalasHapus
    Balasan
    • Caranya masuk ke akun blog dulu, terus pilih menu "Template", setelah itu pilih "Cadangkan/Pulihkan". Lalu pilih unggah template dari hard drive Anda. (Ada baiknya unduh template blog masta terlebih dahulu). :)

      Hapus
  28. wah..nih template simple sekali sob...mantap buat seo nih

    BalasHapus
    Balasan
  29. bagian yang di bilang masta ga ketemu ni.. apa versi edit nya blog yang beda ya?? pusing @[email protected]

    -DeV-

    BalasHapus
    Balasan
  30. halo mas yohanes mau nanya kalo nambahin sidebar gitu gmn ya ?

    BalasHapus
    Balasan
  31. hehehe sidebar itu apa saya jg kurang tau mas.. kalo di Idblogdesain itu yang bagian portfolio, menulis artikel, layanan kami, hub. kami.. yang itu maksut saya.. maaf masih amat sangat nubie.. >.<

    BalasHapus
    Balasan
    • hehe...kalau untuk "Portfolio, Menulis Artikel, Layanan Kami, Hubungi Kami" itu namanya Page List atau navigasi Laman.(Pada Tata Letak - Tambah Gadget-Laman) Sedangkan untuk membuat halamannya terlebih dulu bisa langsung masuk menu "Laman - Laman Baru - Laman Kosong" :)

      Hapus
  32. owh.. tq tq mas..

    kunjung balik mas.. http://azzamdev.blogspot.com
    kasih masukan kalo ada yg kurang.. tq

    BalasHapus
  33. mas minta bantuan edit ukuran ads nya itu 728x90 koq ga pas sama ads yang aku pasang ya?? minta bantuan nya nih mas,maaf tanya" terus mas saya do'ain semoga rejeki nya lancar karna banyak bantu orang.. amin..

    http://azzamdev.blogspot.com
    yg di ads nya kurang pas penempatan nya

    BalasHapus
    Balasan
    • Untuk title/judul pada gadget htmlnya dihilangkan saja mas atau tidak usah diisi. Terus waktu saya lihat iklannya berukuran 610x60 jadi diset dulu mas, masuk menu dari sittizen dan sesuaikan ukurannya jadi 728x90. btw terima kasih buat doanya. :)

      Hapus
  34. makasih mas udah beres.. :)

    BalasHapus
    Balasan
  35. mas Yobusa nanya lagi (doh.. kebanyakan tanya)
    saya mau edit header nya biar ilang search nya dan kapasitas gambar header itu bisa mentok kekanan gmn??

    BalasHapus
    Balasan
    • hehe...santai aja mas, selama da waktu dan bisa jawabnya pasti saya jawab,cuman terkadang agak terlambat balesnya. :)

      Untuk menghapus searchnya, cari kode id <div id='top-wrapper'>.......</div> lalu dihapus aja, nah untuk memperbesar header atau memodifikasinya cari kode css #header dan sesuaikan ukurannya.

      Hapus
  36. thx mas.. sekalian ini kelupaan.. bagian navbar ku koq ada di kiri ya ?? harus nya di atas di bagian background header itu kan ?? ngedit nya gmn mas?

    BalasHapus
    Balasan
  37. wah,,bagus banagett...keren abis....gimana cara downloadnya nih om...?

    BalasHapus
  38. gimana cara downloadnya ni om?

    BalasHapus
    Balasan
  39. mas koq footer nya jadi agak kekanan ya?? dan adsvertise yang sidebar kanan jadi kepotong.. gmn ya mas ngedit nya ?? helep..

    BalasHapus
    Balasan
  40. Saya ucapkan terimakasih mas,
    template yang kaya ini yang saya cari

    BalasHapus
    Balasan

Mohon maaf sebelumnya, untuk komentar yang menyertakan LiveLink tidak kami publikasikan.