"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum."
Cara Membuat Kotak Iklan 125x125
Nah buat sobat yang mau mencoba berikut langkah langkahnya :
1. Masuk ke Blogger.com Template >> Pilih Edit HTML + Lanjutkan
2. Kemudian cari kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>
.kotakiklan {background:#fff;padding: 5px 5px 5px 5px;text-align: center;}
.kotakiklan img {background:#fff;width:125px;height:125px;margin: 3px 3px 3px 3px;padding:5px 5px 5px 5px;text-align: center;border: 1px solid #ddd;}
.kotakiklan img:hover {border:1px solid #980000;}
3. Selanjutnya masukan kode HTML di bawah ini dalam Gadget HTML/JavaScript.
<div class="kotakiklan">
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
</div>
Kode yang berwarna biru adalah link dan Judul Iklan dan yang berwarna merah adalah gambar iklannya,silahkan sobat sesuaikan dengan iklan sobat.
4. Terakhir klik Simpan dan lihat hasilnya.Demikian cara membuat Kotak iklan 125 x 125 diblog semoga bermanfaat.
Label:
Pengetahuan,
Tutorial Blog
Cara Membuat Scroll Pada Popular Post di Blog
Kurang lebih Hasilnya seperti gambar dibawah ini:
Langsung saja, berikut tutorial Cara Membuat Scroll Pada Popular Post di Blog tentunya dengan sangt mudah sob,,,,, cekidot !!!!!
Cara Membuat Popular Post/Entri Populer dengan Fungsi Scroll
Cara 1
Cara membuat Scroll Pada popular Posts, Artikel Populer, Memberi Scroll Pada Widget .
- Login ke Blogger
- Klik rancangan >> edit html >> klik centang “expand template widget” dan tekan ctrl + f untuk memudahkan pencarian kode.
- Cari kode <div class='widget-content popular-posts'>
- Jika sudah ketemu, silahkan ganti kode tersebut dengan kode berikut ini :
<div class='widget-content popular-posts' style='overflow:auto;width:ancho;height:300px'>
Keterangan: angka 300 bisa sobat ganti sesuai keinginan sobat.
5. Jika sudah, klik simpan template.
Bagaimana sobat? Mudah bukan carannya? Kalau masih lom berhasil pindah cara 2. OK
Cara 2
Cara Membuat Scroll Pada Popular Post di Blog
Cara Membuat Scroll Pada Popular Post di Blog :
1. Login ke blogger dengan akun sobat
2. Masuk ke halaman Template
3. Klik Edit HTML
4. cari kode ]]></b:skin>
(gunakan Ctrl+F)
5. copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>
1. Login ke blogger dengan akun sobat
2. Masuk ke halaman Template
3. Klik Edit HTML
4. cari kode ]]></b:skin>
(gunakan Ctrl+F)
5. copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>
#PopularPosts1 .widget-content{
height:200px;
overflow:auto;
}
6. Ganti angka 200 dengan tingginya
7. Simpan dan lihat hasilnya
7. Simpan dan lihat hasilnya
Sekian Dulu Cara Membuat Scroll Pada Popular Post di Blog, Sekarang tampilan popular post sobat lebih simple dan keren
Label:
Tutorial Blog
Subscribe to:
Posts (Atom)