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

16 Facebook Cover Photo

 

 Login ke dalam blogger anda.

1) Dashboard > Template > Edit HTML [Template blog sudah berwajah baru, jadi,  tidak perlu Tick  pada Expand Widget Template.]

2) Tekan Ctrl+F secara serentak dan copy kemudian paste code di bawah ini, di dalam kotak 'search' tersebut.

    </head>

 3) Sekarang, anda perlu copy code di bawha ini:

    <link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>
    <link href='URL gambar' rel='icon' type='image/x-icon'/>


Setelah itu, paste code tadi di atas code "</head>" tu.

Nota tambahan: Warna Merah - Letak url gambar Favicon anda di situ.

 4) Selesai letak code, cuba preview dulu. Jika tidak ada sebarang error. Boleh click butang save. =)






Klik bunga untuk untuk lain lain animated

Kenapa perlu menukar nama blog menjadi tajuk arikel?.Dengan membuat begini, nama blog anda akan diubah menjadi tajuk artikel apabila posting dibuka.Dengan cara ini akan memudahkan pencarian oleh  mesin pencari seperti  google dan yahoo kerana ia menggunakan  tajuk artikel dalam pencariannya.
Trik ini akan meningkatkan hasil pencarian dengan menggunakan Yahoo,Google,Bing dan boleh meningkatkan pengunjung ke blog anda.

1.Masuk ke akaun blogger anda.
2.Klik Design dan pilih Edit HTML
3.kemudian cari kod ini

<title><data:blog.pageTitle/></title>

gantikan dengan kod dibawah ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

4.kemudian save template anda
5.kemudian anda boleh lihat tajuk artikel anda akan muncul di title bar pada browser.

Kadang kadang blogger tidak menyedari kesilapan dan ralat diddalam pembinaan sesuatu blog yang berkemungkinan blog anda menjadi berat untuk loading.

Klik link http://developers.google.com/speed/pagespeed/insights/ dan masukkan link blog anda, setelah di Analyze sistem akan mengesan kesilapan dan pembetulan yang harus anda lakukan untuk mengurangkan ralat diblog anda.

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

Di posting yang lalu telah diterangkan cara verify blog di webmaster tools, kini kita masuk ke tahap lanjutan dalam cara mudah mendaftar akun Google Analytics dan cara cepat memasang script Google Analytics di Blogger/Blogspot agar terintegrasi dengan webmaster tools yang akan memberikan laporan semua informasi data statistik blog anda.

Klik https://www.google.com/webmasters/tools/home?hl=in&siteUrl=http://blogztip.blogspot.com/ (ganti Link Blog kami  dengan Link  blog anda).
Atau, yang belum mendaftar di webmaster tool terus klik https://www.google.com/analytics/web/provision#provision/SignUp/

Lihat toturial bergambar di bawah :
1

 

 2

 3.

4. 

  

5.

6.

 

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.