Mengapa blog saya tiada pada carian Google?

“Saya telah buat blog sendiri,tapi bila saya search google masih tak jumpa.dimana silapnya”.Demikian lah antara soalan yang selalu timbul bagi anda yang baru dalam membuat sebuah blog.Sebagai sebuah blog yang baru cuma anda saja yang tahu kewujudannya.Ia akan terperap begitu sahaja jika anda tidak mengorak langkah untuk memperkenalkannya pada umum.Yang akhirnya akan tersebar di alam siber.

Langkah langkah yang perlu dibuat setelah berjaya membuat sebuah blog

1.Memperkenalkan blog pada google

Langkah awal ini adalah bagi memasukkan alamat blog anda pada google agar blog anda dapat diindeks pada senarai google.
Masuk ke web Add URL-Google

Masukan alamat blog anda pada ruangan URL,taipkan teks catcha yang dipaparkan dibawahnya dan klik butang submit request.

2.Ping blog anda

Tujuan ping adalah untuk memberitahu search engine seperti google bahawa anda baru saja update blog.Ping perlu dibuat setiap kali anda membuat artikel baru pada blog.Laman web untuk ping blog adalah seperti pingomatic,feedshark dan sebagainya

3.Berkongsi artikel blog.

Terdapat banyak laman web bagi berkongsi artikel seperti pingbusuk,pingje.org, blogr dan blogged.my.Pingbusuk akan ping entri anda secara automatik(dengan memasang widget diblog anda),sementara yang lainnya perlu dibuat secara manual.Anda akan  menerima banyak trafik(pengunjung) dengan berkongsi artikel di laman web tersebut.Artikel anda akan mula tersenarai dalam carian google

4.Blogwalking

Blogwalking adalah satu cara untuk mempopularkan blog anda dan menerima trafik.Caranya ialah dengan berkunjung kelaman laman blog dan meninggalkan pesan atau sapaan di chatbox yang ada diblog tersebut.klik link pengunjung yang ada dichatbox tersebut untuk keblog seterusnya.Pasang juga widget(chatbox) tersebut di blog anda.

Demikian lah antara cara cara yang dapat mempopularkan blog anda dan memudahkan tersenarai di search engine.Anda akan dapat lihat hasilnya dalam beberapa hari sahaja.

Cara pasang screen saver pada blog

Screen saver biasanya terdapat pada komputer dan juga handphone.Kegunaanya adalah jika sedang berada dalam keadaan tidak digunakan ia akan meminimakan penggunaan tenaga.Screen saver bukan sahaja pada komputer,di blog kita juga dapat lihat ianya dipasang.dimana paparan blog akan bertukar kepada warna gelap jika tidak digunakan.

Langkah langkah bagi membuatnya.
Log in ke blogger
klik pada design dan pilih template---edit html

cari kod </head> pada template
dan letakkan kod berikut diatasnya.

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

dan simpan template anda

update 9/5/2013

ubahsuai pada paparan footer blog

Artikel kali ini adalah cara bagi  mengubah footer menjadi sebagai mana yang ada di blog ini.Jika anda  ingin membuatnya dan ingin membuang footer yang mengandungi perkataan powered by blogger boleh mengikut tutorial  cara menghapus paparan attribution pada template.Footer ini pula korang boleh resize ikut kelebaran header dengan mengubahnya pada kod yang diberikan.

Terus pada cara membuatnya:
masuk kedesign  terlebih dulu-- pilih template--edit HTML

Cari kod </footer> pada template
Dan letakkan kod ini diatasnya:

<table BORDERCOLORDARK='blue' BORDERCOLORLIGHT='yellow' border='4' cellpadding='2' cellspacing='2' width='905'>
    <tr>
        <td background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4HbcNbtmaceurR2JCBXTJj1CHEH0Rqf615uyq5z06nCX0bdwQqZ4UkxuwwBfuvDel7e5xeqccLb4FgkA6UEzKgChNGLIrH8Q_Db0nGp8fgH19rc1Pd1-gHRXS3bW2kyDbf9LhEL-VYXo/s1600/grey015.jpg'><center><font color='white'><b>Teknik Buat Blog 2010-2011 &#169; All Rights Reserved<br>
Best View With Mozilla Firefox</br></b></font></center></td>
    </tr>
</table>

