Thursday, May 29, 2014

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:

Upload Video Dalam Blog

Selain gambar, video juga memainkan peranan yang penting untuk seseorang blogger untuk mempelbagaikan kandungan entri dalam blog.

Video boleh merangkumi samada aktiviti peribadi, video klik lagu kegemaran, video klip percutian, tutorial dan apa sahaja yang dilihat lebih memudahkan untuk disampaikan kepada pengunjung ataupun untuk tatapan pemilik blog sahaja.
Cara untuk letak video dalam blog


Untuk mengupload video menggunakan kaedah yang tersedia untuk blogger adalah seperti berikut.

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

cara letak video Dalam Blog

2. Pada paparan yang muncul, klik pada icon video seperti yang ditunjukkan.

Cara untuk letak video dalam blog


3. Langkah seterusnya, browse video yang hendak diupload, masukkan title dan juga tick pada ruangan seperti yang ditunjukkan. Kemudian klik pada upload video

Cara untuk letak video dalam blog


4. Untuk sesebuah video, masa diperlukan untuk memproses video tersebut sehingga dapat dipublishkan. Bergantung kepada saiz video.

Cara untuk letak video dalam blog


Anda boleh save dahulu hasil kerja anda dan kembali selepas beberapa ketika untuk pastikan samada video tersebut sudah boleh dimainkan atau tidak.

Permulaan : Cara Buat Akaun Blogspot

Mendaftarkan diri sebagai seorang pemilik blog dengan menggunakan platform blogger tidaklah sesusah yang disangka.
Dengan mengikuti beberapa langkah ringkas berikut, anda sudah bergelar seorang blogger.
Cara Buat Akaun Blogspot


Sebelum memulakan pendaftaran untuk akaun blogspot, anda mestilah mempunyai akaun google dahulu. Akaun lain pun boleh, tetapi untuk jangka masa panjang, ada akaun google akan lebih memudahkan memandangkan blogger.com adalah produk dari google.

Jika anda sudah mempunyai akaun google, boleh sign dahulu atau klik disini.http://mail.google.com/mail/?hl=en&tab=im.

Jika anda masih belum mempunyai akaun google, sila daftarkan dahulu disini untuk memudahkan proses pendaftaran akaun blogspot.

Berikut adalah langkah-langkah yang diperlukan untuk mendaftar akaun blogspot.

1. Buka link www.blogger.com

2. Apabila paparan sudah keluar, klik pada 'create a blog'

Cara Buat Akaun Blogspot


3. Seterusnya masukkan maklumat yang dikehendaki kemudian klik 'continue'.

Cara Buat Akaun Blogspot


4. Kemudian masukkan blogname dan juga blog address

  • Blog name lebih merujuk kepada trademark sesebuah blog
  • Blog address adalah digunakan oleh pengunjung untuk membuka blog anda. Blog address antara perkara paling penting bagi sesebuah blog. Untuk memudahkan pemahaman, sila rujuk Tips Pemilihan URL Untuk Blog.


Cara Buat Akaun Blogspot


5. Pilih template yang anda rasa sesuai, kemudian klik 'continue'

Cara Buat Akaun Blogspot


6. Siap. Anda sudah mempunyai akaun blogspot anda sendiri ada boleh mula untuk menaip entri pertama anda.:)

Cara Buat Akaun Blogspot

Letak iklan nuffnang Statik

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

Tuesday, April 23, 2013

Buat Read More Dalam Blog

Tutorial ini akan menunjukkan lagi cara untuk buat read more bagi sesebuah blog.
Sebenarnya kaedah ini  sudahpun agak lama wujud dalam blogger.com, tetapi mungkin pengguna blogspot tidak perasan  Dan bagi blogger yang menggunakan template asal daripada blogger.com, kaedah ini amat mudah untuk diaplikasikan.


Berikut tutorial ringkas untuk buat read more yang sudah 
tersedia dalam blogger.com


1. Login ke akaun blogger anda, kemudian daripada dashboard klik new post.



2. Kemudian taipkan beberapa patah perkataan, kemudian diselangi oleh kod berikut. (Ini untuk test template anda sudah tersedia dengan kod penuh atau belum)

<!-- more -->


contoh: anda boleh copy dan paste bawah ni ke dalam new post anda.


Ini ayat sebelum perkataan 'read more'
<!-- more -->
Ini ayat selepas perkataan 'read more'


3. Kemudian klik pada publish, dan tengok dari paparan muka hadapan blog anda samada read more ini berjaya atau tidak. Kalau berjaya, kerja anda sudah siap.:)

Kalau tidak berjaya,
(biasanya melibatkan bukan template default dari blogger), sila ikuti sedikit penambahan berikut.

1. Dari dashboard, klik pada layout > edit html

2. Backup template anda, kemudian klik pada expand widget templates

3. Menggunakan keyboard, tekan ctrl + f (untuk membuka fungsi find), kemudian cari kod berikut

<data:post.body/>


4. Copy dan paste kod ini dan letakkan dibawah kod tadi.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >


5. Kod anda sepatutnya kelihatan seperti dibawah

cara Buat Read More Dalam Blog


6. Save template anda dan lihat hasilnya.:)

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.

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

Disable Right Click (larangan copy paste)

Adakah anda tidak suka orang lain mengambil apa sahaja kandungan dalam blog anda.?
Dan pada masa yang sama anda tidak suka dengan kod² yang berserabut yang perlu di edit dalam 'edit html'. Kini ada cara mudah untuk realisasikan hasrat anda.:)

Kenapa Perlu Disable Right Click.?
Kebiasaannya,seseorang pemilik blog akan menggunakan fungsi ini untuk megelakkan orang lain mengambil apa yang ada dalam blog mereka. Samada tidak senang ayat mereka ditiru bulat² (copy paste), ataupun untuk mengelakkan bandwidth habis digunakan. Kebiasaan alasan yang aku selalu baca adalah kerana ada orang yang copy entri mereka bulat².

Berikut adalah contoh msg yang akan keluar apabila anda aktifkan disable right click





Berikut adalah cara yang mudah untuk menggunakan fungsi ini.

1. Copy kod ini.

<script language=JavaScript>
<!--

//edit by unwanted


var message="Masukkan Mesej Anda Disini";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>
2. Paste pada "HTML/javascript" dalam blog anda.
Dashboard >Layout>Add gadgett >html/javascript.



Apabila sudah siap, save dan lihat kesannya pada blog anda.:)