Bagaimana Meletakkan Iklan Nuffnang Secara Statik

on Friday, August 31, 2012

Bagi anda yang sudah mempunyai blog sendiri sudah tentu ingin menjana sedikit pendapatan dari hasil blogging,biarpun anda blogging sebab minat semata-mata tapi jika mendapat sedikit suntikan duit dari pihak nuffnang sebagai contoh sudah tentu dapat menjimatkan kewangan anda terutamanya untuk membayar bil streamix mahupun bil broadband.

 Tutorial hari ini akan mengajar anda semua bagaimana cara untuk memasang iklan nuffnang(skysscraper) secara statik diblog anda walaupun entri telah di skroll ke bawah.

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 memasing iklan secara statik adalah seperti berikut :-

1)Login ke akaun nuffnang dan copy kode iklan nuffnang untuk skyscrapter.
2) Copy kod di bawah, kemudian letakkan di HTML/javascript dalam blog anda
( Dashboard >Design > Page elements > Add a gadget > HTML/javascript )


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







 

Buat gambar Bergerak (scrolling Image)

Pergerakan setiap gambar bergerak boleh diubah sama ada dari kiri ke kanan,bawah ke atas serta kanan ke kiri.anda juga boleh mengubah kelajuan pergerakan gambar tersebut.

Contoh kod scrolling image adalah seperti berikut,sila tukarkan perkataan yang berwarna merah dengan url gambar apa yang anda ingin masukkan.

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>


kod kredit to blog tutorialuntukblog

Penerangan:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.


contoh scrolling image adalah seperti dibawah



Bagaimana Menukar Template Blog Anda

Mungkin anda sudah bosan dengan rupa blog anda yang suram,untuk menyelesaikan masalah ini,apa kata anda mencari template yang baru dan upload template baru sebagai rupa bentuk baru rumah anda,untuk mencari senarai laman web yang menawarkan senarai template percuma untuk dimuat turun,anda boleh rujuk disini -->

Senarai laman Web Untuk Muat Turun Template Blog

Berikut adalah langkah-langkah untuk menukar template blog anda.

1)Login ke akaun blogger anda,di dashboard kemudian pilih design dan kemudian klik pada edit HTML.
2) klik pada browse dan cari lokasi file template *.xml dari pc/laptop anda,dan klik open dan seterusnya upload

 3)Klik upload
4)apabila upload proses berlaku,paparan seperti dibawah akan keluar dan pilih 'keep widget'.

5)Selesai dan anda boleh view blog anda yang sudah berwajah baru.

Senarai laman Web Untuk Muat Turun Template Blog

Berikut adalah senarai laman web untuk perkongsian bagi anda yang masih tercari-cari dimanakah tempat yang sesuai untuk mencari template yang menjadi idaman hati,ingin dimaklumkan,ada beribu-ribu laman web yang menwarkan servis ini tetapi saya cuma senaraikan beberapa laman.

Untuk pengetahuan bersama,template sesebuah blog adalah dalam format *.xml,sekiranya ada memuat turun file yang dalam bentuk zip/rar,sila extract dulu file tersebut dengan menggunakan program percuma seperti 7zip sebagai contoh.

http://www.freecsstemplates.org/
http://www.4templates.com/website-templates/
http://html5up.net/
http://templated.org/
http://www.freewebtemplates.com/
http://www.themesbase.com/
 

Backup Template Blog

Template bagi sesebuah blog boleh diibaratkan sebagai tiang atau tulang belakang,fungsi blog dan juga kebanyakan trick untuk sesebuah blog akan dilakukan di template(Edit HTML).

Oleh itu adalah perlu untuk seseorang blogger akan backup dahulu template blog sebelum melakukan sebarang pengubahsuaian ataupun sebelum menukar template baru.
Tujuan backup template adalah untuk backup jika sebarang perubahan kod yang diaplikasikan tidak menjadi.

Tutorial untuk backup template bagi blog adalah seperti berikut.

1) Login seperti biasa,kemudian dari dashboard klik design.

2)Pada menu design,klik pada edit HTML

3) selepas itu,klik pada download full template.

 
4)Keluar paparan dibawah,dan klik save

5) Selesai

Bagaimana Memasukkan Video Dari Youtube Ke Blog

Tutorial kali ini adalah berkisar bagaimana cara untuk memasukkan video dari laman web youtube ke dalam blog anda,mungkin ramai yang sudah tahu cara untuk memasukkan video ini tetapi saya tetap ingin buat tutorial ini bagi mereka yang masih belum tahu mahupun kepada newbies yang baru mengenali dunia blogging..termasuklah saya.

1.Daftar masuk ke akaun blogger anda.kemudian pilih new post.
2.Buka halaman youtube (http://www.youtube.com) dan buka video yang anda pilih untuk dimasukkan kedalam post terbaru anda,pilih share dan klik pada embed seperti dibawah.
3.Anda juga boleh customize saiz file video yang diingin dan setelah selesai anda tick pada use old embed code.sila rujuk gambar dibawah.

4.setelah selesai,sila copy code dari bahagian embed tadi dan paste dalam ruangan blog anda,klik preview untuk melihat hasil.

5.Selesai.
contoh video yang dipostkan

Cara Membuat Butang Pertukaran Link

Assalamualaikum dan Selamat Hari raya Aidilfitri kepada semua pengunjung Media Siber.
Bagi para blogger sekelian,anda semua pasti pernah mendengar link exchange bukan?
banyak kebaikan bila kita mempunyai ramai kawan-kawan blogger dan link exchange akan membantu menaikkan trafik ke blog kita.
Jadi untuk tidak membuang masa,marilah kita sama-sama pelajari cara untuk membuang butang link exchange ke dalam blog kita.

1.Cipta image untuk dijadikan sebagai butang,dinasihatkan menggunakan ukuran 150X45.
seperti image dibawah

2.Pada halaman dashboard,klik pada ruangan design>page elements dan pilih add a gadget.

3.Selepas itu pilih HTML/Java Script
4.Salin dan masukkan kod dibawah,tukar ayat warna merah dibawah.

<center>

<img src="masukkan link image yang anda cipta dan upload "><br>copy dan paste kod dibawah <br>untuk sambung dengan kami<br></center><br>

<center><textarea rows="4" name="S2" cols="15" style="border: 1px solid rgb(102, 102, 102); padding: 1px 4px; background-color: rgb(255, 255, 153);">


&lt;a href="url blog anda" target="_blank"&gt;&lt;img src="masukkan link image yang anda cipta dan upload" width="143" height="41" alt="nama blog" border="0"&gt;&lt;/a&gt;</textarea>

</center>

5.Selesai