Tutorial : Navigation Bar or Menu Tab

1. Dashboard>Design>Page Elements>Add a Gadget>Add HTML/Javascript

2. CTRL+C, Copy this code

<center><a href="http://blogtutorial4fish.blogspot.com/" style="margin-left: 0em; margin-right: 0em;"><img style="width: 235px; height: 122px;" src="http://i399.photobucket.com/albums/pp71/MyRa_022/Fairy%20Tale/NavBarHomeFT.png" border="0"/></a></center>

Note that :

• http://blogtutorial4fish.blogspot.com/ : Gantikan dengan URL anda
• width: 235px; height: 122px : Size ditukarkan agar fixed dengan saiz URL gambar anda
• http://i399.photobucket.com/albums/pp71/MyRa_022/Fairy%20Tale/NavBarHomeFT.png : Gantikan dengan URL gambar anda.
• Perhatian. Code HTML ini hanya untuk satu jenis Menu Tab. Kalau hendak buat banyak menu tab, copy code HTML ini semula dan paste kan selepas code HTML sebelum ini. Pastikan code HTML anda berada di antara code <center> dan </center>.

P/s : Anda boleh buat gambar menu tab sendiri dengan mengunakan Photoscape atau Adobe Photoshop, bergantung kepada kreativiti anda.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial : Facebook Like Button

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.

2. CTRL+F, Find

<data:post.body/>

3. Copy this code right after the code <data:post.body/>.

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

4. Make sure to preview first.

5. And if it work. Save your template.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tips - Nak Dapat Backlink Sebanyak 6,103,515,625

السلام عليكم 안녕하세요 Hello!

Dengan tajuk entry kali ini memang mustahilkan? Tapi sebenarnya bukan mustahil, ianya kebenaran kalo kita same-same ade work team, so kalo nak tau teruskan membaca yer..

Sebenarnya tips ini rasenya sudah lama dan sudah ramai para blogger2 diluar sana yg buat cara ini terutama blogger di negara seberang Indonesia dan cara yang sey follow up ini pun sey dapat dari blogger Indonesia tapi ape2 pun korang pun kene lah follow up entry ini selepas baca dan buat. So, lets the party started, yehaaa!!

1. Tulis posting seperti posting ini, kemudian beri tajuk yang menarik.

2. Korang hanya cuma meletakkan Link URL di bawah ini untuk posting korang.

1. ~ApekpunyaBlog~

2. My Big Family & Friends

3. ABCMILO

4. matdin (orang paling terkenal hehe…)

5. MSR @Blogger

6. tengku nizam

7. mizz shizu

8. Myself V3 Me &

9. Blog Hanz

10. BeMie's WoRLd

11. Farah Shafiqah

12. Mok&Sons

13. josrevalution2011

14. Mira Zaini™

15. Blog Tutorial™

PERATURAN!!!

1. Sebelum korang  meletakkan link di atas kat posting blog korang, sila hapuskan link nombor 1.

2. Selepas itu pindahkan Link no.2 menjadi no.1, yang No.3 jadi No.2, yang No.4 jadi No.3 dan seterusnya.

3. Setelah itu masukkan link anda di urutan bawah sekali (No.15).

***So, nanti akan jadi begini.

1. My Big Family & Friends

2. ABCMILO

3. matdin (orang paling terkenal hehe…)

4. MSR @Blogger

5. tengku nizam

6. mizz shizu

7. Myself V3 Me &

8. Blog Hanz

9. BeMie's WoRLd

10. Farah Shafiqah

11. Mok&Sons

12. josrevalution2011

13. Mira Zaini™

14. Blog Tutorial™

15. Nama blog korang.

Ingat! Jangan Ubah urutan daftar link itu. Jika setiap blogger mengikuti formula tersebut, maka bakal menghasilkan backlink seperti berikut:

Bila posisi anda pada no.15, jumlah backlink = 1
Posisi no.14, Jumlah backlink = 5
Posisi no.13, Jumlah backlink = 25
Posisi no.12, Jumlah backlink = 125
Posisi no.11, Jumlah backlink = 625
Posisi no.10, Jumlah backlink = 3,125
Posisi no.9, Jumlah backlink = 15,625
Posisi no.8, Jumlah backlink = 78,125
Posisi no.7, Jumlah backlink = 390,625
Posisi no.6, Jumlah backlink = 1,953,125
Posisi no.5, Jumlah backlink = 9,765,625
Posisi no.4, Jumlah backlink = 48,828,125
Posisi no.3, Jumlah backlink = 244,140,625
Posisi no.2, Jumlah backlink = 1,220,703,125
Posisi no.1, Jumlah backlink = 6,103,515,625

