Hilangkan blog title dan description

Jika anda dalam platform blogger dan menggunakan template asal blogspot,anda akan dapati bahawa tajuk blog dan deskipsi akan kelihatan pada header blog.Kalau deskripsi  atau keterangan terlampau panjang kelihatan pula seperti iklan.Jika anda ingin menghilangkan tajuk dan deskripsi dari blog anda dan boleh meletak gambar sebagai header ikutilah langkah dibawah  ini.

1.masuk ke blogger dan klik pada dashboard
2.Klik pada layout dan pilih edit HTML
3.Cari kod  #header h1,jika tidak jumpa cari kod ini :#Header .description
4.masukkan kod display:none; pada hujung kod diatas

.Dibawah ini adalah contoh kedudukan kod tadi

#header .description { 
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
display:none; 

6.Kemudian save template anda.

Meletak gambar sebagai header blog

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:

Cari kod ini pada template anda

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='YOUR LIKE (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='YOUR LIKE (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.

Cara meningkatkan Alexa Rank

Terdapat banyak cara bagi  meningkatkan alexa rank , setiap blogger mempunyai cara tersendiri   bagi meningkatkan alexa rank. Bagi yang belum memahami apa itu alexa rank,ia adalah suatu pengukur trafik yang mengunjungi web atau blog.semakin kecil nilai Alexa Rank maka semakin baik trafik bagi sesuatu web ataupun  blog .

Berikut ini adalah lima cara bagaimana meningkatkan alexa rank:

1.Pasang  Widget Alexa
 Jangan segan untuk memasang widget ini pada blog anda walau pun nilai Alexa rank pada blog dalam   nilai juta.Dengan cara ini macam satu signal untuk dikirimkan ke server Alexa ketika blog kita dikunjungi.sehingga update pada blog kita terus menerus berjalan.Setiap klik pada widget Alexa yang dipasang pada blog kita jua dikira sebagai satu kunjungan.

2.Pasang Alexa Toolbar yang boleh didownload pada web Alexa.Jika sekiranya kita menggunakan Firefox adalah disarankan memasang add on Webrank Toolbar.

3.Menulis artikel pada sesuatu isu atau tema yang sedang hangat yang mana mampu meningkatkan trafik ke blog anda.

4.Melakukan Blogwalking dan meninggalkan komen pada blog yang kita lawati.,kebanyakan pemilik blog juga akan melawati blog anda kembali dan dari situ juga kita boleh mendapat trafik.

5.Sentuhan SEO pada posting adalah perlu agar lebih cepat di kesan oleh google dan blog kita menduduki halaman pertama hasil pencarian,akan membawa kesan dimana kemungkinan untuk dikunjungi adalah lebih tinggi.

memasang fungsi reply to comment

Bagi memasang reply pada komen adalah memerlukan kita membuat sedikit pengubahsuaian pada template.Hack yang dicipta oleh thisischen ini memudahkan kita membuat reply pada komen.

Cara unuk membuatnya:

Log in ke blog dan dashboard
klik pada Layout dan pilih edit HTML
klik pada expand widget Templates
cari kod ini:

<data:commentpostedbymsg>

lebih mudah gunakan Crtl + F untuk find dan taipkan kod disitu

jika tiada cari tag ini  

<data:commentPostedByMsg/>

atau pun boleh juga pada tag ini :

<dd class='comment-footer'> 

dan masukkan kod ini selepasnya

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG ID ANDA&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>

Tukarkan BLOG ID ANDA ke Id blog anda yang boleh didapati pada URL di dashboard

Klik save template dan lihat hasilnya.
Update:untuk dapat blog ID klik pada Design dan tengok pada bahagian atas ruangan url (tempat alamat yg ada logo blog tu la  :) :) atau masa nak buat posting pun ada pada bahagian atas...

Cara buat widget Auto install

Kebiasaannya bila kita hendak memasang sesuatu widget kita perlu memasukkan kod pada add gadget.Tetapi ada cara bagaimana hendak membuat sesuatu widget menjadi auto install. Cara ini lebih memudahkan bagi pengunjung blog memasang sesuatu widget pada blog mereka.

Untuk membuatnya anda cuma perlu memasukkan kod berikut:

<form action="http://beta.blogger.com/add-widget" target="_blank" method="post"><input value="judul untuk widget anda" name="widget.title" type="hidden"><textarea rows="3" cols="5" style="display: none;" name="widget.content">MASUKKAN KOD WIDGET DISINI</textarea><input value="Letak tajuk Widget disini" class="button" name="go" type="submit"></form>

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://jendela-id.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 letak avatar pada komen

Blogger telah pun memperkenal satu elemen baru bagi membolehkan kita meletakkan  avatar pada komen
Berikut adalah cara meletakkan avatar pada komen.

Log in ke bloggerpilih setting--->comments
kemudian pilih "Show profile images on comment”
jika sekiranya anda memiliki template biasa avatar akan muncul pada komen di blog anda.Tetapi jika anda menggunakan template selain dari terdapat pada blogger anda perlu membuat perubahan pada template.
masuk ke layout---->pilih edit HTML (backup dulu template anda)

Klik pada Expand Widget dan cari kod berikut:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

jika tidak jumpa bermakna anda kena buat sesuatu,jika tidak jumpa ikuti langkah berikut:

Cari:

<dl id='comments-block'>

gantikan dengan:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Kemudian cari semua kod:

<a expr: name 'data =: comment.anchorName' />

dan gantikan dengan:

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>

</b:if>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:blog.enabledCommentProfileImages'>

<div expr:class='data:comment.avatarContainerClass'>

<data:comment.authorAvatarImage/>

</div>

</b:if>

Jika anda ingin menggunakan default avatar pada komen bagi seseorang yang tiada gambar profile avatar gunakan kod CSS dibawah ini:

.avatar-image-container{width:50px;height:50px;margin-top:-5px;}

.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDjnpE-RfQt_mhjG7cLQBNmT9p0-gio7UbCQEHZleJV3eiNCPkhxc5CA5-4FBVD8dgRr_46K7uAZpvGy7wIx2v43c-ECWIaLccS892Iqxl2xmce9pJ75gwsuUumpVbcP58vYMQ6Pm1XLs/s400/grav.png);width:50px;height:50px;}

letakkan diatas kod:  ]] ></ b:skin >

Kemudian simpan template anda dan lihat hasilnya.