Tutorial Letak Alert Popup Mesej Bila Buka Blog

Salam..

Lanun dapat request dari seorang sahabat Blogger Shahsa untuk buat satu Tutorial Alert Popup Message. Jadi Lanun dah sediakan cara cara membuat alert mesej tu dalam post ni. Alert Popup Message tu akan akan muncul  bila pelawat membuka blog, untuk menutup tetingkap mesej tu boleh klik "pangkah" atau tekan "OK". 

Isi dalam Alert Mesej tu boleh di ubahsuai di dalam kod html nya mengikut citarasa dan ayat anda sendiri. Boleh buh ayat suspent, boleh letak pujuk rayu, tak pun harapan and bla bla bla, sangat mudah!. Tapi bila dah pasang popup ni sila alert lah k, mana tahu ramai visitor yang tak suka. Kalau majoriti tak suka boleh di skrip tu balik dan blog akan kembali seperti asal.

Kaedah Letak Alert Popup Message dengan Butang OK pada 

1. Buka Blogger > Design > Add a Gadget > HTML/Javascript > Copy n Paste kan Kod HTML  DIBAWAH didalamnya > Biar ruang tajuk kosong > Tekan SAVE.
2. Anda boleh drag gadget HTML tu ke bawah supaya nampak kemas.
3. Gantikan tulisan berwarna merah dengan ayat anda, gunakan kekreatifan anda! 
4. Sesetengah user disable javascript, jadi ayat berwarna biru akan muncul jika internet browsernya block javascript.

Cops n Paste kod ini:
<script type="text/javascript">
alert('Taip mesej / lawak / amaran / pujukan / rayuan anda disini yer..')
</script>

<noscript>Enable javascript in your browser to view an important message.</noscript>


Kepada sahabat sahabat yang dah try skrip ni, tapi tak jadi silalah komen di ruang komen. Rujukan Lanun adalah pada satu blog omputih di DO it 2 us credits to him.

Tutorial Back To Top & Move To Bottom

Salam..

Satu lagi siri tutorial dari Lanunsepet, kali ni dengan bagaimana memasang fungsi butang Back To Top dan Move to Bottom pada Blog korang. Mudah mudah memang mudah.. So rasanya tak payah nak terang panjang panjang rasanya ramai yang tahu bagaimana kod html dia berfungsi. 

Cuma nak bagitahu fungsi ni amat penting bagi memudahkan visitor untuk navigasi dalam blog kita, lebih lebih melibatkan artikel post yang cukup panjang.. Nak tenyeh tenyeh skroll penat, Nak klik klik malas, jadi ini penyelesaiannya. 

Langkah 1 

Login > Design > Add a gaddget > HTML/Javascript > Paste kod html dibawah.
** Title tidak perlu @ anda boleh selitkan kod ni dimana mana gadget.

<a style="display:scroll;position:fixed;bottom:260px;right:5px;" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://i31.tinypic.com/2vtqqt3.png"/></a>
<br/>
<a style="display:scroll;position:fixed;bottom:225px;right:5px;" href="#GoDown" title="Move to Bottom" > <img style="border:0;" src="http://i32.tinypic.com/16lle91.png"/></a>

Langkah 2
Design > Edit HTML > Expand Widget Template > Cari </body> > Pastekan kod <a name='GoDown'/> di atas @ sebelum </body>  > Save template > View Blog

<a name='GoDown'/>

Ok siiiiap!, timekasih n credit pade www.cooltricksntips.com

Tutorial Pasang Read More Pada Blog Post

Salam..

Kadang kadang ada post yang panjang dan bila nak view kesemua menyebabkan blog nampak tidak kemas. Jadi untuk itu Lanun kongsikan satu tutorial bagaimana nak letak @ buat fungsi read more pada blog korang. Selain itu, read more ni boleh dijadikan gimik bagi saspen pada pembaca untuk ketahui apa sambungan cerita korang tu.

Tanpa buang masa, cara paling kacang buat Read More adalah menggunakan "Jump Break" paling mudah! paling cepat! tanpa memerlukan kode html atau skrip ke hape. Dulu2 Lanun kena bersusah payah geledah skrip tu untuk buat fungsi readmore tapi dengan tools Insert Jump Break boleh lupakan dah kesengsaraan edit HTML tu.

klik untuk lebih besauuu..

Kat mana butang Insert JumpBreak ni?

Di bahadian Compose, Ada terletak sebelah kanan button fungsi Insert Video (simbol kertas koyak dua)

Macam mana cara nak guna Jump Break? Mudah....

Semasa buat blog post terbaru atu edit yang lama, Just klik ikon Insert Jump Break tu dimana-mana bahagian teks / gambar dalam post anda. Selepas klik akan muncul satu garisan. Garisan itu menandakan sempadan Read More :
++ Semua yang diatas garisan akan muncul di awal awal
++ Dan yang dibawah garisan akan muncul selepas klik Read More. Mudah kan!.

