Halang Klik Kanan Pada Gambar

Sila klik kanan

Hari ini penulis nak kongsi dengan anda semua satu ilmu yang ringkas iaitu cara² untuk menghalang gambar anda daripada diklik kanan. Trik ini hanya berguna untuk orang yang kurang mahir mencuri gambar melalui cara lain selain klik kanan. Kalau orang yang cekap, mereka boleh mencuri gambar anda melalui pelbagai taktik lain.

Salin Dan Tampal Aksara Dengan CopyPasteCharacter

Ingat lagi tak, dulu penulis pernah menulis tentang Fungsi Kekunci ALT Dengan Nombor?? Hari ini, penulis ingin membawakan sebuah laman web yang membolehkan anda salin tampal aksara tertentu tanpa penggunaan kekunci ALT dan nombor.

Buat Slideshow Dari Gambar Dan Video

Satu lagi perkhidmatan menyimpan gambar dan video di dalam bentuk slideshow telah penulis temui. Menariknya, ia juga boleh diterbitkan di blog, dimuaturun ke dekstop komputer malah pelbagai lagi fungsi lain.

Nyah Kod Dengan Html Character Encoder

Sekali lagi penulis berkongsi alatan untuk encode kod, khusus untuk penulis blog yang menulis tentang tutorial. Kali ini laman sesawang tersebut turut memberikan arahan yang jelas untuk memudahkan penggunanya.

Kongsi Video Dari Facebook Di Blog

Kita sedia maklum ramai orang memuatnaik video ke Facebook mutakhir ini. Justeru, mungkin ada di antara video² tersebut ingin anda kongsi bersama pembaca blog anda. Akan tetapi, buat masa ini Facebook tidak menyediakan perkhidmatan embed video tersebut. Jadi, bagaimana hendak mengambilnya?? Jangan risau, penulis akan memberitahu anda cara mencurinya mengambilnya.

Nyah Kod Dengan Centricle

Buat anda yang ingin encode kod untuk ditampal ke dalam blog, anda bolehlah menyahkan kod² tersebut di laman web Centricle. Masukkan kod asal dan tekan butang Encode.

Memasang Caption Pada Gambar

Warga kerja Blogspot menambahbaik lagi beberapa fungsinya agar pengguna semakin seronok menulis blog. Anda perlu masuk ke Blogger in Draft untuk menggunakan perkhidmatan ini. Antara fungsi terbaru ialah penambahan caption pada gambar.

Dropcaps Ditambah Kotak

Sudah agak lama penulis tidak menulis tentang tutorial blog. Kali ini tergerak di hati untuk berkongsi cara menulis huruf besar di awal topik atau lebih dikenali sebagai dropcaps yang mempunyai kotak. Kalau anda sudah menggunakan dropcaps lama, gantikan sahaja yang itu dengan yang ini.

Nyah Kod Dengan Postable

Januari tahun lalu, penulis ada menulis tentang masukkan kod ke dalam blog dan telah diberi laman sesawang untuk menukar kod dari decode kepada encode. Kali ini penulis ingin memperkenalkan satu lagi laman sesawang yang boleh menyahkod html untuk ditampal di dalam topik blog.

Membuat Baca Selanjutnya Versi Blogspot

Dahulu penulis ada memberitahu bahawa blogspot telah memperkenalkan baca selanjutnya yang lebih mudah digunakan tanpa memasukkan kod yang rumit. Akan tetapi, ramai bloggers tidak dapat menggunakannya kerana mereka memakai template yang telah diubahsuai dan bukannya template asal dari blogspot. Justeru, mari kita cari jalan penyelesaian untuk masalah itu kerana penulis sudah pun memasang baca selanjutnya versi blogspot untuk blog ini.

Blogspot Memperkenalkan Takrifan Terjemahan

Satu lagi penambahan fungsi yang hebat dimasukkan ke dalam Blogspot. Kali ini ia menambah Define / Translate untuk mencambahkan lagi keseronokkan berblog. Anda boleh melihat fungsi ini jika menggunakan Blogger In Draft.



