get this widget here

Image Magnify


Image magnify merupakan salah satu kesan khas yang digunakan terhadap gambar yang dipost dalam sesebuah entri untuk mencantikkan dan menjadikan ianya lebih unik berbanding kaedah² yang melihat gambar yang lain.

Contoh gambar yang diaplikasikan image magnify ini boleh dilihat disini
Image Magnify - Test Mode



Dengan menggunakan image magnify, gambar dapat dipertontonkan kepada pengunjung samada untuk diperbesarkan atau diperkecilkan tanpa memerlukan dibuka kepada new tab. dan yang menariknya cara zoom in dan zoom out ini mempunyai kesan khas yang menakjubkan.

Berikut adalah tutorial untuk image magnify ini.


1) Copy code di bawah, kemudian letakkan di HTML/javascript dalam blog anda.
(Dashboard > layout > add page element > HTML/javascript )
Jika masih tidak jelas lag
i, klik sini.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="
http://www.yourjavascript.com/610310434009/unwanted86.blogspot.com.js" type="text/javascript">

/***********************************************
* Kod telah di'edit' oleh unwanted
* Pastikan notis ini tidak dibuang untuk menghargai kerja² edit yang dilakukan oleh unwanted
* -- Sharing Is Caring -- http://www.unwanted86.blogspot.com --
***********************************************/
</script>


2) Apabila sudah letak code tu, save sahaja seperti biasa..

Siap untuk bahagian letakkan kod asas..

Seterusnya, adalah kod yang anda perlu letakkan bersama dengan url gambar yang anda hendak post dalam blog..(kod asas tadi perlu letak sekali je. Kod bawah ini diperlukan untuk membuat kesan tersebut pada gambar.)

<img src="url gambar disini" class="magnify" data-magnifyby="2" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in; " />


Keterangan :

  • url gambar disini : Masukkan url gambar.
  • 2 : Skala pembesaran. Bergantung kepada width dan height. Nilai lebih besar dari 1 akan membesarkan gambar, nilai kurang dari satu akan mengecilkan gambar contoh 0.5
  • 200 : Masukkan lebar gambar yang anda rasakan bersesuaian
  • 150 : Masukkan tinggi gambar yang anda rasakan bersesuaian


Letak Iklan Nuffnang Statik


Adakah anda sudah mempunyai akaun Nuffnang.?.
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 macam mana pun ianya tetap berada pada kedudukan itu. Kelebihan.? Nanti akan dicerita kat bawah, jom kita tengok cara yang yang perlu dilakukan untuk letak iklan nuffnang statik ini.


Owh, sebelum tu. Mungkin ada yang bertanya 'Letak iklan statik tidak menyalahi terma dan syarat Nuffang ke.?'

So ini jawapan 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 letakkan iklan statik adalah seperti berikut.

1. Login akaun Nuffnang untuk pastikan kod iklan Nuffnang untuk Skyscraper






2. Copy kod di bawah, kemudian letakkan di HTML/javascript dalam blog anda
( Dashboard > Layout > Page elements > Add a gadget > HTML/javascript )
Kalau masih tak faham 
rujuk sini.

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


Penerangan :
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 kod adalah untuk Skyscraper)


UPDATE: Jika anda hendak kod bersama tulisan kelip² "aik, takkan tengok je" kodnya adalah seperti dibawah.


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


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

Bagaimana, senang bukan..:)


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

Kelebihan meletakkan iklan secara statik.

1. Kebarangkalian untuk pengunjung melihat iklan itu adalah sangat tinggi. Kerana ianya muncul sentiasa walaupun scroll ke bawah.

2. Kebarangkali 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..:)

Cara Buat Gambar Bergerak ( Scrolling Image )


Membuat scrolling image dapat memberi pandangan yang berbeza berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai senarai list dalam bentuk gambar seperti banner ataupun mendapat tag daripada blogger lain.

Contoh scrolling image adalah berikut.





Pergerakan setiap gambar dapat diubah samada dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.


