Tutorial Convert Youtube ke Mp3 Paling Mudah

Salam..

Lanun sharekan salah satu daripada pelbagai cara untuk convert / tukar video youtube kepada format mp3. Sebelum ni Lanun ada cuba software, dengan download video kemudian convert ke mp3 guna software lain pulak. Leceh dan kadang kadang tak boleh nak convert. Tapi, kaedah ini merupakan yang paling mudah setakat yang Lanun tahu. Iaitu menggunakan laman web www.youtube-mp3.org. Jadi sapa yang nak ambil lagu dan tukarnya ke mp3 bolehlah cuba.

Cara caranya ialah :
1. Copy URL video dari Youtube
2. Paste kan di Laman web Youtube to Mp3 Converter
3. Tekan Convert Video
4. Klik Download

Penerangan bergambar dibawah.

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 Buka Link Pada New Tab

Salam..

Lanun nak sharekan bagaimana nak buka pautan blog link, atau gambar yang anda klik dibuka pada tab yang baru / "new tab" TANPA mengganggu page asal. Lama dah Lanun aplikasikan skrip ini dalam berblogging kerana Lanun sedar ada banyak kelebihan yang kita boleh dapat daripadanya. 

Tak paham apa Lanun maksudkan ??

++ Klik "Link ini" anda akan faham ( ia akan dibuka pada tab baru di Browser anda)

++ Atau klik gambar kecik atas ni ( ia akan dibuka saiz yang besar pada tab baru)

Antaranya kelebihan skrip ini ialah :
++ Blog akan lebih mesra pelawat
++ Page asal tidak terganggu.
++ Pelawat akan lebih lama di blog kita
++ Pelawat tak perlu tekan back sekiranya masih tak habis baca post kita
++ Pelawat dapat fokus pada beberapa laman web @ blog dalam 1 masa.
++ Boleh digunakan untuk link gambar, link pdf, apa sahaja link.

Bagaimana caranya?

1. Selepas buat satu link
2. Klik "Edit HTML" kemudian cari link anda buat tadi.
3. Tambah target="_blank" selepas URL anda seperti contoh dibawah 

Link korang secara standard nya begini :
<a href="http://lanunsepet.blogspot.com/">Nama Link Blog Lanunsepet</a>


Jadi tambahkan code berwarna merah tu di belakang URL selepas tanda "
<a href="http://lanunsepet.blogspot.com/" target="_blank" >Nama Link Blog Lanunsepet</a>


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

Blogger Blogspot Bakal Hadapi "Tsunami Besar"

Salam...

Lanun teringat perkataan tsunami bila dirujuk pada PRU yang lalu dimana orang sibuk mengatakan perubahan besar berlaku sehingga dinamakan tsumani politik. Itu dunia politik, bagi Blogger yang menggunakan Blogspot mereka juga telah mengalami sedikit sedikit perubahan kecil dan ini akan di ikuti oleh Tsunami besar tidak lama lagi.

Bila? itu tak tahu lagi tetapi Blogger menjanjikan perubahan yang besar dan serba baru pada interface Blogger di Blogspot. Akan ada banyak fungsi baru dan wajah baru yang akan kita lihat nanti. Ianya telah pun dilaporkan dalam Blog rasmi BloggerInDraft dalam post bertajuk Blogger Redesigned!! Teruja lak dengar.

Kalau kita menyusuri balik.. banyak dah Blogger ni berevolusi makin lama makin hebat! seriesly. Lanun memang teruja sangat.. Dari readmore, statistik visitor, design template yang sangat mudah, post editor yang makin advance, uploader gambar dan video yang semakin advance, pre preview blog post sebelum publish, dan terbaru tukar favicon dengan mudah. Bagi Lanun, Blogspot makin lama, makin mudah dan advance!

Untuk lihat PREVIEW TSUNAMI BESAR tu boleh rujuk video di bawah. Ia juga sebagai meraikan blogger yang gunakan medium Blogspot sapa lagi kalau bukan Lanun, kamu, kamu n kita semua. Jangan lepaskan peluang lihat video ni, anda akan lihat fakta fakta yang mengejutkan.

p/s : gunakan teknologi untuk sebar ilmu yang berguna...lebih2 lagi dakwah.. 

Nak tahu lagi banyakk.. ?? Baca sini...

1. Mashable.com Googles Blogger is about to get an Overhaul

2. Bloggerindraft.blogspot.com - Blogger Redesigned

75% trafik Blogger dari luar USA.. hebat!

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!.

HTML Hyper Link Code Generator

Salam..
Lanun nak share satu tools ni yang simple, macam mana korang hasilkan HTML hyperlink script ke laman web yang dikehendaki. Ok, ada banyak cara sebenarnya antara dengan menggunakan HTML Link generator dibawah.

Kaedah Pertama :

Masukkan alamat URL Post @ Artikel korang dalam bahagian "URL Post". Pastikan yer sebelum www di dahului dengan http:// . Selepas itu masukkan "Nama Link" (Anchor text) , teks yang korang masukkan itu akan di tukar menjadi Hyperlink ke alamat url yang di isi di kotak sebelumnya. Sekiranya korang tak letak nama link, apa yang di isi di "URL post" akan menjadi nama link tersebut secara automatik.

Selepas lengkap di isi, klik butang "Jana Kod" untuk dapatkan kod html. Copy & Paste kod tersebut untuk digunakan di mana mana korang mahukan. Contohnya di friendster, tagged, laman web, dan juga pada ruang komen ataupun blog post. Mudah!

URL Post:
Nama Link:
Kod HTML link, Copy&Paste dimana saja korang nak:

Kaedah Kedua :

