Efek Link warna-warni

Saat cursor menyentuh link, maka link tersebut akan berwarna-warni berikut cara membuatnya :

1. Log in ke blog anda
2. Pilih tata letak>>add Gadget>>HTML
3. Lalu copy widget berikut 
<script src="https://sites.google.com/site/tutorialcursorsparkle/rainbow.user.js" type="text/javascript"> /*********************************************** http://jombinabelog.blogspot.com/ ***********************************************/ </script>
4. Save dan test dengan meletakan cursor pada link blog anda
5. Selamat mencob, cukup mudah bukan!

Scroll Box Blog Archive

Banyak cara untuk membuat scroll box blog archive sesuai dengan template yang digunakan, salah satunya seperti ini :

1. Masuk ke dashboard>>log in ke blogger>>Template>>HTML
2. Cari kode <div id='ArchiveList'> dengan menggunakan ctrl+f supaya lebih mudah
3. Anda akan menemukan kode html <div class='widget-content'>
4. Lalu ganti <div class='widget-content'> dengan  menggunakan kode html berikut
<div class='widget-content' style='overflow:auto; height:200px'>
5. Preview terlebih dahulu sebelum anda save
6. Selamat mencoba semoga bermanfaat
7. Jika masih gagal anda bisa menggunakan cara lain, itu berarti template anda tidak sesuai dengan cara yang saya jelaskan di atas.

Widget Tombol Like Faceebook

 

Untuk meningkatkan trafik pengunjung blog biasanya blogger memasang beberapa fasilitas untuk share,like atau sejenisnya, berikut aufa bagi sedikit tetang cara membuat tombol LIKE FACEBOOK tanpa harus login ke Facebook anda. 

Caranya cukup mudah anda hanya tinggal memasang widget ini dengan cara : Login ke blog anda > Dashboard > tata letak > Add Gadget > HTML/Javascript >copy pasate kode di bawah ini > save

Catatan "Anda masukan URL BLOG ANDA dalam kolom yang telah di sediakan dalam kode HTML yang ada copy paste"

Tombol Like Facebook

<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=MASUKAN URL BLOG ANDA&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>

Selamat mencoba semoga bermanfaat.

Cara Membuat Text Box

Text box biasanya di gunakan untuk membuat banner atau memasukan kode HTML biar terlihat rapih, cara memasangnya pun tidak begitu sulit

1. Anda tinggal copy paste bentuk-bentuk text Box di bawah ini ke dalam post yang sedang anda buat dengan mengklik kolom HTML bukan dalam kolom Compose.
2. Lalu masukan Tulisan </textarea> diakhir kode HTML dari bentuk text box yang anda copy atau letakan setelah Tulisan "TEKS/HTML ANDA DISINI"
3. Ganti tulisan TEKS/HTML ANDA DISINI dengan teks atau kode HTML yang akan anda post.
4. Preview terlebih dahulu dengan mengklik kolom compose seblum anda klik save posting anda.
5. Lanjutkan menulis posting anda jika belum selesai di kolom compose

Berikut beberapa bentuk text box yang bisa anda gunakan untuk keperluan blog anda.

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()">TEKS/HTML ANDA DISINI"

<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;" onclick="this.focus();this.select()" >TEKS/HTML ANDA DISINI

<textarea cols="20" name="code" rows="3" style="background: #DAFFBF; border: 2px #295F00 dashed; color: #295f00; line-height: 1.5em; padding: 5px;" onclick="this.focus();this.select()" >TEKS/HTML ANDA DISINI

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;" onclick="this.focus();this.select()">TEKS/HTML ANDA DISINI

<textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;" onclick="this.focus();this.select()" >TEKS/HTML ANDA DISINI

<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;" onclick="this.focus();this.select()">TEKS/HTML ANDA DISINI

Sekian tutorial tentang cara membuat text box semoga bisa membantu

Tulisan Berjalan diblog

Walapun sudah banyak bertebaran di situs web yang lain tapi tidak ada salahnya aufa berbagi kumpulan widget untuk blog beikut ini :

1. Widget Tulisan berjalan

<marquee direction="left" scrollamount="2" align="center"><span style="font-weight:bold;">SILAHKAN TULIS DI SINI</span></marquee>

2. Login ke blog Anda, Tata Letak > Add gadget > HTML > copy paste code di atas > Edit Tulisan > Save

3. Singkat jelas padat, Semoga bermanfaat

Cara membuat link terbuka di new tab

Bagi anda yang ingin membuat link diblog anda secara otomatis akan terbuka di new tab, ga sah bingung simak saja caranya cukup mudah dan simple banget, berikut tutorialnya :

1. Seperti biasanya masuk/log in ke account blog anda

2. Lalu pilih Dashboard > templates > edit HTML

3. Setelah itu dengan menggunakan crtl+f cari code berikut :

<head>

4. Selanjutnya letakan code berikut tepat di bawah <head>

<base target='_blank'/>

5. Setelah proses diatas selesai tinggal anda save templates dan langsung lihat hasilnya

Selamat mencoba