10 Template Blogger Keren Gratis

Sebagai blogger tampilan blog sangat berpengaruh pada minat pengunjung. Pemilihan template cukup penting untuk kesan pertama blog kamu. Template yang menarik memungkinkan pengunjung berlama-lama di blog kamu.

Tidak hanya menarik pengunjung, template juga menjadi cerminan dari karakter sang empu blog. Tak jarang kita kesulitan untuk menemukan template yang sesuai dengan keinginan kita. Dalam memilih template perlu diperhatikan untuk menyesuaikan dengan konten blog.  Berikut kami rangkum 10 template blogger gratis.

Baca juga: Template Blogger Gratis dari Iskael

1. Mad Blogger Template

Template blogger gratis buatan saya ini mengusung tema minimalis dengan dominan warna putih. Template simple ini cocok untuk blog personal dengan kepribadian simple minimalis.

Download - Preview

2. Light Koala Blogger Template

Bagi kamu pecinta koala cocok sekali menggunakan template ini dengan nuansa coklat yang memukau.

Download - Preview

3. Especial Blogger Template

Template dengan warna dominan abu-abu ini cocok bagi kalian pecinta warna abu dan dilengkapi slider yang memaksimalkan tampilan blog.

Download - Preview

4. Gardening Tricks Blogger Template

Template dengan tema buku diary ini cocok untuk blog dengan konten curhatan atau hal-hal yang berbau personal.

Download - Preview

5. Metropolitan Hermit Blogger Template

Jika kamu suka dengan nuansa template yang elegan template ini cocok dipakai pada blog kamu. Dilengkapi dengan ruang header yang cukup lebar kamu bisa mengoptimalkan tampilan header kamu.

Download - Preview

Baca juga: Template Blogger Pink Polkadot Menawan

6. Cool Breeze Blogger Template

Template blogger dengan warna dominan putih memang tidak ada habisnya. Memilih template dengan warna dan layout yang simple seperti ini cukup aman bagi para blogger pemula.

Download - Preview

7. Timeline Blogger Template

Dengan tema mirip dengan timeline facebook ini cocok untuk kamu yang suka tampil beda.

Download - Preview

8. Twilight Movie Blogger Template

Siapa yang tidak tahu film Twilight. Novel best seller karangan Stephenie Meyer sempat memukai banyak orang tahun lalu. Kini bagi kamu pecinta Twilight Series bisa merasakan nuansa Twilight di blog kamu.

Download - Preview

9. Cocinando Blogger Template

Mungkin kamu mencari template dengan banyak slot iklan? Template ini sangat cocok untuk blog yang dimonetize. Dengan slot iklan lebih dari empat kamu dapat memaksimalkan pendapatan blogmu.

Download - Preview

10. Ajaxify Blogger Template

Template dengan dominan warna gelap ini cocok untuk blog personal kamu yang menyukai gaya simple.

Download - Preview

Mengaktifkan Komentar Google+ Pada Blogger

Belum lama ini Google+ lagi-lagi meluncurkan fitur baru yang dapat dikombisanasikan dengan pengguna Blogger. Fitur ini memungkinkan kamu untuk memuat komentar-komentar yang ada di Google+ berada juga pada blog.

Setiap posting yang kamu bagikan di Google+ otomatis akan muncul pada blog. Tentunya terlebih dahulu kamu harus membagi post terbaru kamu di Google+. Jika tidak maka komentar Google+ pada Blogger ini tidak bisa digunakan.

Cara Mengaktifkan Komentar Google+ Pada Blogger

Untuk mengaktifkan komentar Google+ pada blogger buka Dashboad > Google +.

Pilih Google+

Beri centang pada "Gunakan Google+ Komentar di blog ini".

Mengaktikan komentar Google+

Setelah itu kotak komentar di blogmu akan otomatis diganti menggunakan komentar Google+.

Komentar Google+ pada Blogger

Kamu juga bisa mengatur untuk menampilkan komentar kamu di blog saja atau di Google+ juga. Untuk membagikan komentar kamu di Google+ centang "Juga Bagikan di Google+". Komentar yang kamu bagikan hanya akan terlihat oleh lingkangkan dan orang yang kamu pilih saja.

Mengatur komentar

Kekurangan Dari Komentar Google+

Jika kamu mengaktifkan komentar Google+ pada blogger secara otomatis komentar yang sebelumnya akan menghilang. Dan ini cukup mengganggu apa lagi jika kamu memiliki banyak komentar pada setiap post.

Tidak hanya itu, kamu juga bisa kekurangan komentator pada blogmu. Karena hanya pengguna Google+ saja yang bisa meninggalkan komentar pada blogmu. Padahal pembaca terkadang datang dari berbagai kalangan yang tidak semua memiliki akun Google+. Hal ini dapat mempengaruhi komunikasi dengan para pembaca yang bukan pengguna Google+.

Terlepas dari beberapa kekurangan komentar Google+ tidak ada salahnya mencoba fitur terbaru ini. Semoga saja kedepannya ada pembenahan dari tim Google+ untuk fitur ini sehingga nyaman untuk digunakan.

Selamat mencoba ^_^

Membangun Website dengan CSS (Bagian 2)

Sebelumnya: Membangun Website dengan CSS (Bagian 1)

Di entri kali ini aku akan menjelaskan bagaimana CSS dituliskan bersamaan dengan HTML. Ada 3 cara yang bisa kamu pilih untuk meletakkan CSS, yaitu: sebaris (inline), internal, dan eksternal. Kebanyakan CSS ditulis secara eksternal. Namun, di dalam template Blogger ditulis secara internal. Pasti penasaran dengan apa yang dimaksud penulisan sebaris, internal, ataupun eksternal. Berikut adalah ulasannya.

Penulisan Sebaris

