Selasa, 18 Januari 2011

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.

57 komentar:

van mengatakan...

makasih tutonya kawan.. ijin save ya.. buat praktek

Syaifullah Arifin mengatakan...

Van: Silahkan sobat ku ...
kamu boleh menyimpanya tapi jika ingin share balik mohon pakai etitut ok sobat..

Mr. Gondrong mengatakan...

Ini nih yg harus saya tau.. biar taunya g cuma alat2 bengkel melulu.. hehehe..

Syaifullah Arifin mengatakan...

Mr. Gondrong: hehe... kamu kerja bengkel ya sob...
lau gitu ambil aja ilmu mna yg kamu suka dri sini...

lintasberita mengatakan...

Selamat pagi,salam kenal ya kunjungan pertamaku nih,makasih ya info ttg widgetnya,apalagi bagi saya nih yg baru pertama kali punya blog,tukeran link yuk jika berkenan kunjungi aja blog ku http://blog.umy.ac.id/lintasberita/

Leo mengatakan...

Hehehe....PLN....Musuh utama saya :)

rezkaocta mengatakan...

ahaiii..ada apa dengan PLN??harap maklum kalo pemadaman,, :)
q comot widget yg pertama y if....,langsung dipraktekin.Tengkyuh!
^-^

Ihsanul Huda mengatakan...

Thanks sharing tutorialny kawan, btw widget-widget d sini pada dcopotin y..

Aku suka gambar burungny, ijin sedot y buat koleksi..

Thanks..

om digit mengatakan...

wah wah senang tutorial juga kawand yg satu ini

Penghuni 60 mengatakan...

wah, blogmu jd enteng sob... eh kyknya ada yg berubah ya ama templatenya, atw cm perasaan aku aja...

Syaifullah Arifin mengatakan...

Lintas berita: Salam kenal juga sobat.. mkasih ya atas infonya.. jika kmu suka widgetnya ambil aja..
ok aq pasang link nanti..

Leo: Sama sob.. saya paling benci kalau mereka itu mematikan sering2.. jdi rugi usaha saya.. hehe

Rezka: itulah ka.. walaupun maklum tpi kta kn rugi besar ka.. comot ajja.. emng utk di comot kok... hehe.. jgn orgx aja yg di comot...

Ihsanul: Sama-sama sobat.. saya izinkn kmu untuk menyedotx sobat q...

Om Digit: Hehehe. iya boss... kan buat teman-teman jga...

Penghuni 60: Iya sobat... aq lagi belajar ngedit css nya aq kemaren rubah backgroundx...
itu memang benar sob..

SekNeg Suradita mengatakan...

dicontek yaa yang cursor nyaa...
thx

Syaifullah Arifin mengatakan...

Iya sob.. silahkan...

asalkan digunakan utk yg baik...

Kay mengatakan...

wow, thnks for your info my friends....
please follow me, I'll do the same

Ajeng Sari Rahayu mengatakan...

Senangnya kalau masih ada yang mau berbagi If, makasih tips nya..insyaAllah di coba kalau kepingin,hhe :)

sibutiz mengatakan...

wach,tuto yang sangat simpel da membantu nich ka..
ijin save kode2 nya ya ka..
maksih

mj mengatakan...

Save dulu ah,,, kali aja kapan2 mau dipake ni widgetnya, makasih ya if.. :)

thya mengatakan...

asiiikkk.. mau di coba ahhh..
izin save yaa..
salam kenal :)

Syaifullah Arifin mengatakan...

Kay: OK! my friends.. your welcome i'll visit you back... thank u...

Ajeng: Iya Jeng.. sama-sama, save aja jika ajeng mau... nanti bakal di butuhin...

Entiz: Iya de' save ajj... thank's jga ya...

MJ: Sama-sama Miss .. makasih balik yah..

Thya: Coba ajj Thya .. di izinkan... hehe ^_^..

salam kenal juga...

sepak bola news = soccer mengatakan...

salam persahabatan apa kabar mas? tipsnya bagus boleh dicoba kayaknya untuk menambah tampilan. oo ... ia lam kenal mas - ditunggu partisipasi sobat di blog saya - sukses yang dengan tutorialnya ? tks

Syaifullah Arifin mengatakan...

Sepa bola: Salam persahabatan juga sobat...

coba ajj sob itu mgkn berguna untuk mu... salam kenal juga ya...

maksih atas kunjunganx... sukses juga untuk mu..

John Terro mengatakan...

salam kunjungan :D

Nyayu Amibae mengatakan...

wah..wah.. dik.. terima kasih banyak ya... ^_^

Syaifullah Arifin mengatakan...

Jhon Terro: Salam juga sobat ku.. makasih banyak yah..

Kak Ami: Wahh wahh.. kenapa kak ??

sama-sama... blogx mkin keren aja ya kak..

Insurance Finance mengatakan...

posting bagus sehingga ga salah jika saya mampir lagi. Sukses ya gan