Gunakan mod Compose, ikon ini terletak paling hujung. Anda cuma perlu highlight perkataan yang ingin ditukarkan maksudnya dan klik pada ikon tersebut. Ia terbahagi kepada dua tab iaitu Define dan Translate. Define maksudnya lebih kurang dengan mencari takrifan untuk sesuatu perkataan lain. Ia juga berkait rapat dengan perkataan sinonim. Translate pula bermakna terjemahan untuk perkataan yang kita cari.

Selain menulis bahasa Melayu atau Bahasa Inggeris, apa salahnya anda selitkan pula ayat berbahasa Itali, Filipina dan sebagainya. Rakan² anda pasti akan bangga kerana menyangka anda fasih berbahasa asing. ☺

Blogspot, ti amo. ♥

Via : Blogger in Draft

Cara Menggunakan Tulisan

Impact
Forte
Algerian
Kristen ITC
Monotype Corsiva


Kali ini penulis mahu berkongsi cara untuk menggunakan tulisan tertentu di dalam blog. Caranya mudah saja. Anda cuma perlu mengikuti arahan di bawah untuk melakukannya. Anda boleh melihat contoh² tulisan yang telah penulis sediakan.


Salin kod di bawah dan tampal di tab Edit HTML New Post anda.

<span style=";font-family:Monotype Corsiva; font-size:20px;" >Monotype Corsiva</span>
font-family:Monotype Corsiva = jenis tulisan
font-size:20px = saiz tulisan

Caranya sangat mudah. Penulis berharap anda dapat melakukannya. Selamat mencuba.

Paparan Tarikh Pada Topik Sama Hari

Kerapkali berlaku apabila anda membuat lebih dari satu topik di dalam satu hari yang sama, hari dan tarikh untuk topik yang terdahulu tidak ditunjukkan. Sedikit sebanyak ia mencacatkan pemandangan blog anda yang sememangnya menarik. Kali ini, kita belajar untuk membuatkan hari dan tarikh pada topik yang diterbitkan pada hari yang sama terpapar semua sekali.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari kod ini.

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
5. Gantikan kod tersebut dengan kod ini pula.

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>
6. Preview dan Save template jika berpuashati.

Nah, sekarang kesemua topik yang anda tulis sudah mempunyai semua hari dan tarikh walaupun ditulis pada hari yang sama. Cubalah.

Via : Blogspot Tutorial

Masukkan Lagu Ke Dalam Blog

Soalan ini sudah lama diajukan oleh My Mummy's Dobi dan REZUAN+FAIZA NOR = NUR UMAIRAH di bahagian komen topik muatturun lagu dari imeem. Penulis hampir terlupa untuk menunaikan permintaan mereka yang ingin mengetahui cara² untuk meletakkan lagu di blog. Kali ini penulis akan menggunakan lagu dari 4Shared kerana laman ini menyediakan kemudahan untuk mengambil kod lagu dan boleh juga dimuatturun.



1. Masuk ke laman sesawang 4Shared. Cari lagu yang anda kehendaki. Klik pada lagu tersebut. Di bahagian Share, pilih kod yang berada di dalam kotak Embed. Salin semua kod tersebut.

Contoh kod :-

<embed src="http://www.4shared.com/embed/25262980/ee6e8708" allowfullscreen="true" allowscriptaccess="always" height="250" width="450"></embed>
Jika anda tidak mahu saiz kotak lagu tersebut terlalu besar, anda perlu mengubah kod yang berwarna merah iaitu height 250 kepada 20 dan width 450 kepada 250.

Hasilnya :-


2. Seterusnya, tampal kod tersebut di dalam tab Edit HTML di dalam New Post anda.

3. Preview dan publish post jika berpuashati.

Itu sahaja. Ianya mudah dan ringkas.

Cara Buat Highlight Teks Versi 2

Tutorial highlight teks ini disediakan oleh Eriyza.

Blog ini menggunakan platform Blogspot sepenuhnya.

Akses ke blog ini melalui alamat http://eriyza.via.my

Dahulu penulis pernah berkongsi cara untuk membuat highlight teks. Akan tetapi tutorial tersebut memerlukan anda meletakkan kod ke dalam layout. Tutorial kali ini lebih mudah kerana kodnya dimasukkan terus ke dalam topik. Jadi, anda patut mencuba highlight teks ini.


Masukkan sahaja kod di bawah ke dalam New Post anda.

<span style="background-color: rgb(255, 255, 0);">highlight teks</span>
Contoh :-

