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/AVvXsEgLz4F2rUbSBR0MrdUG8jW2uHnLE41Sjec9txG3lwd-x9jIOEYw_cfGTsD-6btbZZptEci8TApCpDoFhvWRIOAMjsPh1hCvwgSnOXhYI9pjmFg068optTVODlDmhyJSAtvf1yAtvf9gYls/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 pasang email subscription form pada blog

Memasang langganan  secara email pada blog adalah dengan tujuan bagi membolehkan  pengunjung mengetahui jika blog kita membuat entri atau pun posting terbaru. Menambahkan borang langganan email ke blog  sangat mudah dilakukan dan merupakan salah satu cara untuk merangsang kunjungan berulang ke blog kita.Ia membolehkan pengunjung blog menerima email bila terdapat update pada blog kita.Langganan  ini adalah menggunakan kemudahan yg disediakan oleh feedburner.

Cara memasangnya pada blog:
1.Jika belum mempunyai akaun dengan feedburner daftar dulu disini.
2.kemudian klik pada my feed pada link bahagian atas paparan,kemudian klik pada nama blog

Jika belum ada feed masukkan url blog pada burn a feed right this instant dan klik next

3.seterusnya pilih publicize

4.Kemudian pilih email subscription

5.Kemudian pilih activate
6.Seterus pilih Use a Widget in dan pilih blogger..klik go untuk memasang secara automatik

Jika ingin memasang sendiri :
copy kod yang  terpapar

Kemudian masuk ke design—page elements
Add gadget—pilih HTML/Javascript
Paste kod tadi dan klik save.

Jika ingin memasang chicklet

Pada menu publicize seperti diatas tadi pada sidebar kiri pilih feed count .Kemudian akan keluar paparan seperti dibawah.cara memasang kod ini seperti diatas juga.

cara pasang back to top

Pemasangan back to top pada blog adalah bagi memudahkan pengunjung kembali semula keatas setelah menggunakan scroll untuk membaca artikel sampai kebawah.Jika menggunakan nya adalah lebih cepat dari menggunakan scroll.Kadang kadang back to top ada pada blog tapi kita dah biasa guna scroll tak nampak pun  button tu..terlupa..termasuk lah saya.

Cara membuatnya:
Masuk ke design dan pilih page elements
Klik pada add gadget-pilih HTM/Javascript

Masukkan kod dibawah ini:

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://img179.imageshack.us/img179/1849/backtotop.png"/></a></div>

Tukarkan kod yang berwarna merah dengan url imej jika hendak menukar imej yang lain.

*Kod ini hendaklah diletakkan dibahagian bawah sekali pada page element supaya tidak terlindung
kemudian klik save...selamat mencuba

Cara pasang disable right click

Fungsi bagi disable right click adalah bagi melindungi artikel atau imej dari dicopy.Mesej akan keluar jika  right click cuba digunakan.Walaupun ada right click tapi masih boleh dicopy juga kerana ada cara lain yang boleh digunakan. Jadi untuk imej yang dimasukkan eloklah diletak watermark supaya tidak disalah gunakan.

Cara membuatnya:










Masuk kedesign--pilih pagelements
Add a gadget--pilih HTML/javascript
masukkan kod dibawah ini:

<script>

var message="Letak mesej disini";

///////////////////////////////////

function clickIE4(){if (event.button==2){alert(message);return false;}}

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("alert(message);return false")

</script>

Gantikan letak mesej disini dengan mesej yang ingin ditampilkan
Kemudian save.

Cara pasang face book like button

Butang facebook like ini fungsi nya adalah bagi memudahkan pengunjung berkongsi  artikel pada blog dengan rakan rakan di facebook.Butang ini adalah satu cara bagi meningkatkan trafik ke blog kerana facebook adalah web jaringan sosial paling popular waktu ini.Jika ingin memasang butang tersebut pada blog pada dasarnya kod boleh diambil di facebook developer dengan hanya memasukkan beberapa setting dan kod facebook like akan dihasilkan

Langkah membuatnya:
Masuk ke design—pilih edit HTML

tandakan pada Expand template widget

Kemudian cari kod ini(gunakan Ctrl+F untuk memudahkan pencarian):

<data:post.body/>