Background boleh ditukarkan dengan mengupload imej dan menukar url yg berwarna hijau.Begitu juga tulisan yang berwarna merah boleh digantikan dengan perkataan yang diingini.
kelebaran footer boleh diubah pada  width
Kemudian save template anda

update 9/5/2013

Hapus labels pada bawah posting

Mungkin anda ingin menghapuskan label dari terpapar pada bahagian bawah posting.Misalnya anda ingin meletakkan label dibahagian bawah tajuk posting seperti artikel saya sebelum ini.

Berikut adalah caranya:

Log in ke blogger
Klik pada Template--edit HTML

Kemudian cari kod seperti dibawah ini pada template:
Untuk memudahkan pencarian gunakan Ctrl+F(klik dalam ruang template dan tekan butang Ctrl+F) dan taipkan <span class='post-labels'>

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<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>
</b:if>
</span> </div>

kemudian delete kod yang berwarna merah.
Seterusnya simpan template anda.

update 9/5/2013

membuat backup dan menukar template

Backup adalah penting jika kita membuat sesuatu ubahsuai pada template,jika berlaku sesuatu yang tidak diingini kita boleh memasukkan  kembali  template asal.

Cara membuat backup template
1.masuk kedashboard--Pilih Theme--pilih Backup/Restore
2. klik pada download full template--klik save file untuk menyimpan backup template.

untuk memasukkan semula backup template kita,klik pada browse-pilih lokasi backup disimpan .Kemudian klik upload.

Menukar template
Sebelum menukar template ada beberapa perkara yang perlu diperhatikan semasa memilih template
Antaranya ialah:

1.Loading yang cepat--kalau ada demo cuba dahulu
2.Seo Friendly-boleh juga dimasukkan kemudian kod supaya SEO friendly.kalau yg dah tersedia bagus juga.
3.Sesuai (compatible) dengan browser seperti Mozilla,Chrome dan Internet Explorer--Pengunjung
   menggunakan  berbagai browser :)
4.Pilih template sidebar berada disebelah kanan-Baik untuk SEO kerana kandungan artikel lebih dulu 
  di indeks  oleh search engine.

Ada banyak laman web yang memyediakan template untuk kita download.Template yang kita download adalah dalam bentuk zip.kita perlukan perisian winzip atau winrar untuk membukanya.fail tersebut perlu diextract/unzip dan fail template adalah dalam format xml.

Cara menukar template:
Sama juga caranya seperti kita masukkan backup tadi.
1.klik pada browse..pilih fail template yang dah extract tadi
2.kemudian klik upload.kemudian paparan seperti dibawah muncul

3.pilih keep widgets --template telah pun ditukar
4.klik pada view blog untuk melihat template baru blog anda

update 12/5/2019

masaalah double posting pada blog

Kadang kadang terjadi posting pada blog kita berulang ulang.Maksud saya posting tersebut mempunyai entri yang serupa. Ada sesetengah berlaku bila membuat edit pada template.Bila membuat perubahan pada template sebaikbaiknya buat backup template terlebih dahulu.Kemudian perhatikan kesemua posting dan bahagian yang yang ada pada blog.Sebab kemungkinan boleh berlaku bahagian yang kita tidak buat apa apa edit pun boleh berubah.Pernah terjadi pada saya side bar yang memanjang kebawah bila klik pada read more..kalau tak buat backup susah....
berbalik kepada masaalah tadi..

Sekiranya terjadi double posting cara mengatasinya adalah seperti berikut:
Masuk kedesign--pilih edit HTML
dan cari kod berikut:

<div id='main-wrapper'>
  <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>
 </b:section>
      </div>

bila dah jumpa delete kod ini yang digelapkan(bold):

<b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>

kemudian  preview dahulu sebelum save template

Cara mengubah tarikh posting dan letak diatas tajuk

Posting kali ialah cara bagaimana hendak mengubah tarikh  yang berada  dibawah tajuk posting.Ini kerana sesetengah template meletak  tarikh dibawah tajuk posting.Ada rakan rakan yg bertanya bagaimana hendak mengubahya seperti yang ada di blog ini.

Untuk mengubahnya dan meletakkan diatas,ikuti langkah berikut.

Cara mengubahnya:
Seperti biasa masuk kedesign-edit HTML
Tandakan pada expand template widget
Kemudian cari kod ini:

<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

Potong kod ini(cut) Ctrl+X

Kemudian cari kod seperti dibawah ini:

 

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

