Kat sini, aq nak sharekan bberapa tips yg mngkin brguna utk para blogger skalian. Mmandangkan aq tules entri ni kat PAGE lain kat dlam blog ni, bkannya HOMEPAGE (atau HALAMAN UTAMA), jadi aq x leh nak pcahkan stiap tips2 ni ikowt tajuk mcam kat dlam HALAMAN UTAMA tu (korg paham x apa aq tules ni). Jadi, kalau korg nak cari tips korang inginkan, tkan Ctrl+F utk search tajowk yg korg nakkan tu. Terima kasih kpd Tutorial Untuk Blog krana mmberi bnyak info yg brguna untuk newbie mcam aq ni. GODSPEED!
Letak Button 'Like' FACEBOOK Dalam Entri Blog Anda
Setiap orang mesti ada FB kan? Kadang-kadang korang mesti nak tengok berapa orang agaknya yang 'Like' entri korang ni kan? Kalau korang nak buat mcam tu, korang perlukan button like kat setiap entri korang kat blog.
Macam mana nak buat? Begini caranya:-
- Login akaun Blogger. dari Dashboard > Design > Edit HTML > Expand Widget Templates ( backup template takut2 korang ter'spoil' blog korang tu nanti)
- Menggunakan fungsi find (ctrl + F), cari kod berikut.
<data:post.body/>
- Copy kod ini, dan paste di bawah kod yang korang cari dalam Langkah 2
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
*Contoh*
<data:post.body/>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
- Save dan lihat hasilnya (^_^)
Zoom Gambar Dalam Blog Dengan Image Magnify
Image Magnify ialah salah satu kesan khas yang digunakan terhadap gambar2 yang dipost dalam sesebuah entri untuk menjadikan ianya lebih unik berbanding kaedah2 yang melihat gambar yang lain.
Berbanding dengan kaedah biasa di mana gambar perlu dibuka kepada tab baru untuk zoom gambar tersebut, Image Magnify membolehkan gambar dipertontonkan secara terus kepada pengunjung untuk dibesarkan atau dikecilkan tanpa perlu dibuka kepada tab baru. Kesan khas ini memang berguna terutama sekali kepada sesiapa yang tidak inginkan gambar2 di blog mereka di'copy' dan disalah gunakan.
Gambar di bawah ialah contoh gambar yang diaplikasikan dengan Image Magnify.
 |
Ini dia tutorial untuk Image Magnify ini.
- Copy code di bawah. Kemudian pergi ke Dashboard > Layout > Design > Add Page Element > HTML/javascript dan paste kod tersebut.
<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>
- Lepas dah letak, save seperti biasa.
<img src="URL gambar di sini" class="magnify" data-magnifyby="2" style="width:200px; height:150px cursor: url(magnify.cur), -moz-zoom-in; " />
Description a.k.a Keterangan:-
- URL gambar di sini : masukkan URL gambar yang anda inginkan
- 2 : Skala pembesaran. Bergantung kepada lebar dan tinggi, nilai lebih besar daripada satu akan membesarkan gambar, dan nilai yang kurang daripada satu (contohnya 0.5) akan mengecilkan gambar
- 200 : masukkan lebar gambar yang anda rasa bersesuaian
- 150 : masukkan tinggi gambar yang anda rasa bersesuaian.
1) Selepas anda copy kod di atas, pergi ke Dashboard > New Entry > Edit HTML
 |
| 2) Paste kod di atas di ruangan Edit HTML tersebut (jangan lupa URL gambar) |
 |
3) Post entri anda untuk melihat hasilnya. |
P/S: Untuk mengetahui cara untuk mendapatkan URL gambar, klik sini>>.
P/S lagi (apa maksud P/S ni sebenarnya???): Untuk mendapatkan URL gambar yang ada di dalam pemacu keras komputer anda, mula2 anda perlu upload gambar yang anda inginkan di New Entry (lihat gambar di bawah) dan kemudian ikut proses yang sama di sini>>.
