Tutorial - Macam mana Nak Letak Iklan LeaderBoard Nuffnang Di atas Header Blog

Hi..

Wii..Lamer giler upernya tak posting post for blog tutorial. Mesti korang thought segment ni dah masuk stor erk. Sorry lah, i dah lame tak godek blog so agak malas nak share tips2 ni.Hehe..sowi erk follower sekalian.

So alang2 i tengah godek blog skang ni, boleh lah kita buat sesame yeer.

*For today toturial, adalah please refer ads nuffnang kat atas header itu yer. Nama bestnye ialah LeaderBoard (LB). That's tutorial i gladly nak sharing with u guys..Nampak x? nunnnn jauh di atas sana.hehe.. Sesambil tengok tu tolong Click sekali erk, at least masuk gak income..(^.^).

*Update Jun 2011 : For Demo please refer http://kakakcashier2.blogspot.com/

Jom...let's Starttttt~


Steps 1 :

Go to Blogger- Dashboard - Edit Layout - Edit HTML


Steps 2 :

Click Expand Widget Template.


Steps 3 :

Ctr + F and search for this Coding
<div id='header'>



Steps 4 :


Paste ur Nuffnang LB Coding di atas coding ini
<div id='header'>




Steps 5 :

Click Preview, kalau ok then click Save.


Steps 6 :

Siler senyum dan rajinkan tangan anda click iklan nuffnang saye..hehe




Done(",)




P/s : Senang giler kan..Omg, baru terperasan betapa rojak nye toturial ini*faint*

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Macam mana Nak Pasang Widget Related Post.

Widget Related post atau entri berkaitan atau You Might Also Like (Sila rujuk contoh dibawah post ini) adalah widget yang menyenaraikan entri atau artikel yang berkaitan mengikut kategori atau label entri atau artikel tersebut.

Untuk memasang widget Related post atau entri berkaitan, anda hanya perlu ikuti beberapa langkah yang mudah di bawah.

"Penting : Sila save script template sebagai Backup"


Langkah 1:


Log in blog > Dashboard > Layout > Edit HTML. Seterusnya tick pada kotak Expand Widget Templates.


Langkah 2:

Dengan menggunakan keyboard, tekan kekunci Ctrl + F. Search for this code </head>.


Langkah 3:


Copy kod di bawah dan paste di atas atau sebelum kod </head>.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;

}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxMYHJzeIvOBP50TDSBfyaibgTsuQ8XeEnNcCcqYyUDoZHRm38Xi0EcJtPwV6dsKHde6xIJw8_O89ulOz8nf8oscjVo_udxXB9P79geUuZ859mLeTBkp0n5-JVz20fdM67xm-Y-YdPMSE/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/>
</b:if>

"Anda boleh menukar teks Related Post yang di bold kepada teks pilihan anda."


Langkah 4:

Dengan menggunakan keyboard, tekan kekunci Ctrl + F. Search for this code <data:post.body/> .


Langkah 5:

Copy kod di bawah dan paste di bawah atau selepas kod <data:post.body/> .


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=15&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>


Langkah 6:

Clik Preview dan jika tiada mesej Error yang terpapar, clik Save.



Done(",)

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Macam Mana Nak Pasang Iklan Nuffnang (Large Rectangle)

Untuk Iklan Nuffnang Large Rectangle (LR) yang bersaiz 336px x 280px.


Steps 1:

Log in blog - Dashboard - Edit HTML. Then Click Expand Widget Templates.


Steps 2:

Tekan Ctr + F and search for this Code <data:post.body/>


Steps 3:

Copy ur Nuffnang ads (Large Rectangle) Coding then paste under / dibawah coding <data:post.body/>


For an Example:

<data:post.body/>
<center><!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "00000000000000";
</script>
<script type="text/javascript" src="http://synad2.nuffnang.com.my/j.js"></script>
<!-- nuffnang--></center>


*Coding center tu nak bagi Iklan LR terletak di tengah2*


Steps 4:

Click Preview dan Save kalau tak ada Error.



Done(",)

*****


P/s: Sowi erk rojak sikit toturial i ni, 1 malaysia katakan..ngeh3

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Macam Mana Nak Pasang Breadcrumb

Hye..i'm back=].

Rasenye dah lame tak buat segment Blog Toturial ni. Miss me?^^

Korang perasan tak kat atas title blog post i ade benda ni..


Contoh:
Home » Jeong Yeop , Lyrics » Jeong Yeop Feat.Eco Bridge (Piano By Eco Bridge) – Love You


That's call Breadcrumb.. So cool kan??


Macam mana nak pasang Widget ni.


Steps 1:

Go to Blogger - Layout - Edit HTML


Steps 2:

Clik Expand Widget Template.


Steps 3:

Ctr + F and search for this Coding <b:if cond='data:post.title'>.


Steps 4:

Copy Code dibawah and paste kan dibawah coding <b:if cond='data:post.title'>.


<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablogkorang.blogspot.com/'>Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>


*“Gantikan tulisan berwarna hijau dengan url blog uolls.”*


Steps 5:

Click Preview dan save.



Done(",).



Original Sources & Credit to : neodmarco.blogspot.com

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Macam mana nak buat Open New Tab

Okies, yang ini senang Je..Uolls cuma letakkan this coding - target="_blank"

Contoh :


<" href="http://kakakcashier.blogspot.com/" target="_blank"></a>

Selesai(",)

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Resize Text Pada Link

Apa Itu Resize Text pada Link??

Jika uolls letakkan kursor mouse pada active link, text pada link tersebut akan berubah saiznya (seperti dalam belog ini).


Effect ini senang je, Meh aku ajar korang..(",)


Step 1 :

Pergi ke Dashboard - Layout - Edit HTML


Step 2 :

Click Expand Widget Template, search for this code ]]></b:skin>


Step 3 :

Copy dan paste coding ini sebelum atau di bawah code ]]></b:skin>.

a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}