Kemudian pastekan kod yang dipotong tadi menjadi seperti dibawah

 

<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><data:post.dateHeader/></h2>

</b:if>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

Kemudian klik pada preview

Untuk meletak tarikh supaya berada ditengah tengah:
Cari kod ini:

 

h2.date-header {

  margin:0 0 10px;

  font:$postdatefont;

  }

Tambah kod seperti ini:

 

h2.date-header {

  margin:0 0 10px;

  font:$postdatefont;

text-align:center;

  }

cara menukar perkataan read more dengan ikon

Memasang read more pada posting adalah dengan tujuan menyembunyikan sebahagian artikel dari paparan dan membolehkan lebih banyak posting dipaparkan pada halaman depan blog.Kebiasaannya terdapat perkataan READ MORE,selengkapnya dan sebagainya pada bahagian bawah posting.dan ada yg menukarnya dengan ikon.Sebelum menukarnya dengan ikon terlebih dahulu tentulah kena letak read more  pada template.Tutorial untuk membuatnya ada pada blog ini.

Kemudian untuk read more kepada ikon:
Masuk ke design--dan pilih edit HTML
tandakan pada Expand Template Widget

Kemudian cari kod ini:

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE – <data:post.title/></a></span>

Pada kod diatas terdapat perkataan READ MORE.Jadi untuk menukarnya dengan ikon kita perlu meletak url gambar

contohnya seperti ini:

<span class='rmlink' style='float:left'><a expr:href='data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsGn2O886rn94V4d_OocUpt1OzzoPmPTcKs8PvUubcAnfJog2WECjdkjyr0Oi6qcYElKroHbPT4xwB1xaoWoS2DCMwKdPgsg3agLIp7_U2UTvr4w_qEgbH1kRVcC13DwDFAJ-BXZpRCIU/s1600/ReadMore.png" /><data:post.title/></a></span>

Bagi menghilangkan tajuk posting yang ada read more ini tambahkan NO pada kod seperti dibawah:

<data:post.title/></a></span>
menjadi seperti dibawah ini
<nodata:post.title/></a></span>

Cara memaparkan hanya tajuk posting pada halaman blog

Biasanya kebanyakan blog mempunyai posting dengan tajuknya sekali.Tetapi ada sesetengah blog hanya memaparkan hanya tajuk posting sahaja pada halaman pertama blog.Mungkin ada yang ingin paparan hadapan blog nampak ringkas tanpa ada teks dan gambar atau ada yang mengatakan supaya tak nampak berserabut…

Cara membuatnya:
Masuk ke design dan pilih edit HTML
Kemudian tandakan pada expand widget template
Seterus cari kod </head>
Dan letakkan kod ini diatasnya:

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#cc6600;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#cc6600;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</style>

(bahagian yang ingin dipaparkan tukarkan display:none kepada display:yes)

Kemudian  save template.
Kemudian masuk ke design settings—pilih formatting

Kemudian pada show at most masukkan jumlah posting yang hendak dipaparkan di halaman hadapan
Dan kemudian klik pada save setting

Cara memaparkan blog didalam blog

Kalau sebelum ini bila membuat review untuk sesuatu blog,kita selalu meletakkan gambar printscreen atau pun link sahaja.Bagaimana kalau kita letakkan terus paparan blog tersebut ke blog kita.Dengan menggunakan iframe halaman blog org lain boleh dimasukkan ke blog kita.Bagaimanapun sebelum memasukkan ke blog kita tentulah dengan keizinan pemilik blog terlebih dahulu. Selain dari itu, juga  iframe juga dapat menampilkan video pada blog .

Berikut adalah kod untuk membuatnya:

<iframe align="left" frameborder="1" scrolling="yes" width="430" height="410" src="URL_Blog" style="border:1px solid #ccc"></iframe>


Keterangan:
Masukkan pada Url_Blog,Url blog yang hendak dipaparkan. 
Align=left ,boleh tukarkan ke right atau center jika hendak frame tersebut kekanan atau tengah.
Width dan height=ubahkan saiz lebar dan tinggi mengikut keperluan.
Pada url blog masukkan url blog yang dikehendakki.

Cara letak tandatangan pada akhir posting