Contoh kod bagi scrolling image adalah seperti berikut.




<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

Penerangan:
Arah pergerakan gambar : boleh ditukar kepada up, down dan right.Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.

Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget

Link Dalam Blog Warna-Warni ( Rainbow Link )

Rainbow link merupakan salah satu trick yang diaplikasikan kepada link yang ada dalam sesebuah blog. asalkan cursor mouse dilalukan pada sesuatu link, link tersebut akan berubah menjadi warna-warni dengan warna yang tertentu.
klik disini untuk lihat contoh blog yang menggunakan trick link warna warni ini.

Tutorial untuk menjadikan blog anda juga mempunyai link berwarna-warni adalah seperti berikut.
1.) Copy code di bawah ini
.
<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript">
</script>


2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget




Bagaimana Letak Kod HTML pada blog


3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ
.



Bagaimana Letak Kod HTML pada blog


4) Siap dan save. Itu sahaja. Senang bukan.:)


Ketahui Komen Pada Entri Melalui Email


Mengetahui siapa yang komen pada sesebuah entri adalah penting bagi seseorang blogger samada untuk mengetahui respon daripada pengunjung ataupun memberi maklum balas jika ada perkara yang ditanya oleh pengunjung kepada pemilik.

Contohnya begini. Anda ada blog kan. dan sudah tentu anda ada entri yang banyak dalam blog anda. Katakan anda ada entri bertarikh 12 Februari 2009, bagaimana anda hendak tahu jika ada orang komen pada entri tersebut pada hari ini.? Takkan anda hendak periksa semua entri anda untuk pastikan samada ada komen baru atau tidak. Bukankah itu menyusahkan dan begitu membuang masa.:)

Oleh itu, terdapat cara mudah untuk para blogger untuk ketahui samada entri anda baru sahaja dikomen oleh seseorang.Dan anda akan dapat tahu melalui email.
1)Login akaun anda, dan dari dashboard, klik pada setting

Ketahui Komen Pada Entri Melalui Email


2)Selepas itu klik pada comments


Ketahui Komen Pada Entri Melalui Email


3)Apabila paparan sudah dibuka, scroll sampai bawah sehingga anda jumpa 'comment notification email'. Masukkan email anda. anda juga boleh masukkan lebih dari satu email, kemudian save.. siap..:)


Ketahui Komen Pada Entri Melalui Email


Apabila ada seseorang yang komen pada entri anda, contoh yang keluar pada email yahoo adalah seperti berikut.,


Ketahui Komen Pada Entri Melalui Email


So senang untuk anda ketahui bila dan entri apakah yang mempunyai komen terbaru.

Suka tutorial ini.?

Buka Link Baru Apabila Klik Pada Gambar


Apabila upload gambar menggunakan kaedah yang telah tersedia oleh blogger.com, secara default gambar tersebut akan dibuka pada page yang sama.

Ada ketikanya ianya bagus apabila merujuk kepada blog yang sama, tetapi kurang bagus apabila seorang blogger hendak merujuk kepada tempat lain. ini kerana apabila buka pada page yang sama, pengunjung terpaksa menekan button back untuk kembali kepada blog asal.

Tutorial ini akan menerangkan bagaimana untuk menjadikan gambar yang mempunyai link akan dibuka pada tab yang baru apabila diklik.

Perhatikan kedua-dua gambar ini, sila klik pada keduanya.

1)Gambar 1
Buka Link Baru Apabila Klik Pada Gambar


2)Gambar 2

Buka Link Baru Apabila Klik Pada Gambar


Gambar pertama tidak memberi kesan apa², tetapi gambar kedua membawa anda ke yahoo.com .(memang sengaja di'link'kan kepada yahoo).

Jangan terkejut jika tutorial ini sangat mudah.:)




<a href="Letakkan link untuk dibuka disini" target="_blank" >
<img src="Letakkan url gambar disini"/></a>


Sebagai contoh, untuk kod gambar kedua adalah seperti ini


