5 menit Membuat Design Template Responsive di blog

Membuat template blog menjadi responsive sangatlah mudah , kita perlu menambahkan meta tag media-queries.js dan mengubah ukuran pixel menjadi persen​

Berikut Cara Membuat Design Template Responsive Sendiri di Blog

1. Pertama pasang dulu meta tag dibawah ini diatas kode </head>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   Perhatian MS Internet explorer versi 8 dan yang lebih rendah tidak support tag di atas, tapi tenang aja anda bisa menggunakan bantuan respond.js maupun media-queries.js di IE dengan meta tag berikut ini :

Membuat Popup Keren dengan CSS3 Murni, Tanpa JS sama sekali!

Kawan-kawan disini, yang kebanyakan blogger pasti sudah tidak asing dengan popup. Saya juga yakin, beberapa dari sobat pasti memakainya di blognya masing-masing. Popup emang efektif untuk mendorong pengunjung untuk melakukan sesuatu yang kita inginkan, seperti like Fans page facebook, follow twitter ataupun berlangganan.

Pembuatan popup ini biasanya menggunakan javascript atau jquery. Apalagi yang pakai timer. Penggunaan javascript sama jquery ini biasanya berefek pada kecepatan loading blog kita, bikin lola. Oleh karena itu, saya disini akan memberikan solusi dengan membuat popup dengan menggunakan teknik CSS3 murni, sehingga lebih ringan, interaktif dan tentu saja lebih mudah..

tutorial

Ganti

Nah, sekarang bagaimana cara menampilkannya? Jika template Anda bukan default blogger, artinya template hasil download dari "pihak ketiga", biasanya sudah ada link menu halaman statis di dalam template.

Anda tinggal ganti link dan nama halamannya, misalnya seperti ini:

<div class='Menu'>

<ul>

<li><a href='/'>Home</a></li>

<li><a href='#'>About</a></li>

<li><a href='#'>Contact</a></li>

</ul>

</li>

Ganti tanda pagar (#) dengan link halaman Anda, misalnya: 

<li><a href='http://contohblognih.blogspot.com/p/about-cb.html'>About</a></li>

Dari mana mendapatkan linknya? Lihat gambar di bawah. Klik kanan di menu "View" dan klik "Copy Link Address".  Coba paste di Notepad. Itulah link halaman statisnya!

Disini

Disini dijelaskan apa itu halaman statis dan apa bedanya dengan dinamis, serta bagaimana cara membuat halaman static pada blog baru, ..