Tutorial <span style="background-color: rgb(255, 255, 0);">highlight teks</span> ini disediakan oleh Eriyza.
Tulisan berwarna biru merupakan teks biasa manakala warna ungu pula merujuk kepada teks yang ingin anda highlight. Warna merah pula adalah kod rgb yang akan menentukan warna highlight tersebut. Anda boleh memilih kod rgb di The Other RGB Color Chart.

Selamat mencuba. Semoga berjaya.

Via : Tricks for New Bloggers

Blogspot Memperkenalkan Baca Selanjutnya

Berita baik buat semua bloggers. Kini Blogspot telah memperkenalkan fungsi baca selanjutnya atau read more seumpama Wordpress. Anda tidak perlu lagi memasukkan kod yang rumit ke dalam template seperti yang pernah penulis lakukan di sini dan sini. Hanya meletakkan sebaris ayat, anda sudah boleh menggunakan baca selanjutnya.


Fungsi ini diperkenalkan di dalam Blogger in Draft. Anda cuma perlu masuk ke tab Compose dan pilih menu Insert jump break. Letakkan menu tersebut di atas ayat yang anda ingin jadikan baca selanjutnya.


Bagi anda yang masih menggunakan Blogger biasa, anda juga boleh berbuat demikian dengan menulis secara manual. Hanya masukkan kod <!-- more --> di dalam tab Edit HTML, semestinya di atas ayat yang anda ingin jadikan baca selanjutnya.


Selain itu, anda juga boleh menukar ayat read more yang asal kepada baca lagi atau mengikut kemahuan anda sendiri. Anda masuk ke Layout, klik Edit pada bahagian Blog Posts dan tukarkan ayatnya di Post page link text.

Terima kasih kepada Blogspot yang semakin peka dengan kehendak pengguna. Selamat hari lahir ke sepuluh buat Blogspot. I Love You. Hehehe!!!

Via : Blogger Buzz

Mengubah Teks Dari Kiri Ke Tengah

Kebiasaannya setiap template yang disediakan memulakan tulisan di sebelah kiri sama ada di bahagian topik atau di sidebar. Mungkin ada sebahagian dari bloggers yang teringin untuk memulakan tulisan di blog mereka di bahagian tengah. Sebenarnya ia cukup mudah untuk dibuat, cuma sebaris kod sahaja perlu ditambah ke dalam template.


1. Login ke Blogspot.

2. Pilih Layout - Edit HTML.

3. Download Full Template sebelum mengedit blog.

4. Cari #sidebar-wrapper {, tampal kod berwarna merah sebelum tanda }. Kod ini adalah untuk bahagian sidebar.

Contoh kod :-

#sidebar-wrapper {
text-align:center;
background:#fff;
width:336px;
float:$endSide;
word-wrap:break-word;
overflow:hidden;
padding:10px 10px 0 0;
}
5. Cari #main-wrapper {, tampal kod berwarna merah sebelum tanda }. Kod ini adalah untuk bahagian topik.

Contoh kod :-

#main-wrapper {
text-align:center;
background:#fff;
border-right:$bordercolor 10px solid;
width:515px;
float:$startSide;
word-wrap:break-word;
overflow:hidden;
padding:0 10px;
}
6. Preview dan save template jika berpuashati.

Siap. Cubalah. Selamat Menyambut Nuzul Al-Quran.

Memasang LinkWithin

Siang tadi, bloggers bernama Qassam telah meminta penulis mengajarnya cara² untuk memasang widget LinkWithin yang berfungsi sama seperti artikel berkaitan. Bezanya ia turut memaparkan gambar untuk topik tersebut selain tajuk utama. Jom masuk kelas.


1. Masuk laman sesawang LinkWithin. Isi maklumat yang diperlukan.

2. Klik pada Get Widget.

3. Pilih Install Widget - Add Widget.

4. Pilih Edit Content dan salin semua kod. Anda tidak perlu Save LinkWithin di bahagian ini.

5. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

6. Download Full Template sebelum mengedit blog.

7. Cari <data:post.body/> dan masukkan kod tadi di bawahnya. Jika <data:post.body/> ada lebih dari satu, letakkan di bawah kod pertama.

8. Preview dan Save template jika berpuashati.