Contoh:

a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

]]></b:skin>.


atau :

]]></b:skin>.


a:hover {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}


Owh luper nak bagitau..,
Font size 18px boleh di ubah mengikut kesesuaian, Bold juga boleh ditukar ke Normal.


Step 4 :

Click preview, kalau berpuas hati boleh lah Click Save.


Selesai(",)

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Disable Copy / Enlarge Image

Cuba korang klik pix di atas..jadik besar tak?? Tak boleh kan?? Nak blajar??
hehehe..Meh aku ajar...(",)

Step 1:
Uolls upload pix seperti biase.

Step 2:
Uolls cuma perlu removed this html coding ( coding yang i highlight in red) ..

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmMdY75VyHn1Hf0suRqIWcETxKAANdSSwqLejUNFfRRptLzzhyphenhyphenCh2ive8ztzGs25ttTOSO4IA3UrpWK6cCKHtlBiOrZR40gmCR7wNLu5ZY_yJVim9NOu0irOJnk4cL3zwzrFVpgQNgeY/s1600/masaki+okada3.jpg"><img style="cursor: pointer; width: 400px; height: 195px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmMdY75VyHn1Hf0suRqIWcETxKAANdSSwqLejUNFfRRptLzzhyphenhyphenCh2ive8ztzGs25ttTOSO4IA3UrpWK6cCKHtlBiOrZR40gmCR7wNLu5ZY_yJVim9NOu0irOJnk4cL3zwzrFVpgQNgeY/s400/masaki+okada3.jpg" alt="" id="BLOGGER_PHOTO_ID_5504044093084190514" border="0" /></a>

Selesai(",)

P/s: See..senang giler kan??=)

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Text Bergerak (Marquee)

Owh!!..korang nak buat text gerak2 (Marquee) macam kat belog comot ni..Itu senang je..uolls cuma paste coding ini jeer..(",)

Uolls Pergi ke Page Element - Add a Gadget - HTML/JavaScript - Paste Coding Dibawah - Save.


1. Continuous scrolling text:

~Dari Kiri Cepat Jalan~

<marquee behavior="scroll" direction="left">Text Anda Disini</marquee><p>

Result:

Text Anda Disini

~Dari Kanan Cepat Jalan~

<marquee behavior="scroll" direction="right">Text Anda Disini</marquee>
<p>


Result:

Text Anda Disini

*****

2. Text bouncing back and forth:


<marquee behavior="alternate">Text Anda Disini</marquee><p>


Result:

Text Anda Disini

*****

3. Text Scrolling Upwards:

<marquee behavior="scroll" direction="up">Text Anda Disini</marquee>
<p>

Result:

Text Anda Disini

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Macam mana nak buat Text Berkelip - kelip

Itu senang saje..Korang cuma tambahkan coding ini saje..

<blink> Masukkan Text Disini</blink>

Hasilnya :


Masukkan Text Disini

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---

Tutorial - Macam mana nak letak Favicon

1. Memula uolls kena carik Favicon (singkatan untuk favorite icon) atau gambar kecik yang uolls nak display in the address bar.

Bila dah terjumpe pic yang sesuai, then rajin kan diri anda upload pic itu kat photobucket. Pastu, copy Direct Link gambar tersebut.

~Amaran : Hotlinking amat tidak digalakkan.. Tak baik weiii!!~

2. Pergi ke Blog Uolls, Masuk kat Layout - Edit Html - Click Expand Template

3. Tekan Ctrl + F, Search for this Code..<head/> ,

4. Bila dah jumpe code , U guys Copy Code di bawah, dan paste kan code tersebut kat bawah coding head,

<link href='Masukkan Url favicon disini' rel='shortcut icon' type='image/x-icon'/>

5. Bila dah selesai, uolls cuba Click Preview, kalau ber-puas hati, Boleh lah Click Save Tempale.

Selesai(",)

---

Please support KakakCashier Blogspot by clicking on the ads..Thank you for your Love and Support♥..(^.^)v

---