Cara Membuat Scroll Box untuk Widget

Meletakkan sesuatu widget  untuk blog agar terlihat menarik. Walau bagaimanapun, adakalanya widget tersebut boleh 'menggangu' pandangan jika mengambil ruang yang agak besar untuk blog.

Salah satu penyelesaianya adalah dengan menjadikan widget tersebut boleh scroll. Ini secara tidak langsung dapat mengurangkan ruang yang digunakan dan menjadikan blog anda nampak lebih rapi.



Scroll box ini juga sesuai dengan widget apa saja yang anda mau. Antara widget yang sesuai menggunakan scroll box ini adalah Mister Linky. Ini karena jika jumlah pengunjung yang meletakkan url sangat banyak, ruang yang digunakan juga akan bertambah.

Secara ringkasnya, apa saja widget yang memakai kode HTML boleh menggunakan cara ini untuk dijadikannya scroll

Tutorial untuk membuat scroll box adalah seperti berikut:

1. Dari dashboard > design > add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang  telah letakan di blog)

2. Kemudian masukkan/ubah kode widget seperti berikut.

<div style="width:426px;height:100px;overflow:auto; ">

Letakkan kode widget anda disini

</div>

Catatan :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki

3. Apabila selesai, save dan lihat hasilnya..





Tertarik mencobanya Sob..hehe...

Read More

Cara Membuat Background Dalam Sebuah Postingan

Background sebuah post biasanya akan mengikut default yang telah ditetapkan dalam setting blogger. Tetapi ada satu trick yang boleh digunakan untuk menjadikan background yang berbeda untuk entri yang dikehendaki saja.
Tutorial untuk membuat background untuk post adalah begitu senang.

Apa yang bagusnya adalah, anda boleh pilih gambar apa saja yang anda mau untuk background dan anda boleh pilih untuk meletakkan dalam  untuk blog anda.

Apabila anda login pada blog anda, letakkan kode ini dalam new post anda. (pastikan waktu kode ini di paste, new post anda dalam keadaan 'edit html' bukan 'compose'- ini untuk menghindari kode warna dicopy sekali.

<div style="background:url(Link gambar disini) no-repeat;">
masukkan segala entri untuk blog anda disini.
</div>

- Letakkan link gambar pada tulisan biru (kalau anda upload dalam blog kemudian copy url gambar )
- jika anda menggunakan gambar bersize kecil, kemudian buang no-repeat.
-letakkan apa saja entri anda seperti biasa dalam kawasan merah. Atau kalau mau lebih mudah, buat apa saja entri, tetapi ending mesti ada </div>

Itu saja.
Apabila anda membuat entri baru anda akan lihat hasilnya.

p/s:
-pastikan anda pilih backgdround yang pas agar pengunjung blog anda tidak pening membaca.

Read More

Cara Membuat Letak Iklan Statik Nuffang

Adakah anda sudah mempunyai akun Nuffang  Iklan.?.
Kalau ada, dimanakah anda letakkan iklan anda itu..(skyscraper)?

Memasang iklan secara statik adalah meletakkan iklan pada kedudukan yang tetap dalam sesebuah blog walaupun entri telah di'scroll' ke bawah


Anda scroll  mana pun  tetap berada pada kedudukan itu. Kelebihan.? Nanti akan dibahast bawah, Nyok kita lihat cara yang yang perlu dilakukan untuk letak iklan  statik ini:

Owh, sebelumnya mungkin ada yang bertanya 'Letak iklan statik tidak menyalahi tema dan syarat Nuffang kah?'
 
Ini jawaban dari nuffnang sendiri.

Yes, it is allowed for a blogger to place his ad unit static as shared by you. That position is no doubt desirable and advertisers would love to advertise on such placement.

However, bear in mind that the desirability for a Skyscraper ad unit is the same if it\'s placed;
- the top gadget of a sidebar
- visible upon loading of the page
- visible at all time (static ad)

As such, it doesn\'t really make a big difference, but nevertheless, advertisers will pay more attention to blogs which embed the ad units as a static ad.

Cheers,
Robb Chew
Blogger Relations Executive

Nuffnang Sdn Bhd

Cara-cara untuk meletakkan iklan statik adalah seperti berikut.

1. Login akun Nuffnang untuk pastikan kode iklan Nuffnang untuk Skyscraper



2. Copy kode di bawah, kemudian letakkan di HTML/javascript dalam blog anda
( Dashboard > Layout > Page elements > Add a gadget > HTML/javascript )

<div style='display:scroll; position:fixed; bottom:5px; right:5px;'>Letak Kod Nuffnang Sini</div>

rincian :
i.) Nilai 5px boleh diubah. Nilai ini menentukan jarak dari bawah dan jarak dari kanan.
ii.) Masukkan kod iklan Nuffnang yang diambil dari step 1. (pastikan kode  untuk Skyscraper)


UPDATE: Jika anda hendak membuat kode bersama tulisan kerlap-kerlip "nyok, kita liat aja..hehe"
kodenya adalah seperti dibawah:

<div style='display:scroll; position:fixed; bottom:5px; right:5px;'><blink>Ai, takkan tengok je.:)</blink>Letak Kode Nuffnang Sini</div>

3. Save, kemudian lihat kesannya dalam blog anda.:)

Bagaimana, tertarik...agagagag ahiag ahiag,,,

-----------------------------------------------------------

Kelebihan meletakkan iklan secara statik.

1. Barangkali untuk pengunjung melihat iklan itu adalah sangat tinggi. karena iklan itu muncul sendirinya walaupun scroll ke bawah.

2. Barangkali untuk klik juga adalah tinggi.

3. Advertiser lebih berminat untuk beriklan di blog anda.

4. Berdasarkan kepada no1,2 dan 3, maka earning anda pun akan bertambah


Sukses   ea  sob...!!!

Read More