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:
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.
mantap,, ijin make gan :)
BalasHapusDengan senang hati gan. :)
Hapuskencang banget load nya Mastah.
BalasHapusbtw apakah bisa opsi share on facebook,twitter,digg dll di beri icon? kalau boleh caranya gimana mastah?
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. :)
Hapussaya coba edit2 dulu mastah, walau pun aku minim pengetahuan ttg CSS. btw terima kasih petunjuknya mastah
HapusYang semangat masta, yakin pasti masta bisa! :)
HapusMaaf mastah, aku masih nubie dalam blogging panggilan mastah sangat tidak cocok :D
Hapusbtw 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
he...kalau gitu kita sama-sama nubie. :)
HapusBtw 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.
kalau di gambar nya diberi "alt" dan "title" sebaiknya "title" pada kode seperti dibawah dihilangkan saja atau tetap ada mastah
Hapusexpr:href='"http://twitter.com/home?status=" + data:post.title + " " + data:post.url' target='_blank' title='Twitter'
Maaf mastah kebanyakan bertanya :D
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. :)
Hapusbtw katanya sama2 nubie bro?hehe...
Terima kasih mastah, saya tak tau harus membalasnya dengan apa. hehe saya cuma bisa doakan semoga Rejeki Mastah makin lancar :D
HapusAmin, makasih buat doanya bro. :)
HapusMastah, nubie ingin bertanya lagi, agak OOT dikit dari postingan ini :D
Hapusapakah sebaiknya kita tambahkan meta deskripsi dan meta keyword pada edit html tempalate ini masteh? atau tidak usah karena google sudah menambahkan fitur deskripsi penelusuran?
Biasanya saya lebih suka ngasih meta deskripsi dan meta keyword cuman dihalaman utama masta, biar lebih aman. hehe...
Hapusyang di edit html yah mastah?
Hapusmaaf kebanyakan nanya :D
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:
Hapus<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. :)
kalau yang di settingan blog deskripsi nya sudah saya isi mastah.
Hapustinggal 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
Ada baiknya dibuat sama masta, biar mesin pencari nantinya g bingung untuk nampilin deskripsi blog masta. :)
Hapushehe...santai aja mastah, disini kita sama-sama belajar. :) btw hobi desain ya masta?
terima kasih banyak mastah #sambil mikirin deskripsi yg cocok :D
HapusKalau mastah sih sudah cocok dikatakan pengajar :D
cuma hobby buat WPAP mastah . hehe
hehe..kalau bisa deskripsinya jangan lebih dari 160 karakter mastah biar mantap dimata mesin pencari. :)
Hapustemplatenya mantab gan, fast load.
BalasHapusgan .. bole ga minta script "Artikel Terbaru" di sidebar itu. Thanks
Tinggal copas aja masta, di view source template yang saat ini saya pakai. :)
Hapusok, tengkiu
Hapusijin DL buat blog ane yg ini yah gan http://infomediaphotography.blogspot.com/
BalasHapusOk masta, dengan senang hati dan kalau bisa logonya segera diganti soalnya kemarin buat logonya ada yang salah ketik.wkkk...kkk...
Hapusizin dunlut gan, thx.
BalasHapusDengan senang hati gan, semoga dapat bermanfaat bagi agan. :)
Hapusbeneran ane kerasan pake template ini gan, btw tu quickeditnya sengaja diilangin ya?
BalasHapusterima kasih gan dah mau nyoba template buatan nubie.hehe..iya gan, biar kelihatan sedikit lebih rapi :)
Hapusbiasa aja gan, ente nubi apalagi ane wkwkwk
Hapusngilangin logo simple grey nya gmana ya yang diatas sekali itu, waduh nebitol sangat ne masta, ajarin
BalasHapusCoba masta buka templatenya terus cari url logo.gif, tepatnya di kode css #header h1 a, #header h2 a dan ganti dengan url logo blog masta.(Lebar:246px dan tinggi:60px)
HapusDan jangan lupa cari kode "Your Description Here" pada template dan ganti dengan deskripsi blog masta. Selamat mencoba masta :)
tanks di panggil masta manggil masta, waduh... tanks themenya keren
Hapussama-sama masta :), semoga dapat bermanfaat.
Hapuskalau menghilangkan auto readmorenya bagaimana ya masta
BalasHapushehe..templatenya g pakai script auto readmore masta, tapi pakai "Post Snippet Blogger", kalau ingin menormalkan kembali bisa dibaca disini masta(tinggal dibalik aja caranya). :)
Hapuswah saya tertarik ini untuk membuat mini niche site, tapi sudah say coba mau hilangkan ko ga bisa, bisa minyta tolong ga masta 1 lg untuk yang ga auto readmore. keren kayaknya untuk sniper site
HapusBeneran nih dah dicoba caranya masta? :)
HapusKalau yang tanpa post snippet blogger bisa di download disini. Semoga bermanfaat.
jan mantep tenan template-nya mastah, sudah diterapkan di blog saya.
BalasHapuskalau mau bikin artikel terbaru kayak yang di atas ada tutornya gak mas? sudah coba view source tapi malah bingung.
hehe...kapan-kapan kalau ada waktu luang saya posting diblog ini aja masta, soalnya kalau lewat komentar balasan bisa panjang banget. :)
Hapussaya 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
BalasHapushehe...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).
HapusJika 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.
hmm..orang Indonesia ternyata jago2 ya, kuper ane :)
BalasHapusthanks sudah berbagi
Hidup Indonesia tercinta!!!
HapusSama-sama masta :)
Bagus mas karyanya ...
BalasHapusKeep sharing ...
Terima kasih masta, semoga dapat bermanfaat. :)
Hapusmo tanya mz, cara ganti form komentar pakai facebook comment gmn y? terimakasih
BalasHapushehe...maaf masta dulu pernah nyoba tapi belum sempat buat tutornya, mungkin lain kali kalau ada waktu saya post dimari. :)
HapusAku ijin make ya bro...kalo mo lihat Template Blogger Simple, Fast Loading dan Keren
BalasHapusDengan senang hati masta, semoga dapat bermanfaat. :)
Hapusgan minta template kayak punya agan nih dong....kasih linknya ya...
BalasHapushehe..yang ini untuk blog pribadi gan, coba template yang lain aja bisa dilihat di menu "layanan kami" (ada banyak yang gratis). :)
Hapuswih mantap mas yohanes...ijin pakek ya...
BalasHapusdengan senang hati masta, maaf kalau masih banyak kekurangan template buatan nubie ini. :)
Hapuswaduh aku tersesat kesini lagi,,hehe
Hapussaya juga masih neubie mas,,
maaf baru bisa berkunjung lagi,
Tersesat apa emang disengaja? karena ts-nya keren, baik hati, dan tidak sombong. wkkk...kkk...
Hapustolong di kasih tutorial lengkap cara membuat artikel terbaru dan komentar terbaru itu dong, pengin banget nih saya pengin bisa.. please
BalasHapusSudah saya post langkah-langkahnya pada kategori blogger, mungkin bisa dicoba. :)
Hapusmas yohanes tolong kasih tutorial bikin artikel terbaru sama komentar terbaru seperti yang ada di blog ini dong... bagus tuh
BalasHapusSudah saya posting masta, coba dilihat pada kategori blogger. :)
Hapusmas add a gadget dibawah blogpost/main-wrapper kok gak bisa?? mesti load ke kanan sidebar. check.. di http://tablet-tips.blogspot.com
BalasHapusjuga quotenya gak ada gan
templatenya ijin permak, udah ditambah related post, popular post, tabel, ganti header, tambah like facebook, dll.
thanks yoo replynya
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:
Hapus<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
mantap templatenya mas.. Ane edit lagi.. CTRnya nyampe 2% lebih.. Padahal kunjungannya cuma 20/day.. Per klik sampe 1.34 dollar. Thanks..
BalasHapusNote: show add element yes gak ngefek.
Wuih...selamat masta, jangan lupa makan-makannya.wkk...kk...
Hapushehe...untuk show add elementnya dihapus aja masta dan coba tambahin kode berikut: preferred='yes'
share
BalasHapusternyata klo edit show ads dan upcoming ads di adsense ngefek sekali, karena ads yg tampil relevan terhadap isi posting
Terima kasih masta untuk sharenya, mungkin masta berkenan untuk berbagi dengan pengunjung idblogdesign(https://idblogdesign.com/p/menulis-artikel.html) ? hehe...
HapusTanks Mas, ini tamplate saya download ya
BalasHapusDengan senang hati mas, semoga bermanfaat. :)
Hapusmakasih mas bro, gak nyangka. pake theme ini cepet banget dapet PR 1
BalasHapusSelamat masta, semoga PR-nya dapat naik lagi. :)
Hapusizin pakai, wuss langsung ke index ngak lama setelah saya louncing, semoga membawa berkah templatenya... thanks
BalasHapushehe...terima kasih masta untuk doanya. :)
Hapusgan, itu ganti header simpley grey dimana yak? mohon bantuanny,,
BalasHapusmakasih atas theme nya gan,,super cepat loadny!
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) :)
HapusThanks 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..?
BalasHapusTks.
Masmus
Sama-sama masta, kalau untuk yang wp belum berani masta soalnya masih nubie. :)
Hapus