Facebook cover Photo 2, upload to your Facebook, click the images what you like and save as

Untuk membuat RELATED POST pastikan terlebih dahulu anda back up templete asal anda dan setiap posting mesti meletakkan tajuk yang berkait di posting setting seperti gambarajah dibawah :

 

Langkah seterusnya:

1. log in kedalam www.blogger.com anda.

2. Design - Edit HTML.

3. Cari kode </head> (ctrl+F), dan copy kode di bawah dan pastekan di atas kode </head> tadi.

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

Seterusnya Cari kode <data:post.body/>, copy code di bawah dan pastekan di bawah kode tadi.

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Akhir sekali save templete anda...

Selesai

Untuk mempersingkat waktu anda dan saya juga ikutilah Langkah langkah ini

Berikut langkah-langkah menambah Artikel terkait di bagian bawah blog kita
1.       Pastinya masuk dulu ke akaun Blogger
2.       Klik dan masuk ke menu Template dan pilih edit HTML
3.       klik  EXPAND TEMPLATE WIDGET ( tapi saya rasa dah tak perlu lagi)
4.       Di kotak yang berisi kode-kode HTML itu klik Ctrl+f dan akan muncul kotak pencarian di pojok kanan atas itu dan cari </head> tekan enter dan lihat akan ada tanda di kata yang anda cari tadi
5. Dan selanjutnya copy kode dibawah ini tepat diatas atau sebelum kata </head> tadi

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTt7uOVypcO1PO5M225VhlT8Zh5Nj_rvy9r6R7se1xhY6AFHOSC1LCrCDBzzn84v7sRYuwYDY8rue7GLdSR6ZpcoVYmitOne-UoU16Yio-JSEU9ovcjRJgC-L6dVRhj9b-81O0H6cIz-Y/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

6.       Setelah selesai, cari kode <data:post.body/> seperti cara tadi (jika ada dua kode yang sama pilih aja yang kedua ya)

7.       Nah kalau sudah jumpa langkah selanjutnya adalah copy script berikut dibawah <data:post.body/> tadi

<!-- Start Related Posts-->
<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>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

8.       Ok, selesai, upsss belum.. jangan lupa klik simpan Template
Terima Kasih.

9. Untuk pengetahuan tak kesemua blog dapat buat ini menjadi 100% ada sesetengah blog xtml moden tidak menerima scribt ini, kesudahannya, senang cite..tak jadi..maaf ye.. buat cara yang biasa atau cari templete yang dah tersedia related Post

 

Sebagai pemula, saya pingin juga menambah gambar di header blog saya. Terkadang saya juga bosan dengan gambar bawaan template yang sudah terpasang. Nah, ini adalah hasil tanya sana-sini, yang kemudian saya praktikkan. Semoga bisa membantu.

    Lakukan back up template anda. Seperti biasa, langkah pertama sebelum kita melakukan perubahan pada template ini sangat penting dilakukan, supaya bila ada yang salah, kita masih bisa mengembalikan tempalte yang sebelumnya.
    Upload gambar yang anda ingin pasang di header blog anda di layanan hosting gambar atau foto. Anda bisa memakai Picasa atau layanan gratisan yang lain.
    Masuklah ke Dashboard blogger anda, klik pada tab Layout, langkah ini akan membawa anda pada halaman Add and Arrange Page Elements.
    Klik pada tab Edit HTML yang akan membuka halaman Edit Template. Anda tidak perlu mencentang atau mencontreng kotak Expand Widget Template.
    Cari kode berikut ini:

    <div id="header-wrapper">
    <b:section class="header" id="header" maxwidgets="1" showaddelement="no">
    <b:widget id="Header1" locked="false" title="The Widgets of Beta Blogger. (Header)" type="Header">
    </b:widget>
    </b:section></div>

    6.  Nah, sekarang, anda perlu mengubah kode maxwidgets="1" menjadi maxwidgets="2”
         dan juga ubahlah kode showaddelement="no" menjadi showaddelement="yes"

    7.  Simpan Template anda.
    8.  Sekarang bukalah tab Page Elements. Nah, anda sekarang akan melihat pada bagian header akan ada pilihan Add Element. Kalau anda mengekliknya, maka pilihlah Picture, lalu tekan pada pilihan add to blog. Paste-lah alamat dari gambar atau foto yang hendak anda pakai untuk header anda. Simpan.
    9.  Jadi dech ….

Kotak komen facebook didalam blog adalah satu cara untuk menaikkan trafik blog atau page.
Ini kerana, jika ada pelawat yang membuat komen, secara auto, URL blog atau page anda akan dibawa masuk bersama kedalam wall si pelawat yang membuat komen, dalam masa yang sama jika friends list dari pelawat tadi melihat Tajuk perkara dari URL anda secara tidak langsung Url anda menjadi Viral didalam facebook, jadi itulah fungsinya.

Program dan scribt telah disediakan oleh pihak Facebook, jadi ini tidak lagi mendatangkan masalah kepada blogger.

 1. Login ke Facebook anda.

2. Klik  https://developers.facebook.com/docs/plugins/

3. Untuk Comments  klik https://developers.facebook.com/docs/plugins/comments

Ikuti gambar ini dari langkah 1 hingga 5:

4.

5.

6.

Tulisan yang berkelip pada blog banyak digunakan bagi menarik minat pengunjung untuk melihat dan klik link pada tulisan tersebut.Cara nya amat mudah cuma letakkan kod blink pada depan dan belakang teks yang hendak
contohnya:

Jika hendak meletak blink pada teks cuma tambahkan kod blink didepan dan belakang (mesti diedit di ruangan HTML) seperti contoh dibawah:

<blink> TULISAN BERKELIP</blink>

TULISAN BERKELIP

