Halo pembaca setia Semproel Blog saya akan men share sebuah artikel yang akan menjelaskan bagaimana Caranya membuat realted post dengan thumbnail seperti yang akan anda lihat dibawa posting saya kali ini. menurut saya realted post ini sangat menguntungkan bagi blogger karena fungsinya akan menampilkan artikel-artikel lainya yang terdapat pada blog/website kita dan otomatis akan menambah page view blog/website kita (CMIIW).
Ok langsung saja saya bahas bagaimana Caranya untuk membuat realted post dengan thumnail :
1. Buka menu Design lalu Edit HTML
2. Beri centang pada "Expand Widgets Templates"
3. Letakkan kode berikut diatas kode
August 10, 2011
Cara Membuat Realted Post Dengan Thumbnail
7. Lalu Save template anda.
Note :
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi37M0jftpsfWu5kyFdnuZ_IJfPipWYm7eIj8WvAY0SKGiqXUjjv0ZVGvwaWlymhBWituYj4HXmsI4XuzSMd3AGBFrQ52G8D4deAtXfrOpDQTdLqg0hmceaQx4dZDir0G4aFR5Ru4kjtI1V/" code itu menunjukkan gambar yang akan muncul pada postingan yang tidak memiliki gambar. Anda bisa mengganti gambar tersebut dengan gambar yang anda.
var maxresults=5 menunjukkan jumlah postingan yang muncul pada related post. anda bisa menganti jumlah postingan yang mau ditampilkan dengan mengganti angkanya sesuai dengan angka yang anda inginkan.
var splittercolor="#cccccc" menunjukkan warna garis pemisah. Ganti cccccc dengan kode warna yang anda inginkan.
var relatedpoststitle="Anda mungkin menyukai :" menunjukkan judul related post. Ganti teks yang berwarna merah dengan judul yang anda inginkan.
Note diatas menjadikan akhir perjumpaan kita pada posting kali ini terima kasih untuk pembaca setia Semproel Blog semoga artikel yang telah saya bahas diatas bermanfaat bagi anda para pembaca setia Semproel Blog
Dan Saya berterima kasih kepada Mas Herman yang telah men-share script untuk Cara Membuat Realted Post Dengan Thumbnail .
Terima Kasih
Read More.. “Cara Membuat Realted Post Dengan Thumbnail” »»
October 03, 2010
Cara Membuat Iklan Melayang
Banyak sekali sekarang pemilik blog yang mengunakan trik yang akan kita bahas
Jika anda ingin memiliki iklan yang bisa melayang di halaman depan seperti gambar disamping maka anda berada di tempat yang tepat. Disini saya akan menjelaskan bagaimana cara membuat iklan yang akan melayang di depan halaman website atau blog.
Langsung saja ikuti cara - cara di bawah ini:
1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Rancangan
3. Tekan Add Gadget
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Masukan Script Di bawah ini :
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
6. tekan save
selamat mencoba :)
May 25, 2010
Cara Membuat Text Di Bar Menu Berjalan
sebelumnya saya memberikan sebuah penjelasan sebelum kita membaca langkah-langkah di bawa ini. Template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.
Untuk template klasik silahkan ikuti langkah-langkah berikut ini :
1. Sign in di blogger dengan id sobat
2. Klik menu Template
3. klik menu Edit HTML
4. Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula
5. Copy kode berikut ini lalu paste di atas kode
6. Klik tombol Save Template Changes
7. Selesai.
Untuk template baru silahkan ikuti langkah-langkah berikut ini :
1. Sign in di blogger dengan id sobat
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template
5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
6. Simpan kode berikut di bawah kode