Membuat tandatangan atau signature pada bahagian bawah posting boleh kita lihat dikebanyakan blog dan laman web. Bila tandatangan diletakkan dibawah posting  nampak lebih professional . Sebelum membuatnya kita perlu membuat imej tandatangan dan mengupload imej tersebut ke laman web hosting gambar seperti image shack ,photobucket dan sebagainya.Imej tersebut boleh juga kita buat dengan menggunakan perisian seperti Microsoft paint,Photoshop,Corel Draw dan sebagainya.Ataupun boleh juga gunakan kemudahan membuat tandatangan secara online seperti di mylivesignature.com.

Seterusnya selepas mendapat link gambar yang diupload tadi ,cari kod dibawah ini pada template.

Masuk ke design,pilih edit html

Klik pada expand template widget
Cari kod berikut:

<p><data:post.body/></p>

Kemudian masukkan kod ini dibawahnya:

<p><div align="left"><img src="URL imej tandatangan"/></div></p>

*gantikan url imej tandatangan dengan url imej yang diupload tadi.
Contohnya :

<p><div align="left"><img src="http://i219.photobucket.com/albums/cc282/signature.png"/></div></p>

Kemudian Save Template

Atau pun satu cara lagi ialah dengan meletakkan pada post template:
Masuk ke design—setting--- formating
Dibawah sekali terdapat post template

Contoh kod imej yang saya upload ke photobucket

<a href="http://s219.photobucket.com/albums/cc282/?action=view&current=signature.png" target="_blank"><img src="http://i219.photobucket.com/albums/cc282/signature.png" border="0" alt="tandatangan"></a>

Kod diatas diubah menjadi begini:

<img src="http://i219.photobucket.com/albums/cc282/signature.png" border="0" alt="tandatangan"></a> 

Kemudian masukkan kod url imej yang di upload tadi pada post template

 Kemudian klik pada save setting.Jadi setiap kali kita buat posting baru imej tadi akan dimasukkan secara automatik pada paparan posting.

masaalah blog melorot

Maksud blog melorot ialah bahagian pada side bar seperti pada blog ini hilang kedua belah dan bersambung pada bahagian tengah.Pada blog ada dua bahagian penting iaitu side bar dan juga halaman posting.Bahagian ini mengandungi ukuran tertentu.Bila terlebih maka berlaku lah melorot.

berikut adalah antara puncanya:

1.Halaman posting

Artikel yang yang ditulis dalam posting akan menyesuaikan kedudukan nya secara automatik semasa kita membuat posting.Bila ada beberapa karekter tidak dapat menyesuaikan pada kedudukannya akan menyebabkan berlakunya melorot.

Antara karekter tulisan yang tidak boleh menyesuaikan  dengan lebar halaman ialah:

a)alamat link URL

Alamat yang panjang hingga melebihi halaman posting juga adalah puncanya.Alamat ini boleh kita cantumkan dengan kod supaya menjadi pendek contohnya:

<a href="alamat url">nama blog/tajuk posting

menjadi <a href="http://teknikbuatblog.blogspot.com">blog melorot</a>
dan terpapar begini pada posting-->blog melorot


b)Ada beberapa karekter seperti tanda "----",tanda ______ ,tanda = = = = kalau terlampau panjang juga boleh menjadi puncanya.

c)banner dan plugin
 berhati hati dengan banner iklan  dan plugin contohnya seperti translator jangan sampai terlebih ukuran.

2.sidebar

Ukuran maksimum pada sidebar ialah 200 piksel.jikalau terlebih maka sidebar akan melorot kebawah.

Jika tidak terdapat satu pun kesalahan diatas bermakna ada kesalahan kod HTML.Bagi mengatasinya hendaklah menukar template baru.

Jika template baru telah ditukar tapi tiada apa apa perubahan bermakna ada error pada artikel.Ia disebabkan kita mengedit artikel dalam mode edit HTML dan mengeluarkan error seperti dibawah.

Satu lagi kesannya  jika kita cuba menukar jumlah posting untuk dipaparkan pada halaman utama ia gagal dilakukan.contoh seperti dibawah jika saya menukar kepada 4 blog jadi melorot.Jika 3 ok saja.Jadi ada antara artikel tadi yang bermasaalah.

Cara pasang kod warna pada blog

Kod warna adalah penting bagi kemudahan menukar warna semasa membuat posting.Jika anda ingin meletakkan kod warna pada blog seperti dibawah ini.

Kode warna yang dipilih :

Ikutilah langkah berikut:
1.Masuk ke blogger dan pada dashboard Pilih layout,klik pada Add a gadget
2.Pilih HTML/ Java script.
3.Masukkan kod dibawah ini.

