Cara Buat Kotak Scrollbar Pada Posting Blog-Tutorial
Kotak ini dapat di scroll kekanan dan kebawah untuk menemukan teks lain yang tersembunyi sehingga boleh menjimatkan ruang pada blog kita. Untuk menciptakan kotak ini caranya sangat mudah:
1. Buka Blogger. Klik menu Design -> Page Elements
2. Klik Add a Gadget kemudian klik HTML/Javascript
3. Masukkan aba-aba yang dibawah ini:
Maka kesudahannya akan menyerupai ini:
Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti goresan pena yang dicetak tebal diatas dengan <img src="alamat url gambar Anda" /> Catatan: Ganti teks biru yang dicetak tebal dengan alamat alamat gambar anda contoh http://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/herman%20blog%20headline%20v6.gif
Sebagai pola aku memasukkan:
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1GoFyW5e54z4G0NYskZoGpb0L96ufeG6DKqGyw8jhMo3FQJH8UlM-hrMheTBef_TTEg6RoTqXKlw915mAxYdFWRQoVnHTdZMI5MOmsBvO0ASCKjVRGavbk9w7hWQtCTGh1NamJ4M5q72/s320/cuti-cuti+cinta.jpg" /></div>
Maka kesudahannya akan menyerupai ini
4. Kalau sudah. Klik Save kemudian klik View Blog untuk melihat hasil tampilannya
Kode Terbaru Cara Auto
Tukar goresan pena warna merah dengan goresan pena anda
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<span class="fullpost"><blockquote>Letak goresan pena anda disini Letak goresan pena anda disini Letak goresan pena anda disini Letak goresan pena anda disini </blockquote>
</span></div>
Selamat Mencuba!!? Sumber http://johanrakyat.blogspot.com
1. Buka Blogger. Klik menu Design -> Page Elements
2. Klik Add a Gadget kemudian klik HTML/Javascript
3. Masukkan aba-aba yang dibawah ini:
<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar yaitu sebuah kotak yang boleh digulung kekanan atau kebawah sehingga dapat menjimatkan ruang pada blog</div>
Maka kesudahannya akan menyerupai ini:
Kotak scrollbar yaitu sebuah kotak yang dapat digulung kekanan atau kebawah sehingga dapat menghemat ruangan pada blog
Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti goresan pena yang dicetak tebal diatas dengan <img src="alamat url gambar Anda" /> Catatan: Ganti teks biru yang dicetak tebal dengan alamat alamat gambar anda contoh http://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/herman%20blog%20headline%20v6.gif
Sebagai pola aku memasukkan:
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1GoFyW5e54z4G0NYskZoGpb0L96ufeG6DKqGyw8jhMo3FQJH8UlM-hrMheTBef_TTEg6RoTqXKlw915mAxYdFWRQoVnHTdZMI5MOmsBvO0ASCKjVRGavbk9w7hWQtCTGh1NamJ4M5q72/s320/cuti-cuti+cinta.jpg" /></div>
Maka kesudahannya akan menyerupai ini
4. Kalau sudah. Klik Save kemudian klik View Blog untuk melihat hasil tampilannya
Kode Terbaru Cara Auto
Tukar goresan pena warna merah dengan goresan pena anda
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<span class="fullpost"><blockquote>Letak goresan pena anda disini Letak goresan pena anda disini Letak goresan pena anda disini Letak goresan pena anda disini </blockquote>
</span></div>
Selamat Mencuba!!? Sumber http://johanrakyat.blogspot.com
0 Response to "Cara Buat Kotak Scrollbar Pada Posting Blog-Tutorial"
Posting Komentar