Kita sama-sama cuba jaya ok.
Selamat mencuba!!!

***Ingat, jangan menipu, tolong menolong sesama rakan blogger untuk mendapat trafik yang banyak. Then jangan lupa promote link entry ni kat blogger-blogger lain. Lagi byk lagi bagus, kalau sehari promote kat 100 blog mungkin yg buat 10% jer maknenya dalam 10 org yg buat. Ingat lagi banyak backlink kita lagi tinggi ranking pencarian blog kita kat search engine.

So, begitulah cara untuk kita mudah tingkatkan ranking blog kita atau pun backlinks daripada blog lain. Sekian.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tips - Nak Tingkatkan Ranking Pencarian Blog Anda?

السلام عليكم 안녕하세요 Hello!

Nak tingkatkan pencarian blog korang? Ape kate kita guna META TAGS(MT). MT ni gunanya untuk memudahkan pencarian blog korang kat search engine. MT adelah faktor terbesar dalam Organic Search Engine Optimization(SEO). Bahase mudah nak paham, MT ni akan communicate dengan search engine dan bagitahu ape informasi yang ade dalam blog korang yang boleh dicapai dalam pencarian.

Contohnya kalau kita search Mira Zaini, keluar ini. Tak payahlah sesusah nak carik blog korang kat mane, yelah, kekadang nama blog kite boleh jadi hampir sama dan dekat, so pencarian blog korang take time nak jumpe. Disamping itu, description korang nanti boleh tukar jadik camni :-

Dulu :

Sekarang :

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.

2. CTRL+F, Find

<b:include data='blog' name='all-head-content'/>

3. Create Meta Tags gune generator ni.

Click META TAGS GENERATOR

P/s :

• DESCRIPTION HERE: Description blog korang.

• KEYWORDS: Keyword blog korang.

• AUTHOR NAME: Nama blog Korang. 

4. Generate MT code.

5. Copy MT code and paste right after the code

<b:include data='blog' name='all-head-content'/>

Kalau nak check korang buat betul ke tidak. Korang search je Meta Tags Analyzer, pilihlah mana mana link yang korang nak guna.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial - LinkWithin - Anda Mungkin Juga Meminati

السلام عليكم 안녕하세요 Hello!

1. Visit link LinkWithin

2. Nanti korang jumpa  kat web page tu sama macam di bawah ni, sila fill the form.

3. Pastu lepas click GET WIDGET, korang jumpa yang ni pulak.

4. Make sure to preview first.

5. And if it work. Save your template.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial - Ringankan Blog Mengunakan jQuery

السلام عليكم 안녕하세요 Hello!

Wah, tutorial lagi, hari ini saya nak tunjukkan macam mana nak bagi blog loading dengan cepat. Macam mana blog tak lambat loading kalau dah banyak sangat widgets, gambar atau pon iklan-iklan yang korang pasang. So, dengan mengunakan jQuery ini, dapatlah membantu meringankan blog korang, tetapi berapa percent blog ini ringan, saya pun tak tahu. Tapi tak salah mencuba. Okeh!

1. Click Dashboard>Design>Add a Gadget>Add HTML