Penulisan CSS dengan cara sebaris adalah cara yang paling mudah dilakukan. Biasanya penulisan sebaris dilakukan apabila hanya ingin melakukan kustomisasi pada satu elemen unik saja, karena dinilai lebih efektif daripada penulisan internal maupun eksternal. Berikut adalah cara menuliskan CSS sebaris:

<div style="width: 300px; height: 200px; background: #ccc;"></div>

Kode di atas akan menghasilkan persegi panjang dengan latar abu-abu, lebar 300px, dan tinggi 200px.

Penulisan Internal

Penulisan CSS selanjutnya adalah dengan cara internal. Penulisan secara internal ini lebih efektif apabila jumlah elemen yang dikustomisasi semakin banyak, namun masih ingin menjadikan antara berkas HTML dan CSS masih dalam satu berkas .html. Cara menulisnya adalah dengan menambahkan elemen <style> pada elemen <head>. Berikut adalah contoh penulisan CSS internal.

<html>
  <head>
    <style>
      body {
        background: #eee;
        margin: 0px;
        padding: 0px;
      }
      #kotak {
        background: #f00;
        width: 500px;
        height: 300px;
      }
    </style>
  </head>
  <body>  
    <div id="kotak"></div>
  </body>
</html>

Penulisan Eksternal

Pada penulisan eksternal, CSS diletakkan di berkas yang terpisah dengan HTML. Berkas CSS dikenal dengan .css. Kelebihan dari penggunaan penulisan CSS eksternal ini, kita bisa melakukan kendali style dengan mudah tanpa harus melakukan penggantian satu per satu di elemen yang terpasang di HTML. Untuk kasus yang sama, penulisan internal sebelumnya akan ditulis dengan penulisan eksternal.

Berkas HTML - index.html

<html>
  <head>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen">
  </head>
  <body>
    <div id="kotak"></div>
  </body>
</html>

Berkas CSS - style.css

body {
  background: #eee;
  margin: 0px;
  padding: 0px;
}
#kotak {
  background: #f00;
  width: 500px;
  height: 300px;
}

Semua gaya penulisan bisa kamu coba untuk menemukan kelebihan dan kekurangannya. Setiap gaya penulisan punya tempat sendiri sesuai dengan kasus yang kamu hadapi.

Selanjutnya: Membangun Website dengan CSS (Bagian 3)

Membangun Website dengan CSS (Bagian 1)

Di era ini banyak sekali website-website yang bermunculan. Kalau dahulu hanya perusahaan-perusahaan besar dan instansi yang mempunyai website, kini personal pun bisa memiliki website sendiri. Banyak penyedia hosting gratisan yang bisa digunakan untuk ajang pembelajaran.

Beberapa orang berpikir bahwa membuat website itu hal yang sulit. Sebenarnya tidak ada hal mudah di dunia ini. Namun, bukan berarti tidak bisa dilakukan sama sekali. Semua butuh pembelajaran dan pembiasaan. Begitu juga dengan membuat website.

Bagaimana Memulainya?

Kebanyakan orang bingung harus memulai dari mana. Itu pun yang aku alami saat pertama kali belajar membuat website. Yang paling mudah adalah dengan memulai memahami sintaks HTML. Tidak perlu untuk memahami semua sintaks. Cukup yang inti saja. Setidaknya bisa membuat halaman sederhana dari HTML. Setelah itu, barulah mulai mengenal CSS.

Mengapa Harus CSS?

Cascading Style Sheet (CSS) mempermudah kita mengatur gaya dari tiap elemen HTML dengan menandainya berdasarkan class dan id yang teratribusi di elemen HTML; tidak perlu repot harus mengatur satu per satu setiap baris elemen. Selain itu, CSS mudah sekali dipahami jika dibandingkan dengan JavaScript. Tak hanya itu, banyak browser yang mendukung CSS. Hingga saat ini, CSS sudah berkembang hingga CSS3.

Tunggu Apa Lagi?

Ayo belajar membangun website dengan CSS bersama Iskael. Topik ini akan dibahas hingga menjadi beberapa ulasan, hingga dirasa sudah cukup untuk menjadi bekal ke tingkat selanjutnya. Jadi butuh kesabaran, karena menulis tutorial tidak semudah membacanya. Begitu juga dengan belajar melalui tutorial ini. Jika kamu pemula, nantinya bakal banyak hal yang belum kamu pahami. Tanyakan saja, jangan malu-malu yah ^_^

Selanjutnya: Membangun Website dengan CSS (Bagian 2)

Mention Akun Google+ Pada Post Blogger

Terkadang dengan sesama blogger kita saling menyebut satu sama lain dalam posting blog. Rasanya kurang asik jika kita hanya menyebutkan nama teman blogger kita tanpa ada link yang menuju padanya. Sekarang dengan fitur Google+ mention kamu bisa menambahkan akun Google+ teman kamu ke dalam post dengan mudah. Apalagi kebanyakan pengguna Blogger sudah menggunakan profile Google+ jadi fitur Google+ mention ini cukup efektif untuk memulai pembicaraan dengan sesama blogger.

Berikut adalah cara untuk mention pada post.

Pada halaman menulis post, tulis simbol “@” lalu masukan nama akun Google+ temanmu.

Ketik "@" untuk mention teman Google+ kamu

Kamu juga bisa menggunakan tanda "+" lalu masukan nama akun temanmu untuk mention.

Ketik "+" untuk cara lain mention teman Google+ kamu

Sekarang nama akun Google+ temanmu sudah muncul pada editor post blog.

Hasil mention akun Google+ pada post Blogger

Secara otomatis akun Google+ yang kamu mention akan dikirimi email pemberitahuan bahwa kamu baru saja mementionnya pada post kamu.

Selamat mencoba ^_^