kod mesti rapat,Jika ada ruang kosong antara tanda < > dengan blink  ia tidak berfungsi


Untuk meletakkan blink teks pada link
:

<blink><a href="http://blogztip.blogspot.com/"target="_blank">MEMBUAT LINK PADA TEKS</a></blink>

MEMBUAT LINK PADA TEKS

Template yang standard kebiasaanya tidak meletakkan add widget pada bahagian header yang mana menyebabkan kita tidak boleh memasang gambar sebagai header.Untuk membolehkan gambar dipasang sebagai header kita perlu membuat perubahan pada kod template.

Untuk membuatnya:
Klik pada design...Pilih Edit HTML

Cari kod ini pada template anda
Cara mudah adalah dengan menggunakan butang CTRL+F untuk cari kod pada template anda>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=' TAJUK BLOG (Header)' type='Header'/>
</b:section>
</div>

gantikan kod diatas menjadi seperti dibawah ini:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='TAJUK BLOG (Header)' type='Header'/>
</b:section>
</div>
Nota: maxwidgets boleh anda gantikan bilangan yang diperlukan.kemudian  klik save template.

Untuk meletakkan gambar upload dulu ke photobucket.com dan salin kod HTML nya.
Kemudian masuk pada dashboard=>design=>page elements.pilih add a HTML/javascript dan masukkan kod dari photobucket tadi atau pada add a gadget pilih picture=>image=> from your computer.klik pada browse=>pilih lokasi imej disimpan.
Sesudah dimasukkan klik butang save.

Banyak cara untuk kita tingkatkan trafik blog.

Google.com menyediakan 1 perkhidmatan direct submit link ke google hanya masukkan link penuh url blog dan edit kod pengesahan dan submit. klik Link

Disamping itu terdapat banyak laman laman perkongsian artikel yang juga 1 medium tempat datangnya trafik yang mencurah curah hanya ambil code blog blog perkongsian dan masukkan di blog anda seperti :

www.guablog.com
http://blogr.my/
www.pingbusuk.org
http://kartikel.com
http://pinglah.my
http://pingje.com
http://www.apesal.com/
http://www.blogtopsites.com/
 http://www.pingblog.net/

Ping blog.
Untuk meningkatkan lagi trafik di blog anda, anda haruslah merajinkan diri ping blog anda dilaman laman ping blog agar link blog anda berada ditapak tapak hosting individu atau syarikat syarikat hosting di seluruh dunia , antaranya :

http://www.totalping.com
http://www.pingmyurl.com/
www.mypagerank.net
http://ping.in/index.php
http://pingomatic.com/
http://googleping.com/
http://pingmylink.com/
https://pingler.com/
http://www.blogbuzzer.com/
http://pingates.com/
http://www.dmegs.com/
http://247pinger.com/
http://www.submitstart.com
http://9rules.com/submit/
http://globeofblogs.com/register

Apakah META TAG?

Meta tag merupakan element atau tag yang dipakai dalam program HTML atau XHTML yang diguna untuk mengaplikasikan metadata dalam suatu halaman web. Meta tag biasanya terletak di bagian header di HTML. META TAG ini berisikan tajuk, kandungan, perkara didalam sesuatu blog yang mana Crawl dari search enjin akan mengesan sesuatu keyword yang dicari didalam META TAG ini..jadi ianya amat penting sekali



P/s:
Sila ikuti langkah demi langkah dengan tertib agar prosese ini berjaya.
Kesilapan dalam memasang Meta Tag akan merumitkan keadaan sesuatu blog atau akan berlaku ERROR kepada blog tersebut.

1. Log In ke dalam www.blogger.com

2. Masuk kelaman Templete .

3. Klik Edit HTML seperti ia atas.

4. Klik serentak Control dan F, cari kod   <head>

5. Jika dah jumpa code <b:include data='blog' name='all-head-content'/> ,
sila COPY code dibawah :

<meta content='ISI CONTENT BLOG ANDA' name='description'/>
<meta content='MASUKKAN KEYWORD BLOG ANDA TIDAK MELEBIHI 22 KEYWORD' name='keywords'/>
<meta content='Index, Follow' name='robots'/>
<meta content='Nama blog anda tanpa .com' name='author'/>
<meta content='© 2012 Nama blog anda tanpa .com' name='copyright'/>
<meta content='2 days' name='revisit'/>
<meta content='never' name='expires'/>
<meta content='2 days' name='revisit-after'/>
<meta content='MALAYSIA' name='geo.placename'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='All-Language' http-equiv='Content-Language'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='all' name='spiders'/>
<meta content='all' name='WEBCRAWLERS'/>
<meta content='noodp' name='robots'/>
<meta content='noydir' name='robots'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>

6.Edit tulisan berwarna merah dengan perkara blog anda, setelah edit copy semua sekali dan pastekan di bawah <b:include data='blog' name='all-head-content'/> tadi

7. Priview templete terlebih dahulu, jika berjaya di pamerkan di preview terus save templete.

8. Setelah selesai semua proses diatas, Cek link blog anda di http://metachecker.net untuk memastikan kesesuaian content @ Description dan keyword blog anda.

9. Selesai..........
Selesai..

Setelah memilih templete yang disukai, sila Download templete tersebut.
Lihat Contoh gambar :
1.

 

2.

 

3.

 4.

5. Pergi ke blogger.com, klik 1 dan 2

6.

7.

 

 Jika berjaya diupload..templete anda sudah siap . Langkah berikutnya susun atur templete anda di page LAYOUT. Jika file anda tidak berjaya di upload, kemungkinan file tersebut tidak dapat dibaca atau ia bukan file XML, langkah mudah...cari templete lain..hehe (jangan pening kan kepala anda yg telah sedia pening)