2. CTRL+C for copying the code.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><br> <script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><br> <script type="text/javascript"><br> jQuery(document).ready(function($){<br> if (navigator.platform == "iPad") return;<br> jQuery("img").lazyload({<br> effect:"fadeIn",<br> placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnom1f5t-tRsTjJGcMBWdXQE_a8RCgB7TklYzdCeiWKoddTOGCjPnTRU1sAU4chNeFyenVFs8WI9FzEzEsBlCWKDbyWqWns-z828pyNrPYo0Pch8EnroznZCffeHMx0mSTxZvP0VstlU/s1600/grey.gif"<br> });<br> });<br> </script>

3. Paste Code>Save

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial : Blog Header

Korang mestilah download Photoscape, Adobe Photoshop CS3, Fonts and Pictures

Lepas dah install semuanya. Korang open Paint software yang memang wujud dalam Desktop korang tu. Lepas open, korang nampak tak background putih tu? Kalau nampak, terus je save. Mcm sy, sy save as White Background. P/s - Tak kisah nak guna format ape untuk picture, yang biase adelah JPEG and PNG.

Then, korang right-click picture background td, and open with Photoscape korang. Bila dh open, it suppose to be like this. Mcm sy punya, size dye 960 x 405. Cara nak adjust size ialah dgn klik button Resize tu and type size yang dikehendaki.

So, gmbr-gmbr yg korg dh download td, khas utk header korg. So mcm sy, sy nak ltk gmbar pelangi tu, so sy tekan tab Object and klik pada button gunung, then photo. Pilih picture korg, mcm sy, sy pilih picture pelangi. Korang place laa kat mane-mane bhgian pd white background korg tu, korg bole jgk resize dgn tarik je bucu gambar tu. So, korg dh bole hias white background korg dgn gmbr-gmbr yg korg download. Hasilnya macam ni.

Korang mungkin mengalami masalah dimana, gambar korang bertindan dan menutupi gmbr-gmbr yang laen. So, mcm mane nak buat. Ini lah caranya, saya sarankan korg edit semua gambar yg korg download td mgunakan Adobe Photoshop CS3 tu sebelum memulakan projek Tapi sbb sy nak korg nmpk kslhn korg, sy bgtau ni lmbt. So, minimize sgale projek korang, pilih gambar yg korg nak, right-click, open with Adobe Photoshop CS3, so disebelah kiri korg, ade Tools, korg cari eraser dye. Dah jumpa? Oke, right-click pd button eraser tu, then klik pd Magic Eraser Tool. Bile dh selesai, korg pergi pada bhgian-bhgian tertentu pd gmbr-gmbr korg, background picture tu laa yg korg kne buang, klik pd bhgian tu, then...Nah, ia akn jd mcm ni. Setelah korg dh berpuas hti meng'erase'. Klik pd tab di ats yg diberi nama File, then Save For Web and Devices. Nak guna gambar yang korang edit ngan Adobe Photoshop CS3 tu, wat step yang sama dengan step adding pictures sebelum ni.

Untuk add text, step are shown below.

So, bila dah siap, korang jangan lupa save.

Step, seterusnya, korg kena guna Adobe Photoshop CS3 alek, cari picture yang korang edit tadi, open with Adobe Photoshop CS3, erase background pada header korang tadi. Stepnya, sama dgn yang sebelum ni.

Tadaaa...blog header sudah ciap, if ade pertanyaan sila post di comment. TQ. Annyong

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial : Reply To Comment

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.

2. CTRL+F, Find

<b:include data='comment' name='commentDeleteIcon'/>

3. Copy this code right after the code <b:include data='comment' name='commentDeleteIcon'/>

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[REPLY TO COMMENT]</a></span>

4. Copy your blog ID and paste onto the color code, (YOUR BLOG ID)

P/s : 

• To find your blog ID, just look in your browser's address bar. At the end of the address, you can see that it says blogID=XXXXXX where the X's represent your blog's ID.
• [REPLY TO COMMENT] can be replace with your own words.

5. Make sure to preview first.

6. And if it work. Save your template.

But if you want to use your own picture for signature.

6 . Replace [REPLY TO COMMENT] with

<img alt='Reply To This Comment' src='URL of your picture'/>

7. Make sure to preview first.

8. And if it work. Save your template.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial : Signature di Bawah Setiap Post

1. Dashboard >Design > Edit HTML > Tick Expand Widget Templates.

2. For post title, CTRL+F, Find

<data:post.body/>

3. Copy this code and paste right after the code

<img src="URL of your signature" />

4. Make sure to preview first.

5. And if it work. Save your template.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial : Tukar Home Button, Newer Post Button and Older Post Button guna gambar

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.

2. For newer page button. CTRL+F, Find

<data:newerPageTitle/>

3. Copy this code and replace the existing code.

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

5. For older page button. CTRL+F, Find

<data:olderPageTitle/>

6. Copy this code and replace the existing code.

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>

7. For Home button. CTRL+F, Find

expr:href='data:blog.homepageUrl'><data:homeMsg/>

8. Copy this code and replace with <data:homeMsg/> code.

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>

9. Make sure to preview first.

10. And if it work. Save your template.

P/s : Kod yang berwarna purple itu boleh digantikan dengan kepada kod gambar yang korang suka.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial : Letak Ayat Di Bawah Setiap Post

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates.

2. CTRL+F, Find

<data:post.body/>

3. Copy this code right after the code <data:post.body/>.

<hr/><center>Your text begin here</center><hr/>

4. Make sure to preview first.

5. And if it work. Save your template.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---

Tutorial : Shadow Effect Dekat Post Title And Sidebar

1. Dashboard >Design > Edit HTML > Tick Expand Widget Templates .

2. For post title, CTRL+F, Find

h3.post-title {

Then, find this.

.post h3 {

3. Copy this code right after the code .post h3 {

text-shadow: 2px 2px 3px #FFFFFF;

For Sidebar, CTRL+F, find.

h2 {

5. Copy this code right after the code h2 {

P/s : Text-shadow boleh tukar warna. Tukar kod yang berwarna itu kepada kod warna yang korang suka.

---

Suka post ni? Sila like post ni. Comment sekali okey.

---