Satu lagi alternatif, kaedah nak hasilkan HTML Link skrip boleh menggunakan cara Copy n Paste URL dan edit nama menggunakan kod HTML yang telah diberi seperti di bawah :

<a href="http://www.quackit.com/html/codes">Get your HTML codes here!</a>

Tulisan Merah : URL Post / Laman web
Tulisan Biru : Tajuk Link ataupun Nama link.

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>


Terkejut Beruk Tu Macam Ni La Kan ???

Salam..

Kita selalu guna ayat "terkejut beruk" dalam kita berkomunikasi tiap tiap hari. "Terkejut beruk" ni kiranya terkejut yang amat terkejut dengan reaksi muka yang terkejut he3. Baru baru ni Lanun usyar2 video kat Youtube jumpe satu video kategori "terkejut beruk" yang sebenar.

p/s : Terkejut biawak pernah dengar x ?

SEO : Apa itu SEO?

Salam...

Lanun akan kongsikan hari ini tentang SEO. Pernah dengar kan? yang blogger blogger hebat banyak dok bebel bebel untuk naikkan ranking dan trafik tu lar. Hmm..tapi tak paham apa ke bendanya? binatang apakah SEO itu? dan ada apa dengan SEO? Apa yang di maksud kan guna SEO? Kenapa ia penting? 

Maksud & Definisi

S.E.O : Search Engine Optimization

Ia adalah satu cara, kaedah atau aktiviti yang digunakan untuk menaikkan ranking, menaikkan ke popular an sesuatu web atau blog ke satu tahap yang lebih tinggi. Bagi keyword / kata kunci tertentu pada enjin carian seperti Google, Yahoo, Bing dan lain lain.

SEO stands for search engine optimization. Search engine optimization includes all the activities that help a website to rank well for a certain keyword on a search engine like Google.

Untuk apa SEO ni Lanun?

Nak bagi mudah, Lanun akan terangkan berdasarkan gambar di atas. Bila kita buat search di Google sebagai contoh "Website hosting Murah". Google akan paparkan senarai hasil carian yang berkaitan sesuai dengan apa yang Lanun cari tadi. Apa maksud setiap bahagian di atas?

Warna Merah : Iklan berbayar, individu/syarikat bayar pada google untuk iklan produk dieorang dan keluar setiap kali bila ada orang search perkara berkaitan servis atau produk company mereka.

Warna Hijau : Yang ni dikenali sebagai organic / natural, search result tanpa berbayar, korang pun leh tersenarai kat situ. 

Menurut Google hanya 30% sahaja klik bahagian iklan yang lain 70% lagi klik natural search result yang biasa. Jadi sangat sangat lah penting bagi setiap syarikat atau setiap blogger untuk berusaha tersenarai di SERP (search engine result page) supaya mudah mendapat trafik.

Nak tersenarai, mestilah di page pertama. Page pertama adalah sangat penting kerana pengguna internet yang buat searching jarang nak tengok result yang page 2, 3 dan seterusnya. Kan?

Oleh sebab itu lah SEO ini dijadikan tools atau alat untuk mengoptimakan sesuatu blog atau website itu supaya boleh tersenarai di first page Google search (muka surat pertama hasil carian google).

Search engine ni adalah program, kalau kita tahu apa dan bagaimana yang dia mahukan, kita akan mudah tersenarai. SEO ini lah yang akan menjadikan website dan blog kita "mesra" dengan search engine.

Bagaimana kaedah SEO ni?

1. Pelbagai cara dan kaedah
2. Keyword adalah kunci SEO paling utama
3. Melibatkan semua elemen dalam sesuatu web dan blog
4. Ada syarikat dan individu tertentu mengambil upah mengoptimakan SEO ni.
5. Ada "white hat" dan "black hat" SEO
6. Kaedah "Black Hat" adalah teknik SEO yang di haramkan.

Amacam dapat dah idea sket pasal SEO ni? Lanun dulu blur juga.. sekarang ni paham la sket sket, tu yang share ni. :-) Ok, next time kita share sifu sifu SEO melayu yang boleh kita sedut ilmu dieorang.. choww..

Aplikasi Baru : Design Template Korang Sendiri Dengan Mudah Tak Perlu Tahu Kod HTML atau CSS

Teruja betul dengan features terbaru Blogger In Draft iaitu "The Blogger Template Designer". Baru jar tadi Lanun dah try. Mesra pengguna dan banyak benda yang kita jenuh nak ubah sebelum ni, dah boleh di ubah dengan hanya drag and drop. Pada sesiapa yang tak pandai bermain dengan kod HTML, CSS and bla3..tu leh lah try features terbaru ni.

Features ni masih dalam blogger in draft, so tak dimasukkan ke blogger.com yang biasa. Jadi, untuk ke option "The Blogger Template Designer" korang boleh LOG IN kat sini http://draft.blogger.com/, kemudian pergi ke Layout > Template designer > mula berkarya... he3

klik untuk tengok lebih besar...

Korang akan diberi pelbagai pilihan dan option, antaranya :
***backup dulu template korang sebelum buat k 
( layout > edit html > download full template)

1. Tak perlu buat blog baru!!
2. Ubah keluasan "width" blog korang dengan drag size mudah!!
3. Tukar background sekelip mata tanpa taip kod!!
4. Pilih dengan step yang sangat mudah.
5. Tukar warna tema selepas pilih template
6. Pilih template simple sehingga ke advance dan editnya ikut sukahati korang
7. Lebih banyak warna dan customize boleh korang buat di bahagian advance
8. pilih beratus2... background pattern n wallpaper
9. Mesra pengguna dan tak perlukan kepakaran
10. Lebih lanjut ?? [KLIK SINI ]

So kalu berminat leh try k..have fun :-)

Tengok video promo dibawah :