Selasa, 23 November 2010

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…
papar tajuk posting sahaja










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
papar jumlah posting






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

Senin, 22 November 2010

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.
email-form

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
feed burner







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




3.seterusnya pilih publicize
publicize feed



4.Kemudian pilih email subscription
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
pasang kod











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.

pasang chicklet




Senin, 15 November 2010

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



Minggu, 14 November 2010

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.

Jumat, 12 November 2010

Cara pasang face book like button

facebook icon
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
facebook like




Langkah membuatnya:
Masuk ke design—pilih edit HTML

edit template




tandakan pada Expand template widget
expand template





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



<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

Kamis, 04 November 2010

Cara memaparkan blog didalam blog

blog dalam 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.
social bookmark




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




tandakan pada expand template widget
expand template





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:

kod 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.