Kemudian letak kod dibawah ini selepas  kod diatas

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Perkataan like boleh juga  ditukar pada perkataan lain yang bersesuaian.
Font=selain dari arial  boleh ditukar kepada jenis font lain seperti  lucida,Tahoma,verdana,trebuchet,lucida
Colorscheme= terdapat tiga warna selain dari light iaitu evil dan dark

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 memasang share this post

Share this post adalah terdiri dari dari lapan ikon yang biasa terdapat pada bahagian bawah posting,antaranya ialah Stumble Upon,  Digg, Delicious, Facebook, Yahoo, Technorati Twitter dan rss. ikon tersebut digunakan bagi berkongsi artikel kita dengan mudah,dengan klik sahaja artikel kita akan tersubmit ke social bookmark.Kegunaannya adalah juga adalah bagi meningkatkan pengunjung.

Untuk membuat share this post berbentuk bintang ini::
Masuk ke design—Edit HTML

tandakan pada expand template widget

Cari kod ini:

<data:post.body/>

 gunakan ctrl + F untuk find untuk memudahkan pencarian

Dan letak kod ini selepasnya:

<div style='clear:both; '>
<div style='width:55px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggzUYyByAIuvKLiP_waE_65RFLh2Cm2nWOiaK5xzGKhd7f0VS7aGDI7PTT5At_wAWRyLnBw1wOTQL9ZAZvGBRFLd_KTFcOCRaFn96NW8AwaqRjZIF_tXTtVqWTeyB9E_x5FrA7eP71gQw/s1600/stumbleupon.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNln9A7wnC_bT4uFxRDJZk0YRK-ZPLBgtSjK5kY2I84zF9lUs6zlY0Q1j_QADk1qJGzT_5yt4cAL9PJArcUoLA5pGz3KUUVCJE05UOVmu9EIy18KmahL5mn2xxsYN5wGDv-AvdUhliuk/s1600/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJQTgXLYWwQ_FkI2ziJQkClLKzeK7hiYFi6cudPL3I4kDtEq0Ef9R8F6rg5TsClSAC2GTpCQUMtBWmBgGhBiWj3Kao4Dyo_D6FOmxZp8j7LGuVhZz_3OxSrQGqaqVAmDj2n9HNMz9c4WI/s1600/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe4iCXUdfzudEGXWdlFJYJ_FpqHE-1AjwUh096O3BGWDQcxTTcKDJpgBfbyryQDez3meNQB_qV35ag2yPSuxXiTU-8PiOFKZA5lwaYRkhBuFFE-CZ7sDjhvg5wpLYHCpLwxceKFfrHg08/s1600/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6bXqfPCJ8kzEq03N-3VDdFpD7IckAEqQi14EcVpyIlTAYsa7Qqw5_N2pXbbjDskSgVPOz-chLQIdorrTj6VtljVGWqUWF20P5k4hr_fhPwdVUJnHZXTh3JaNHspQsdAYWcu0qCLsHts/s1600/digg.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzRPxHKAjH0qBDhjyzRAwfaIfRO2bSZwPfO5IcUPy9rjGjGRlgFfuRKOZKLN8cjNSM416MAfcUAHLmclWX8qhOzDY1bWPZpMi7OPU_6y5phtMiZREHBZK-Tmz9dsDHVkr9LNQr1vRs_fA/s1600/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4mZ-SVu0nAvifHoA2Dip0V8CHI8kJUNt6utAobqgNAknh9S1coiAObadpYy3s95qC8DTK6wydO-NJelZBWj8jEib0a4o-dbOB51EcTOaK8JBYwpkXhXPIMzdnECw0rNUyrwHxCF4zOUc/s1600/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55x; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlHwh0UYxSy_AUBAF-EpVcIyhbdaQggoMHk6kPdctzD7eNHUM2EIQ4xGKQAeLt1GegJEF_AwD8RTwwuYvYDrdB-UsEXD5JZ9341ugjPx_yI1eoZvjsGr4W6n8lY3rWLmxMCEGZJ-DdEE/s1600/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div></div>

kod yg diletakkan pada template:

*Ubah saiz width yang berwarna oren jika hendak menjarakkan ruangan diantara button.
Jika ada read more  letak selepas kod <data:post.body/> yang kedua.