<a href="http://www.yahoo.com" target="_blank" >
<img src="http://www.google.com.my/intl/en_com/images/logo_plain.png"/></a>


  • Untuk gambar kedua, link akan dibuka pada tab baru. Jika anda ingin link dibuka pada page yang sama, buang target="_blank"
  • Kaedah lain untuk buka link dalam page yang sama boleh guna terus aplikasi upload gambar dan letak link yang ada masa buat new post.:)

Tutorial Tukar Template Blog


Menukar template blog dapat mengubah rupa blog asal kepada paparan yang lebih menarik.
Adalah biasa bagi seseorang pemilik blog inginkan blognya tampil menarik berbanding template asal. 


cara tukar template blog


Tutorial ini akan menerangkan dengan ringkas cara-cara untuk menukar template sesebuah blog.

Sebelum menukar template blog, pastikan anda sudah mempunyai template yang dikehendaki.
Jika anda masih belum lagi mempunyai template, sila rujuk kepada entri ini.

website untuk mencari template blog.

Berikut adalah langkah-langkah untuk menukar template blog.

1. Login akaun kemudian daripada dashboard klik layout > edit html




tutorial tukar template blog


2. Baca penerangan berdasarkan gambar di bawah.



tutorial tukar template blog

    1. Klik browse 2. Pilih template yang anda telah download 3. Klik open 4. Klik upload


3. Apabila klik upload, paparan berikut akan keluar, klik pada 'keep widget'



cara tukar template blog


4. Setelah selesai anda boleh view blog anda.:)

Website Untuk Download Template Blog


Sebelum menukar template sesebuah blog, perkara yang diperlukan adalah template yang hendak ditukar. Seseorang pemilik blog mesti mengetahu template bagaimana yang hendak digunakan untuk blognya.

Jika anda seorang pemilik blog dan masih belum lagi mempunyai template yang hendak digunakan, anda boleh mendapatkan pelbagai jenis template secara percuma dan pelbagai jenis yang dirasakan sesuai untuk blog anda.


Website untuk download template blog


Template sesebuah blog adalah dalam format .xml (oleh itu pastikan jika anda download file dalam bentuk zip/rar, anda extract dahulu file tersebut.)



Website untuk download template blog


Berikut adalah antara laman web yang menyediakan pelbagai jenis template untuk blogger secara percuma.

http://btemplates.com/


Website untuk download template blog

http://www.ourblogtemplates.com/


Website untuk download template blog

http://www.deluxetemplates.net/


Website untuk download template blog


http://blogtemplate4u.com/


Website untuk download template blog

http://www.bloggertemplatesfree.com/


Website untuk download template blog

http://www.btheme.info/


Website untuk download template blog

http://www.blogspottemplate.com/


Website untuk download template blog


http://www.freebloggertemplate.org/


Website untuk download template blog


http://www.bloggertemplateplace.com/


Website untuk download template blog


Anda juga boleh mendapatkan pelbagai lagi template untuk blog dengan hanya menggunakan fungsi search pada google.

Tips: Anda tidak perlu risau jika anda gunakan banyak masa untuk memilih template yang sesuai untuk anda. Kerana itu adalah perkara biasa. Pastikan template yang anda pilih betul-betul memenuhi citarasa anda.:)

Backup Template Blog



Template bagi sesebuah blog boleh diibaratkan sebagai tulang belakang blog kerana template yang menyimpan semua maklumat berkaitan rupa bentuk blog anda, fungsi blog dan juga kebanyakan trick untuk sesebuah blog akan dilakukan di template (edit html).


Tutorial Backup Template Blog

Anda letak background ke, ubah colour ke, letak fungsi 'read more' atau pape, kebanyakkannya adalah di template.
Oleh itu adalah perlu untuk seseorang blogger akan backup dahulu template blog sebelum melakukan sebarang pengubahsuaian ataupun sebelum menukar template baru.
Tujuan backup template adalah untuk backup jika sebarang perubahan kod yang diaplikasikan tidak menjadi.

Tutorial untuk backup template bagi blog adalah seperti berikut.


