Ditulis oleh: Ditulis pada: 7/09/2014
Kompi Saja - sebuah template Blogger sederhana dengan nuansa biru yang saya susun di bulan Ramadhan ini sambil mengisi waktu ngabuburit. Namun entah ada atau tidak yang mau menggunakan template ini hehhhee... Template ini saya rasa cocok untuk Blogger yang senang jeprat-jepret dengan kamera. Sebagai template galeri photo jepretan dari hari-hari petualangan Anda, saya sengaja menampilkan thumbnail gambar di homepage sesuai dengan dimensi photo tanpa cropping. Karena kemungkinan ukuran atau dimensi gambar berbeda-beda, maka otomatis ukuran tinggi postingan di homepage akan berbeda-beda. Oleh karena itu template ini menggunakan skrip masonry untuk merapihkan tampilan homepage-nya. Selebihnya saya sudah menambahkan beberapa elemen blog yang tentunya sudah pernah saya share di sini.
Perhatian! Untuk mendownload di DataFileHost silahkan hilangkan tanda centang pada tulisan "Use our download manager and get recommended downloads" di bawah tombol download.
Untuk search box saya sarankan gunakan Google Custom Search yang pernah saya bahas di sini, tinggal cari kode di bawah ini
<div class='searchform'>
<form action='#'>
<input name='cx' type='hidden' value='partner-pub-006106396690849xxxxx:zxyadxxxxxx'/>
........
........
Ganti tanda # dengan url halaman statis tempat menampilkan hasil pencarian dan ganti value partner-pub-006106396690849xxxxx:zxyadxxxxxx dengan kode site Anda sendiri.
Baca juga: Membuat Google Search Engine Di Blog 2014
Ganti photo profil yang ada di samping judul postingan (sebagai tombol untuk membuka author box di bawah postingan). Silahkan cari kode CSS di bawah ini dan ganti URL image pada background-nya.
.authorphoto{position:absolute;top:-1px;left:0;width:50px;height:50px;cursor:pointer;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvJDym4j_wPr9eeCE1XqLnDjM58ZMn5OGPip9Ce7F6fXkEKde2Ah1yOb44b-4GxunoXqPyHx3BGo8b4QfGGxaJlprDETXdnwPw_MLbisa-Gcn63jNt3wx6S4NYtrYRaTYlZG4USBC7kS0v/s1600/photo2.jpg) no-repeat top center;padding:0}
Untuk iklan yang di bawah header silahkan cari kode di bawah ini
<div class='content-wrapper'>
<div class='outer-wrapper'>
<div class='belowmenu'>
<div class='contoh-iklan'/>
</div>
Silahkan ganti kode <div class='contoh-iklan'/> dengan script iklan Anda. Coba gunakan iklan yang responsive untuk Google Adsense.
Selamat mencoba bagi yang ingin mencobanya hehehehe.... Dan selamat menjalankan ibadah puasa di bulan yang penuh rahmat ini.