Widget Ringan Untuk Blog

Bismillahirrahmanirrahim ...

Akhir-akhir ini saya sempat menghilang dari blog berhubung disini ada masalah PLN yang mengharuskannya mati secara bergiliran. Kali ini saya tidak posting tentang curhat tapi saya ingin berbagi ilmu yang saya miliki, walaupun hanya sedikit tapi mungkin berguna bagi sahabat-sahabat blogger yang belum tahu dan untuk sahabat-sahabat yang sudah tahu mohon diluruskan jika saya salah dalam menjelaskan nanti. Kepada Kak Ami, Mimi dan teman-teman lainnya maaf jika saya telat membagikannya. Bukannya saya pelit tapi hanya menunggu waktu yang pas. Berikut saya akan menjelaskan 1/1 :

1. Cara Membuat Gambar melayang di Blog 

Login Acount blogger teman > Rancangan/tata letak > tambah gadget > lalu copy-paste code berikut:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><img src="http://i1027.photobucket.com/albums/y339/mnvstudio/animations/crows6it.gif" border="0" alt="flying birds Pictures, Images and Photos"/></div>

Lalu save dan lihat hasilnya. Yang berwarna hijau diatas adalah code html untuk burung terbang yang ada di blog saya ini dan kamu bisa ganti dengan code html gambar atau foto mu jika ingin yang lain. Yang berwarna merah itu adalah letaknya dan kamu bisa menggantinya left jika ingin meletakkannya di kiri. Ini juga code yang saya pakai untuk gambar aku blogger indonesia disamping itu. ^_^ hihi ...

2. Cara Membuat Koleksi Foto Berjalan

Langkah-langkahnya sama dengan langkah di atas lalu kamu copy-paste code berikut:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" direction="left" width="100%" height="250" >

<ul>
<li><img src="http://i938.photobucket.com/albums/ad225/iifskyland/6ef21038.jpg" border="0" alt="iif skyland" /></li>

</ul>

</marquee>

 lalu save dan lihat hasilnya. Ganti code yang berwarna hijau di atas dengan code html foto mu. Biasanya code ini " /> akan tampil di belakang foto mu karena dia ada 2 maka hapuslah 1. Ini sebenarnya code untuk Blogroll berjalan namun saya mencoba untuk membuatnya untuk foto dan ternyata berhasil dan teman-teman juga boleh mencobanya. Agar tidak banyak memakai code html kamu harus gabung dulu foto-fotonya di Photoshop atau Photoscape dan pengedit foto lainya agar foto itu jadi satu. Jika tidak kamu terpaksa kamu harus meng-copy code itu untuk semua foto 1/1.

3. Cara Menganti Cursor Blog

Masih menggunakan cara di yang no 1 lalu copy-paste code berikut: 

<style type="text/css">body {cursor:url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"),default}</style>

lalu save dan lihat haslinya. Ganti code warna hijau dengan code cursor yang telah teman-teman siapkan.

Untuk code html gambar dan cursornya teman-tema bisa mengupload foto yang udah di siapkan ke salah satu hosting gambar seperti Photobucket atau ambil gambarnya dari Photobucket.

4. Membuat readmore tanpa code html

Ilmu ini saya dapatkan dari kak Amibae dan saya ingin berbagi juga dengan teman-teman. Cara sangat mudah kok tapi karena agak panjang jadi saya cuma memberikan Linknya dan kamu bisa belajar diblognya Kak Amibae kamu klik aja Disini. Mudahkan.

Itulah beberapa ilmu yang saya miliki semoga bisa membantu teman-teman semuanya. Terima kasih atas perhatiannya. Salam blogger ... semoga semuanya sukses.