1)Login seperti biasa. Kemudian dari dashboard klik layout




Tutorial Backup Template Blog


2) Dari layout, klik edit html dan dibawah sedikit anda akan jumpa 'download full template'



Tutorial Backup Template Blog


3)Keluar paparan, klik save..Siap.:)



Tutorial Backup Template Blog


Tips: anda boleh rename template yang anda download dengan tarikh anda download. seperti 29julai2009.xml. Ini untuk memudahkan anda kenalpasti tarikh anda buat backup untuk template blog anda.:)



Tutorial Backup Template Blog

Setting Asas Yang Perlu Diketahui Oleh Blogger


Bagi sesebuah blog, setting merupakan antara perkara penting untuk menentukan bagaimana paparan, dan perlakuan-perlakuan lain yang berkaitan dengan blog.

Antara perkara yang berkaitan dengan setting bagi sesebuah blog adalah tajuk blog, berapa bilangan entri, siapa yang boleh komen, dan lain² yang akan diterangkan di bawah.

Paparan untuk setting bagi sesebuah blog adalah seperti berikut.

Setting Asas Yang Perlu Diketahui Oleh Blogger


Untuk entri ini, setting merangkumi basic, formatting dan publishing. Ini kerana 3 perkara ini boleh dianggap bahagian setting yang paling utama bagi sesebuah blog. Beberapa setting asas yang perlu diketahui oleh seorang blogger adalah seperti berikut.

BASIC:




Title : Title akan ditunjukkan pada bahagian atas browser apabila sesebuah blog dibuka.Setting Asas Yang Perlu Diketahui Oleh Blogger

Description : Berkaitan dengan apa kandungan sesebuah blog. Boleh dimasukkan sehingga 500 huruf. Contoh tutorial blog, tutorial blog dalam bahasa melayu, tutorial untuk semua dan lain² yang berkaitan. Kalau blog peribadi hampir boleh diabaikan ataupun letak sahaja seperti perjalanan hidupku, inilah kisah aku dan lain².


FORMATTING




Setting Asas Yang Perlu Diketahui Oleh Blogger

Show : bilangan entri untuk paparan muka depan. jangan terlalu banyak. Biasanya antara 5 hingga 10 untuk mempercepatkan loading keseluruhan blog.

Date header format : Kurang penting, boleh pilih mana yang dirasakan sesuai.

Archive index date format : Format yang akan ditunjukkan untuk apa yang ditaip dalam sesebuah blog dalam jangka sebulan

Timestamp format : Kurang penting, boleh pilih mana yang dirasakan sesuai.

Time zone : Penting untuk pastikan kedudukan untuk masa adalah betul. Jika yang berada dalam negara Malaysia, sila pilih (GMT +8.00) Kuala Lumpur. Jika berada ditempat lain boleh pilih yang yang sepatutnya.

Language : English (Boleh juga pilih malay, tetapi dicadangkan english untuk memudahkan memandangkan kebanyakan sudah biasa dengan perkataan² english dalam dunia blogging)


COMMENTS




Setting Asas Yang Perlu Diketahui Oleh Blogger

Comments : Show - Jika ada pengunjung yang menghantar komen, komen akan dipaparkan dibawah entri.
Who can comments : Bahagian ini bergantung kepada pemilik blog. Kalau pilih anyone, sesiapa sahaja boleh komen. Kalau pilih registered user, hanya orang yang mempunyai blog/id lain yang boleh komen.

Comment form placement : Kedudukan ruangan komen untuk sesebuah entri. Kebiasaan blogger akan pilih samada pop-up window atau embedded below post. Walau bagaimanapun, tidak semua template boleh gunakan embeded below post.


Setting Asas Yang Perlu Diketahui Oleh Blogger

