Breaking

Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

September 28, 2012

17:32

Cara Pasang Meta Tag: Tutorial Meta Tag Tips SEO


Ramai yang bertanyakan apa itu meta tag dan bagaimana mahu memasangnya di blog? Meta tag ini sangat penting dalam SEO dan cara pasang meta tag ini sangat mudah dilakukan.

DEFINISI  
Meta tag ialah sebuah tag HTML yang istimewa di mana ia mengandungi maklumat tentang blog itu. Tidak seperti HTML yang biasa, meta tag tidak mempengaruhi appearance blog itu. Sebaliknya meta tag dapat menberitahu kepada enjin pencarian tentang siapa yang buat blog itu, berapa kerap blog itu di update, entri blog itu menceritakan tentang apa dan apa keyword yang berkaitan dengan content blog itu. 

KEGUNAAN DAN KEPENTINGAN META TAG
Meta tag ini tidak di pasang secara automatik dalam blog. Oleh itu anda sendiri yang harus  memasangnya untuk menikmati pelbagai manfaat dan kegunaan dari meta tag ini. Meta tag  berfungsi untuk mengambarkan tentang keseluruhan content di dalam blog. Ia sangat penting supaya dapat memudahkan blog anda untuk di-crawl atau di analisis oleh enjin pencarian.

Sebab itu anda haruslah meletakkan keyword yang sangat sesuai dalam meta tag ini supaya blog anda dapat di optimakan pada enjin pencarian. Keyword ialah kata kunci yang banyak dikatakan pada entri blog anda. Pendek cerita, meta tag penting di pasang supaya blog anda akan jadi mesra SEO dan senang untuk spider meng-index blog. Bila blog anda untuk untuk di index oleh enjin pencarian, maka lagi mudah untuk blog anda muncul di enjin pencarian.

CARA PASANG META TAG
Sebelum pasang meta tag, blog anda haruslah dioptimakan terlebih dahulu supaya mesra enjin pencarian. Saya sarankan supaya menggunakan peng-optimaan SEO Genarasi Baru. Berikut adalah langkah-langkahnya :

Langkah 1
Pada dashboard blogger, klik design > Edit HTML > Tick pada 'Expand Widget Template' > tekan CTRL+F > taip dan cari kod di bawah
<title><data:blog.title/></title>
Kalau tak jumpa, taip kod 
<title><data:blog.pageTitle/></title>

Langkah 2
Pada kod tadi, highlight, padam dan gantikan dengan kod dibawah :
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<meta expr:content='data:blog.title' name='Description'/>
<meta expr:content='data:blog.title' name='Abstract'/>
<meta expr:content='data:blog.title' name='Keywords'/>
<meta expr:content='data:blog.title' name='Copyright'/>
<meta expr:content='data:blog.title' name='Author'/>
<meta content='ALL' name='ROBOTS'/>
<meta content='Global' name='Distribution'/>
<meta content='En' name='Language'/>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.title' name='Abstract'/>
<meta expr:content='data:blog.pageName' name='Keywords'/>
<meta expr:content='data:blog.title' name='Copyright'/>
<meta expr:content='data:blog.title' name='Author'/>
<meta content='ALL' name='ROBOTS'/>
<meta content='Global' name='Distribution'/>
<meta content='En' name='Language'/>
</b:if>
Langkah 3
 Save Template. Siap!

Eh! belum siap lagi! huhu.. kali ini, baru kita akan pasang meta tag.. kesian korang, penat buat tutorial ni.. hehe.. takpe, learning is fun rite?

Ok ikuti step by step macamana nak pasang meta tag kat bawah :

Langkah 1
Salin kod di bawah pada notepad. Edit pada tulisan yang berwarna
<meta name="description" content="MASUKKAN DESCRIPTION BLOG ANDA (tidak lebih dari 150 patah perkataan)" />
<meta name="keywords" content="MASUKKAN KEYWORD BLOG ANDA (tak lebih dari 20 keyword)" />
<meta name="Charset" content="ISO-8859-1" />
<meta name="copyright" content="Copyright © 2011 NAMA ANDA ATAU NAMA BLOG (bukan url blog)" />
<meta name="author" content="NAMA ANDA" />
<meta name="designer" content="NAMA ANDA" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta name="distribution" content="Local" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
Langkah 2
Pada dashboard klik design > Edit HTML > tick pada Expand Widget Template dan cari kod di bawah 
<b:include data='blog' name='all-head-content'/>
Langkah 3
Copy and paste kod yang dah diedit tadi dibawah kod di atas. Ha?? tak faham! di bawah kod di atas? haha! Lihat contoh!




Langkah 4 
Save Template. Siap!

perhatian : anda juga boleh guna meta tag generator. Hanya isikan form dan dapatkan kod dia. Lepas tu tampal kt Edit HTML blog anda. Dapatkan disini.


Tahniah, anda berjaya melakukannya! Kalau tak faham, beritahu di bahagian komen ya :)
Mengoptimum SEO versi generasi baru telah di sumbangkan oleh Kak Sya.

0
By at No comments:
Labels: , , , , ,

October 30, 2010

08:44

(Tutorial) Cara Memakai Shawl Mengikut Fesyen Terkini

Salam semua, untuk entry kali ni me nak berkongsi cara terbaru mengayakan tudung jenis shawl atau selendang. tutorial ni dalam bentuk gambar dan dicilok dari majalah nur. mesti ramai yang dah bosan dengan cara korang pakai shawl kan? nak cuba gaya baru tak reti, tak pun segan takut nampak pelik nanti orang pun pandang semacam je.

tapi dalam tutorial ni cara memakai shawl mengikut fesyen terkini dan nampak simple. kalau berminat boleh try (sile klik gambar untuk pembesaran)

Gaya 1: Shawl


Gaya 2: Mavi 


Gaya 3: Turkish


Gaya 4: Mavi II

Gaya 5: Marheba


Gaya 6: Shawl II


Gaya ikatan ni diilhamkan oleh Malady Couture dan kredit kepada mass.nasyeed.my

@: sangat berminat gan style no. 1 tu heee~
0
By at No comments:
Labels: , , , , , , ,

October 5, 2010

19:44

(Tutorial) CARA PASANG RECENT POST BERGERAK

hari tu Roxyzai ada tanya macamna nak buat widget 'Menarik&Terkini' macam kat sidebar sebelah kiri tu

so aku nak kongsi dalam entry ni senang siket, yang lain pun boleh baca

so caranya mudah je, cuma perlu...

1. COPY kod dibawah ni

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
margin-bottom:-20px;
padding:0px 0px -20px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:center;
height:70px;
overflow: hidden;
background:#FFFFFF;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#A32929;
font-size:12px;
height:0px;
overflow:hidden;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:10px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:0px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:0px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[1] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[2] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[3] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[4] = "http://img15.imageshack.us/img15/5439/noimagex.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
showcomments = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://NamaBlogKorang.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
</div>


(cuma perlu tukar tulisan merah tu, taip nama blog kamu ye)

2. Klik Dashboard - Design - Edit HTML
3. Klik Add a Gadget - HTML/JavaScript
4. Paste kod diatas tadi
5. Klik Save

.....ok siap!

mudah je kan? so korang bolehla try kat blog memasing

p/s: actually kod ni pun aku cilok dari blog mana ntah, siyes tak ingat. tapi apa salahnya berkongsi kan :D
3
By at 3 comments:
Labels:
Related Posts Plugin for WordPress, Blogger...

Total Pageviews

What color theme you prefer?

Follow Us