Home » Archives for 2013-07-14

Cara Membuat Kolom Scroll pada Data Blog

Posted by Ritzberbagiilmu Friday 19 July 2013 3 comments
Cara Membuat Kolom Scroll pada Data Blog - Kali ini saya akan mengshare bagaimana cara membuat kolom scroll di bagian Widget/Gadget anda. Kolom Scroll merupakan salah satu cara untuk memperindah, meringkas, menghemat tempat pada blog kita. Lalu bagaimana cara untuk membuat kolom scroll di Widget/Gadget?

 Untuk membuat kolom Scroll pada Data Blog
Begini caranya:
  • Masuk ke Blogger anda
  • Buka Tata Letak
  • Pilih Tambahkan Widget/Gadget
  • Pilih Gadget HTML/Java Script
  • Kemudian masukkan Code Script dibawah ini

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan/Script anda disini
</div>
</span></span></span>

Keterangan:
Merah: untuk mengatur ukuran kolom Scroll
Biru: anda bisa masukkan Postingan/Script/Gambar/Iklan anda
  •  Jika sudah selesai klik Simpan
Untuk contoh anda bisa lihat di bagian Data blog saya


Sekian artikel dari saya tentang Cara Membuat Kolom Scroll pada Data Blog  dari saya semoga bisa bermanfaat bagi anda dan dapat menambah pengetahuan anda. Jika anda mengalami kesulitan bisa tinggalkan komentar dibawah ini oke:)

Cara Membuat Spoiler Pada Postingan Blog

Posted by Ritzberbagiilmu Sunday 14 July 2013 1 comment

Cara Membuat Spoiler Pada Postingan Blog - Kali ini saya akan mengshare tentang Cara Membuat Spoiler Pada Postingan Blog. Sebelumnya ada yang tau gak apa itu Spoiler? Spoiler adalah Salah satu cara kita untuk menghemat tempat pada postingan kita dikarenakan postingan yang memiliki gambar/script yang panjang dengan memakai Spoiler akan menghemat tempat sekaligus loading semakin cepat. 

Lalu Bagaimana Cara Membuat Spoiler tersebut di Postingan Blog kita? Disni saya akan membahasnya tentang Bagaimana Cara Membuat Spoiler di Postingan Blog kita. Berikut langkah-langkah yang harus anda jalankan untuk membuat Spoiler tersebut.

Langkah-Langkah Membuat Spoiler di Postingan Blog:

Langkah 1, Yang pasti anda harus Login terlebih dahulu di Blog anda.

Langkah 2, Kemudian buat Postingan Baru

Langkah 3, Jika sudah, Pada menu Entri, Pilih mode penulisan HTML (jangan Compose), karena jika anda menggunakan Compose, Code Script ini tidak akan berfungsi.

Langkah 4, Masukkan Kode Script dibawah ini
Code Script:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
 Judul Spoiler:
<input value="Show"style="margin: 0px; padding: 0px; width: 60px;
font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName
('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode
.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0]
.style.display = ''; this.innerText = ''; this.value = 'Show'; } else { this.parentNode
.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0]
.style.display = 'none'; this.innerText = ''; this.value = 'Close'; }" type="button">
</div>
<div class="alt2" style="border: 2px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">Letakan Gambar/Code Script/Postingan Anda di sini<br>
</div>
</div>
</div>
Keterangan:
Merah : Anda bisa pilih ganti dengan kalimat lain untuk membuka Spoiler
Biru : Anda bisa pilih ganti dengan kalimat lain untuk menutup Spoiler
Hijau : Anda bisa pilih ganti dengan kalimat lain untuk memberikan judul pada Spoiler
Ungu : Anda bisa isikan dengan Gambar/Script/Postingan yang akan anda berikan

Notice
Untuk menyisipkan gambar gunakan Atribut <center><img src="Letakkan URL Gambar anda disini"></center>

Langkah 5, Jika sudah selesai Klik Publikasikan, sekarang lihat hasilnya.


Sekian artikel dari saya tentang bagaimana Cara Membuat Spoiler Pada Postingan Blog. Semoga bermanfaat bagi anda dan dapat menambah ilmu anda dalam dunia Blog. Jika anda mengalami kesulitan bisa tinggalkan komentar dibawah ini oke:)

Copyright © 2012 RitzNews.com. All rights reserved.

Super SEO created by Blogger Tuts | Published by GalleryBloggerTemplates.com