Itu sahaja. Selamat mencuba.

Via : Marzuki

Masukkan Video Dari Youtube

Topik ini merupakan tutorial yang dirujuk dari soalan cikgu_eya, kali ini penulis akan berkongsi cara² untuk memasukkan video dari Youtube ke dalam blog. Baiklah, tanpa melengahkan masa yang sering dianggap emas, mari kita mula belajar.




Cara²nya adalah seperti berikut :-

1. Masuk / login ke Youtube.

2. Mulakan pencarian video dan klik lagu tersebut.

3. Klik pada butang berwarna biru seperti skru. Pilih menu yang anda kehendaki sama ada Include related videos, Show Border, Enable delayed cookies, warna video atau saiz video. Kemudian, salin kod yang berada pada bahagian Embed.

Contoh kod :-

<object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/Kv95hPYp-XU&hl=en&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Kv95hPYp-XU&hl=en&fs=1&rel=0&color1=0xe1600f&color2=0xfebd01&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object>
4. Seterusnya, tampal kod tersebut di dalam tab Edit HTML.

5. Preview dan publish post jika berpuashati.

Mudah sajakan?? Selamat mencuba.

Masukkan Lagu Dari Imeem

Ada soalan diajukan oleh cikgu_eya di email penulis tentang cara² untuk memasukkan lagu dari Imeem ke dalam blog dan memasukkan video dari Youtube ke dalam blog. Penulis akan mulakan dengan soalan pertama dan soalan kedua akan diajar pada topik lain. Harap bersabar ya.



Cara²nya adalah seperti berikut :-

1. Masuk / login ke Imeem.

2. Mulakan pencarian lagu dan klik lagu tersebut.

3. Salin kod yang berada pada bahagian Embed. Tandakan bahagian Auto play jika mahu lagu tersebut dimainkan secara automatik.

Contoh kod :-

<div style="width:300px;"><object width="300" height="110"><param name="movie" value="http://media.imeem.com/m/OrQ8C__pmd/aus=false/"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/OrQ8C__pmd/aus=false/" type="application/x-shockwave-flash" width="300" height="110" wmode="transparent"></embed></object><div style="background-color:#E6E6E6;padding:1px;"><div style="float:left;padding:4px 4px 0 0;"><a href="http://www.imeem.com/"><img src="http://www.imeem.com/embedsearch/E6E6E6/" border="0" /></a></div><form method="post" action="http://www.imeem.com/embedsearch/" style="margin:0;padding:0;"><input type="text" name="EmbedSearchBox" /><input type="submit" value="Search" style="font-size:12px;" /><div style="padding-top:3px;"><a href="http://www.imeem.com/ads/banneradclick.ashx?ep=0&ek=OrQ8C__pmd" rel="nofollow"><img src="http://www.imeem.com/ads/bannerad/152/10/" border="0" /></a><a href="http://www.imeem.com/ads/banneradclick.ashx?ep=1&ek=OrQ8C__pmd" rel="nofollow"><img src="http://www.imeem.com/ads/bannerad/153/10/" border="0" /></a><a href="http://www.imeem.com/ads/banneradclick.ashx?ep=2&ek=OrQ8C__pmd" rel="nofollow"><img src="http://www.imeem.com/ads/bannerad/154/10/" border="0" /></a><a href="http://www.imeem.com/ads/banneradclick.ashx?ep=3&ek=OrQ8C__pmd" rel="nofollow" ><img src="http://www.imeem.com/ads/bannerad/155/10/OrQ8C__pmd/" border="0" /></a></div></form></div></div><br/><a href="http://www.imeem.com/shbtro/music/sKzXUALE/straw-yang-manis-senyumanmu/">Yang Manis Senyumanmu - Straw</a>

Kod tambahan - </div>

Hasilnya :-

Yang Manis Senyumanmu - Straw

Jika anda tidak mahu kotak Search dan nama lagu kelihatan, buang sahaja kod yang berwarna merah dan tambahkan </div> di penghujung kod. Untuk lebih jelas lagi, hanya salin kod berwarna ungu dan hijau.

4. Seterusnya, tampal kod tersebut di dalam tab Edit HTML.

5. Preview dan publish post jika berpuashati.

Itu sahaja. Semoga berjaya membuatnya.