Kenapa saya takda butang fungsi Jump Break ni?

Mungkin korang gunakan Post Editor yang lama. Just tukar kepada Post Editor yang baru dengan pergi ke Blogger > Setting > Basic > Skrol ke bawah sekali > Global Setting > Select Updated Editor.

ni yang lama.. tidak ada Jump break

tukar pada baru!!... klik untuk lebih besauu..

Ada lagi korang boleh capai..

Readmore dalam blogger ni boleh di customized @ di iedit lagi. Korang boleh tukar perkataan read more tu kepada ayat anda sendiri contohnya " Baca selanjutnya " atau "Nak tahu sambungnya?". Nak tukar tu boleh pergi ke Design > Page Element > Kotak Blog Post > Tekan Edit > Edit bahagian "Post page link text". Done!

Blogger Umumkan Fungsi Baru, Tukar Favicon Blog Dengan Mudah

Salam...

Semalam di rasmikan 1 features / 1 lagi fungsi terbaru di Blogger In Draft (Tak keluar secara rasmi di Blogger biasa lagi yer) iaitu menukar favicon (tukar ikon B Blogger yang boooosann) dengan hanya 2 langkah sahaja. Bagaimana tu Incik Lanun? Mudah jer, tak perlu main koding atau kod html dah .. korang hanya perlu :

Step 1. Log In ke Blogger
Step 2. Pergi bahagian Design
Step 3. Lihat bahagian atas n kiri anda di "NavBar" ada butang "Favicon Edit"
Step 4. Klik "Edit"
Step 5. New popup akan keluar..dan pilih apa sahaja ikon

Step 6. Tekan Save n Save design.. Boleh view dulu kalau nak.

Peringatan :

Ianya hanya support fail dalam format .ico yakni format ikon. Jadi korang leh lah search di google icon yang korang nak atau geledah jer My computer korang cari file icon (.ico). Pergi bahagian search my computer taip jer di ruang carian ".ico". Selamat mencuba.

Pertanyaan?

1. File .jpg, .gif, .bmp, .png boleh support tak? masih boleh TAPI..kena convert ke .ico dulu.

2. Apa software yang leh guna nak convert ikon?  IconConverter.com

3. Kenapa saya tak da features ni pun? sila log in ke Blogger In Draft

4. Apa Blogger in Draft nih? ia adalah tempat pengujian / eksperimen designer Blogspot.

5. Boleh tanya di ruang komen k.

6. Seronoknya bila blogger makin maju!.

Tutorial : Bagaimana Membuat Scroll Text Box @ Kotak Teks Boleh Skrol

Salam.. Lanun share pada anda semua bagaimana skrip membuat text box @ kotak teks dengan fungsi skrol / scroll. Dengan kotak ini korang boleh meletakkan teks yang panjang lebar tanpa perlu mengambil ruang yang banyak. Contohnya di bawah ini :

Dari kod html kotak ini kita boleh ubah suai : Height & Width (Panjang & Lebar ) dan Warna kotak teks. Memang mudah dan banyak kegunaannya. Korang boleh copy html script itu dibawah.

Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..
Panjangnya teks ini, tak muat jadi skrol ke bawah... dapat coding scroll text box..

Copy n Paste skrip html ini di ruang "edit html" dan gantikan perkataan berwarna merah dengan tulisan yang ingin anda masukkan kedalam kotak teks. Pastikan ayat yang hendak di kotakkan di akhiri dengan 

"</div>"

<div style="background-color: #e8e8e8; border: 1px dashed; color: black; height: 260px; overflow: scroll; padding: 15px; width: 570 px;"> XXX TEKS ANDA DISINI YER XXX TQ </div>


Buat Muka Kartun Anda Sendiri Secara Online...

Korang nak tak blaja cara nak create Avatar? alar yang muka kartun? jadi manga?  Macam Lanun punyer justkhai  n  daus trademark tu... Korang boleh buat semua tu secara online Mudah jer bai, buat, create, customized, pakaikan dengan baju pilihan korang, tukar bentuk mata, pakaikan kopiah, topi , buh janggut dan macam-macam lagi..

Lanun create yang face Lanunsepet tu guna website ni la, jadi pada sesiapa yang nak create manga face / muka kartun anda sendiri boleh ikut step di bawah: 

1. Masuk website Faceyourmanga.com (pastikan browser anda ade flash plugin)
2. Klik create > Select Jantina >
3. Pilih riak muka, pilih aksesori, dan DLL
4. Selesai edit ? klik finish dan masukkan email anda untuk dptkan image avatar korang.
5. Kalau xnak guna email, korg just "print skrin" jer lepas selesai edit n paste kat paint.