---

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
<script type='text/javascript'>
var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;
function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}
// Picker ---------------------------------------------------------
function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
hueUpdate();
dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}
executeonload(init);
function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}
function hueUpdate(newVal) {
var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }
var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);
document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
pickerSwatchUpdate();
}
function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);
h = h / 180;
var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);
var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);
var a = YAHOO.util.Color.hsv2rgb( h, s, v );
document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}
</script><!--[if gte IE 5.5000]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
YAHOO.util.Event.addListener(window, "load", correctPNG);
</script>
<![endif]-->

---

5.Kemudian save

6.kemudian buat satu posting baru dan masukkan kod ini:

---

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">

</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="1" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" width="24" height="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>

---

7.Kemudian klik publish.

                             HTML COLOR CODE

Design blog anda sendiri

Blogspot memberikan kemudahan kepada pengguna bagi mereka bentuk sendiri design bagi blog.Kemudahan ini amat lah berfaedah kepada mereka yang tidak mahir kod CSS.Kalau dulu kita mungkin tercari cari tutorial dalam internet bagaimana untuk mengubah suai blog kita.Kini dengan adanya kemudahan yang disediakan oleh Blogspot ini, kita boleh mengubahnya hanya dengan menekan tetikus sahaja.

Pertama sekali anda perlu masuk ke Blogger

Kemudian pilih Design

Kemudian pilih customise.

Kemudian muncul paparan Template Designer.

 

Dibahagian ini anda akan dapat mengubahsuai blog anda dengan begitu mudah sekali.apa yang perlu anda lakukan ialah menyusun kedudukan nya mengikut kemahuan anda tanpa menghilangkan widget,bloglist dan aplikasi yang ada.Berdasarkan gambar di atas, Blogger Template Designer ini menyediakan empat aplikasi untuk kita merekabentuk blog iaitu Templates, Background, Layout dan Advanced. 

Pada bahagian Templates, kita boleh memilih jenis-jenis Templates yang disediakan. Ada empat pilihan utama dan setiap pilihan utama ada subpilihan lain. Semuanya berjumlah lebih kurang 10-16 Templates untuk dipilih.

Pada bahagian background kita boleh menukar warna latar belakang blog, atau warna tema.Anda boleh mengekalkan template yang ada,anda boleh menukar gambar latar belakang anda disini.

Selepas menukar background anda boleh pergi kebahagian Layout.Disini kita boleh menyusun atur kedudukan sidebar,column kepada 2 atau 3 column.Kita juga boleh mengubah saiz template.

selamat mencuba.
update  13oct 2012

Mendapatkan kembali post yang didelete

Blogger ada menyediakan undelete this blog untuk mendapatkan kembali blog yang sudah didelete.Bagaimana pula kalau kita hendak mendapatkan kembali post yang telah dipadam.

Berikut adalah beberapa cara untuk mendapatkan kembali post yang telah dipadam:

Cara pertama

Dapat kan salinan cache dari web dan masukkan kembali post dari cache

Taipkan pada search cache:http://namabloganda.blogspot.com/

Cara kedua:

Cara ini sesuai jika anda masih bekerja dengan komputer dimana anda membuat post tersebut.Tekan butang Ctlr+H untuk membuka senarai history pada sidebar.Dapatkan bahagian dimana anda telah mengedit post dan terus mengedit atau publish post(ataupun copy dan paste dari cache yang memaparkan post) .

Tutorial cara ubah setting pada blog

Tutorial blog kali ini adalah untuk mengubah beberapa ‘setting’ agar blog kita boleh di kesan oleh enjin pencari seperti Google,yahoo, Msn dan sebagainya. Berikut adalah panduan kepada mereka yang baru membina blog:

1.Klik Setting, dan kemudian klik Basic. Beberapa form yang harus di isi pada menu Formatting:

Title ⇒ isi dengan tajuk blog anda. Contoh : bina blog dengan blogspot.

Description⇒ isi pengenalan tentang blog anda. Contoh : teknik membuat blog dengan blogspot.

Add your blog to our listings? ⇒ pilih Yes agar setiap posting kita selalu masuk di daftar Blogger.com.

Let search engines find your blog? ⇒ pilih Yes.

Show Quick Editing on your Blog?⇒ pilih Yes.

Show Email Post links?⇒ Sebaiknya pilih yes, tetapi jika anda memilih no tidak mengapa.