Comment moderation : Bergantung kepada pemilik blog. Jika mahu komen pengunjung terus dipaparkan,pilih never. Tetapi jika mahu komen dari pengunjung 'ditapis' dahulu oleh pemilik blog, pilih always.
Show word verification for comment : Pilih No. Kerana kehadiran word verificationbiasanya akan menyusahan pengunjung. Kecuali untuk kes² tertentu jika terlalu banyak spam (di Malaysia perkara ni jarang berlaku)

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

Setting untuk sesebuah blog boleh diubah bila-bila masa mengikut kehendak pemilik blog.
Walau bagaimanapun,adalah penting untuk cuba kekalkan setting yang dibuat untuk menyenangkan pemilik blog dan juga pengunjung.


Bagaimana Letak Kod HTML/javascript



Apabila memasuki dunia blogging, antara perkara yang tidak dapat dielakkan adalah untuk menghias blog sendiri. Terdapat beberapa cara untuk menghias blog samada menukar template, memasang widget yang telah disediakan oleh blogger.com ataupun meletakkan sumber² lain dari luar yang biasanya melibatkan kod html/javascript.
Selain untuk menghias blog, kod html/javascript juga mempunyai fungsi² lain bergantung kepada tujuan apa kod itu dihasilkan.



Penambahan yang ingin dilakukan biasanya akan melalui perkara yang sama iaitu kod yang diperolehi perlu di 'paste'kan di ruangan html/javascrip.

Tutorial ini akan menunjukkan bagaimana hendak meletakkan kod html/javascript bagi sesebuah blog.


1) Login ke dalam blog anda seperti biasa. Kemudian dari 'dashboard', klik 'Design'
UPDATE: untuk template terbaru, klik pada DESIGN




Bagaimana Letak Kod HTML pada blog



2)Setelah anda klik 'design', dia akan auto masuk bahagian 'page element'. Kemudian pada 'page element' anda itu, klik pada 'add a gadget'



Bagaimana Letak Kod HTML pada blog


3)Selepas itu anda akan lihat banyak senarai yang ada, cari "HTML/javascript", kemudian klik pada "+"




Bagaimana Letak Kod HTML pada blog


4)Satu paparan kosong akan dibuka, kemudian paste code yang anda mahu letak dalam blog ke dalam ruangan kosong. kemudian tekan "save"




Bagaimana Letak Kod HTML pada blog


5)Siap. Anda boleh lihat hasilnya dengan klik preview. Anda juga boleh mengubah kedudukan code itu dengan hanya drag pada mana² kawasan page element itu.Apabila anda sudah puas hati, klik 'save' untuk kekalkan kedudukan.:).



Bagaimana Letak Kod HTML pada blog



Letak Video Dari Youtube Dalam Blog



Youtube, sebuah laman web yang tidak perlu diperkenalkan lagi kepada pelayar maya. Laman web yang mempunyai begitu banyak video dan menjadi rujukan kepada sesiapa sahaja untuk mencari video tidak kira untuk hiburan, pelajaran, berkongsi pengalam dan sebagainya.

Letak Video Dari Youtube dalam blog


Youtube juga menjadi platform bagi seseorang blogger untuk berkongsi sesebuah video kepada pengunjung blog mereka.

Tutorial ini akan menerangkan bagaimana untuk meletakkan video yang terdapat dalam youtube ke dalam blog.

1.Login akaun blogger anda, kemudian klik pada new post.



cara letak video Dalam Blog

2.Buka video dari youtube yang anda hendak post, kemudian lihat sebelah kanan untuk ruangan embed.


Letak Video Dari Youtube Dalam Blog

3. Klik customize untuk melakukan sedikit ubahan pada video anda. Anda boleh pilih option yang ada seperti border dan juga saiz video yang hendak dipaparkan.


Letak Video Dari Youtube Dalam Blog

4.Setelah selesai,copy code dari bahagian embed dan paste dalam ruangan blog anda.(klik preview untuk tengok keadaan video anda)
Letak Video Dari Youtube Dalam Blog


5. selesai.


Berikut contoh video dari youtube yang diletakkan di dalam blog:




SUKA BLOG NI ?

LinkWithin

Related Posts Plugin for WordPress, Blogger...