oh... cinta... : widget

Showing posts with label widget. Show all posts

Cara Membuat Gadget Label Blog Menjadi 2 Kolom

Cara Membuat Gadget Label Blog Menjadi 2 Kolom, ini adalah cara sederhana agar tampilan blog lebih rapi dan dinamins, oke langsung aja ke TKP:

1. Seperti biasa masuk account blogger.com
2. Pilih "Icon go to post list" ->> Layout ->> Add a Gadget3. Pilih Gadget Label
4. Buka Gadget Label yang sudah terpasang, lalu setting Gadget label, jika sudah simpan Gadget

5. Selanjutnya pilih Template ->> Backup Template
6. Pilih Edit HTML ->> Proceed ->> Centang "Expand Widget Templates"
7. Tekan Ctrl+f untuk mencari cepat kode ]]></b:skin> letakkan kode Css dibawah ini tepat diatas atau jika gagal letakkan dibawah kode tersebut

   <style>
   #Label1 li {
      float:left;
      width:120px;
   }
                  </style>

Keterangan: Cara Buat Gadget Label Blog Menjadi 2 Kolom Agar Blog Anda Hemat Ruangan Dan Terkesan Lebih Rapih.

Uuntuk width:120px bisa Anda gunakan % menjadi 40% atur sesuai kebutuhan halaman Gadget blog Anda.

8. Simpan dan Lihat Hasilnya

Cara Memasang Widget Lintas Berita Di Dalam Postingan

Apa saja keuntungan memasang widget lintas berita untuk blog anda?

Memberi kemudahan dan kenyamanan bagi Anda untuk mempublikasikan tulisan atau berita Anda
Lintas Berita merupakan tujuan utama untuk para pembaca yang ingin mencari berita berita bagus dan penting
Mempublikasikan artikel ke Lintas Berita merupakan tanda bahwa Anda percaya bahwa tulisan Anda berkualitas dan berguna bagi para pembaca
Memberi kemudahan kepada para pengguna internet untuk menemukan berita Anda
Memudahkan pengunjung website Anda untuk menyebarkan tulisan Anda ke Lintas Berita

Berikut cara memasang widget kontribusi Lintas Berita …..

Kunjungi lintasberita.com. Klik Get Widget.
Muncul 3 pilihan widget, anda pilih Widget Kontribusi.
Pada bagian bawah, ada kode seperti di bawah ini :

<http://www.lintasberita.com/kirimmedia/url:<data:post.url/>'> <img src='http://www.lintasberita.com/buttons_lb/lintasberita-100x20.gif' /> </a>

Nah kode di atas kalo di terapkan akan eror Yang bener adalah,

dirubah dikit seperti dibawah ini :

<a href='http://www.lintasberita.com/kirimmedia/url:data:post.url/'><img src='http://www.lintasberita.com/buttons_lb/lintasberita-100x20.gif'/></a>

Login ke akun Blogspot anda, masuk ke Edit HTML
Pilih "Expand Widget Template"
Cari kode <data:post.body/>
Copy paste kode script di atas tadi di bawah <data:post.body/>
Simpan dan Lihat Hasilnya

Cara Mengganti Background Blog Otomatis

Cara Mengganti Warna Background Blog Otomatis – Banyakcara untuk membuat variasi dan memperindah tampilan blog. Salah satunya adalahdengan menempatkan widget untuk mengganti warna background otomatis ini disidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaanmereka. Selain supaya kita juga ngga bosan dengan tampilan background yangitu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkankenyamanan sehingga mereka betah berlama-lama membaca di blog kita. Contoh penggunaan widgetpengganti warna background blog otomatis ini dapat sobat lihat langsung disidebar blog ini.

Cara Mengganti Background Blog :

1. Login ke dashboard blogger anda.

2. Pilih Rancangan > Elemen Laman > Addgadget (HTML/Javascript).

3. Copy script yang ada dibawah ini dan paste padagadget.

<div class="widget-content">
<center><b>Pilih Warna Kesukaan Anda</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1"width="100%" height="20">
<tbody><tr>
<tdonclick="bgChange('#8B008B')"bgcolor="#8B008B">
</td>
<tdonclick="bgChange('#9400D3')"bgcolor="#9400D3">
</td>
<tdonclick="bgChange('#008080')"bgcolor="#008080">
</td>
<tdonclick="bgChange('#808080')"bgcolor="#808080">
</td>
<tdonclick="bgChange('#CD853F')"bgcolor="#CD853F">
</td>
<tdonclick="bgChange('#2F4F4F')"bgcolor="#2F4F4F">
</td>
<tdonclick="bgChange('#DC143C')"bgcolor="#DC143C">
</td>
<tdonclick="bgChange('#4B0082')"bgcolor="#4B0082">
</td>
<tdonclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>

4. Silahkan sobat edit teks tulisan yang berwarnamerah dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaananda. Untuk kode warna dapat dilihat disini.

5. Save / Simpan.

Mudah dan gampang bukan ? Pada widget pengganti warnabackground ini hanya ada 9 pilihan warna background, jika sobat inginmenambahkannya copy saja kode yang terakhir sehingga kolom warna akan bertambah.Kalau masih bingung, baca lagi postingan sebelumnya tentang cara membuat tabel dan kolom. Semoga tips Cara Mengganti Warna Background Blog ini bermanfaatuntuk anda.