Adult Content?⇒ Pilih No. Jika pilih yes bererti blog anda di anggap blog untuk dewasa.

Show Compose Mode for all your blogs?⇒ pilih Yes.

Enable transliteration?? ⇒ pilih Disable.

Klik butang Simpan Pengaturan . Selesai.


2. Klik Publishing untuk mengubah menu Publishing :

Blog*Spot Address⇒ isi dengan nama blog anda. Contoh : teknikbuatblog.blogspot.com.

Klik Save Setting. Selesai


3. Klik Formatting untuk mengubah menu Formatting :

Show ⇒ pilih angka posting yang ingin anda tampilkan. Contoh : Show : 8 posting.Ini bermakna posting yang akan tampil di halaman blog anda adalah sebanyak 8 posting. Pilih posts on the main page pada menu pulldown.

Date Header Format⇒ pilih format yang mana anda minat, Format Date Header Format ini akan muncul diatas posting anda nanti.

Archive Index Date Format⇒ pilih format yang mana anda minat.
Timestamp Format⇒ Pilih format waktu yang mana anda minat.

Time Zone⇒ Pilih zon waktu yang sesuai. Contoh [GMT+08:00]Kuala Lumpur.

Language ⇒ Pilih format bahasa yang anda minat.
Convert line breaks⇒ Pilih Yes.

Show Title field⇒ pilih Yes.

Enable float alignment⇒ pilih Yes.

Klik Save Setting. Selesai.


4. Klik Comment untuk mengubah menu Comment :

Comment ⇒ pilih show agar artikel anda dapat di komen oleh pengunjung.

Who Can Comment?? ⇒ Pilih Anyone - includes Anonymous Users. Bermaksud setiap orang boleh membuat komen pada posting anda.

Comments Default for Posts⇒ pilih New Posts Have Comments.

Backlinks⇒ Pilih show. Ini bermaksud anda mengetahui apabila ada yang membina link pada artikel anda.

Backlinks Default for Posts⇒ pilih New Posts Have Backlinks.

Comments Timestamp Format⇒ pilih format waktu yang mana anda minat.


saya masih dalam proses update tutorial mengikut dahboard baru blogger.....harap maaf

Membuat halaman statik pada blog

Cara ini bagi membolehkan kita meletakkan posting pada halaman yang berlainan dan boleh meletak butang navigasi pada laman blog

seperti butang Home,Contact,About Me dan sebagainya.

1.Masuk ke design,kemudian pilih pages---New Page....blank page

2.Taipkan tajuk page title dan masukkan kandungan entri yang dikehendakki,setelah selesai klik butang publish

4.kemudian paparan seperti dibawah muncul.

5.Disini terdapat tiga pilihan

Top tabs-butang tab navigation akan dibuat secara automatik pada bahagian bawah header

Side links-Link untuk page berada ditepi blog

Dont show-Memasukkan link secara manual.Buka semula posting yg sudah dipublish dan dapatkan URL link pada address bar pada browser.

 update:30/10/2012

Cara membuat blog

Membuat blog cukup mudah sebenarnya.Boleh sambil buat sambil belajar.Yang penting kemahuan mesti ada.Banyak sumber sumber yang kita boleh perolehi untuk mempelajari blog.Untuk mencipta blog anda mestilah mempunyai akaun dengan blogger di www.blogger.com.

Langkah langkahnya:
Langkah ini hanya setelah ada akaun gmail.Anda boleh membuat akaun melalui laman web gmail atau dilaman web blogger dan klik create account

1.Masuk ke laman web Blogger dan Klik pada Log in

2.klik pada create new blog

3 .Isikan tajuk profile yg ingin dipaparkan. Kemudian klik pada continue to blogger

4.Masukkan Nama blog pada ruangan title dan Alamat blog pada ruangan address.Pada alamat blog
 anda jika keluar paparan "Sorry, this blog address is not available" bermaksud alamat blog telah ada 
dan perlu mencari nama yang masih belum digunakan lagi.
 

5.Pada ruangan theme pilih paparan blog yang sesuai dengan anda dan klik create blog
6.kemudian muncul paparan dashboard blogger.Untuk memulakan posting klik pada new post

7.Masukkan tajuk artikel pada title …taipkan artikel pada ruangan yang disediakan dan klik publish 
untuk memaparkan posting anda.

Update 21 Mei 2019.