Salam, Sepak Bola News = Soccer/足球新闻

Syaifullah Arifin mengatakan...

Insurance: hehe... makasih sob atas pjiannya...

sukses juga untuk mu..

tpi saya heran profil mu tidak bsa di temui...

Arfa Hiday mengatakan...

di coba gan! IN MY COMPUTER (IMC)

Syaifullah Arifin mengatakan...

Arfa Hiday: OK sobat ku... coba aja...
makasih ya comentarnya ...

sichandra mengatakan...

mantaap nih widgetnya kawan , semoga dapat bermanfaat bagi kita semua :)

Syaifullah Arifin mengatakan...

Sichandra: Amiinnn.. makasih sobat atas doa dan semangatnya...

Via-91 mengatakan...

Wah terimakasih ya mas ilmunya.. Bisa langsung via terapin nih :)
Sentuhanmu di blog ku sangat berarti sobat :)
Salam blogger...

Maz Evan mengatakan...

Wah, keren infonya...
ijin wat saya pake ya bos??
:)

Syaifullah Arifin mengatakan...

Via: Sama Via.. jgn panggil Mas Ah... saya ini orang Padang... hihi pnggil iif aja... terapin aja...
salam blogger juga..

Maz Evan: Ga' juga ah... di izinkan sobat.. pakai saja...
makasih ya atas komentarnya..

Abdul Sidik mengatakan...

bagi yang memiliki masalah lola (loding lama) wajib nich baca artikel ini...

Syaifullah Arifin mengatakan...

Abdul Sidik: ok sobat ku.. makasih ya informasix....
Oh iya blog q loadx lama ya sob??

Abdul Sidik mengatakan...

wah kalau yang punya agan, mantap! jauh dari kriteria lola...semuanya jreeeeng!

Syaifullah Arifin mengatakan...

Abdul: Hahh.. masa' iya sih gan... blogx agan jga g' lola kok...
makasih ya sobat... salam sukses...

Muhammad Sabili (Sabili Usahawan) mengatakan...

makasih infonya

Syaifullah Arifin mengatakan...

M. Sabili: sama-sama sahabat ku...

Carita Ki Sunda mengatakan...

Met pagi kawan, maaf saya lama offline ,ya makasih ni dah share ilmu nya...

Syaifullah Arifin mengatakan...

Pagi juga Ki.. ga' apa-apa Ki saya ngerti kok...

sama-sama Ki,,, semoga berguna untuk semua sahabat blogger...

sewa komputer surabaya mengatakan...

boleh infonya gan....thanks

Syaifullah Arifin mengatakan...

to Sewa Komputer Surabaya : Thank's ya Sobat udah coment...

Kang Asep mengatakan...

Mantaaab kang tutorialnya... lain kali saya coba deeh.

Syaifullah Arifin mengatakan...

to Kang Asep : Makasih ya Kang...

obi usammah mengatakan...

thanks mas

hotbookmark mengatakan...

kolom tutorial dipisah di http://kangkam.blogspot.com bos :D

hotbookmark mengatakan...

bos, buku tamu yang slider itu tutorialnya sebelah mana ?

Syaifullah Arifin mengatakan...

to Obi : Sama-sama sobat ku....salam kenal yah..

to Hot Bookmark : Wah.... kalau itu saya tidak postingin sob soalnya itu postingan teman saya .. jadi ga' mgkn saya ulangi ntar jdix ga' enak dong...

coba aja cari di google keywordnya : Buku Tamu melayang ..

mariokom mengatakan...

salam kenal.....
wah.... mantap artikelnya, seperti harus dicobat tuh mas.

Syaifullah Arifin mengatakan...

to Mariokom : Salam kenal juga sobat...

thank's ya atas kunjungannya... silahkan dicoba sobat ku...

Faril mengatakan...

yang poin 3 (Mengganti cursor blog), tulisannya over tuh..sampe nglewatin side-bar kanan..

Faril mengatakan...

kalo untuk url koleksi gambar cursor yang bisa dipake ada nggak??

Syaifullah Arifin mengatakan...

to Faril : Wah.. over yg mn nih sob ? aq ga' ngerti..

ada sob aq kirim ke blog mu aja ya..
thank's udah koment dan berkunjung..

salam KBw /20' dan blogger..

Rindu Surga mengatakan...

Terim kasih atas Share Infonya, sangat membantu memperindah Blog saya...
Visit Back Ya...

Mukhlis Agung Putra mengatakan...

thanks,bermanfaat ;)

Yonda Wahyu Kurniawan mengatakan...

Bagus...
Kunjungi blog saya ya?
http://sharkathon.blogspot.com/

Posting Komentar

Barangkali ada pertanyaan, silahkan komentar dibawah sini!

Tentang Penulis

Foto saya

Hamba Allah SWT | Bukan Perokok | Kalau suka ikuti, kalau nggak ya tinggalin | Ada masalah?