Tuesday, June 30, 2009

Cenderahati Buat Semua Follower

Semalam berniat nak kasi hadiah kat follower blog ni yang ke-seratus.. Sebelum tu Ana ucapkan Terima kasih pada seme follower ye. Tanpa Antum siapala AlmansuQie ini.05 Ok follower kita yang bertuah ni Ana nak kasi ape yer. Nak bagi gift jauhla plak. Ana rasa baik kita kenali yang keseratus ni.. Hadiah Review bolehla kan?04

Namanya Noorashikin Binti Uyub. Tajuk blog TamanLamanku. Mem'famours'kan dirinya dengan nikname Ekino.. Mula2 Ana ingat orang jepun mana sesat masuk blog ni, sekali Melayu la plak10 Boleh baca profile lengkapnya Disini.

Kenapa Ana rasa nak review blog Ekino ni?

Pertama.. Blognya memang colorfull abis. Dihiasi dengan 3 warna utama, hijau, pink dan putih. Warna yang menyejukkan mataku ini. Ana memang suka blog yang colorfull dan berwarna cerah. Kalau warna gelap mataku akan kabur.43 Maklumla dah semakin tua ni. Templatenye direka oleh julietANNA.

Terus apa lagi ya.. Ok blog ni boleh dikategorikan sebagai blog peribadila. Nak tau lebih pila sana na.. Ekino.

Ok yang last. Ape kurengnya.. Blog ni ade pasang soundtrack. Ini hanya pandangan Ana. Lagu pada blog hanya akan buatkan pengunjung lari, termasuk Ana sendiri. Ana suka buka banyak blog dalam satu masa, pakai speaker luar pulak tu, mana blog yang bernyanyian tu mesti Ana close tanpa sempat baca. Tak jadi nak jalan2. Bayangkan kalau 5 blog dengan lagu masing2. 48boleh pusing kan. hehe.. Ini hanya pandangan, kalau tuan blog selesa dengan semua tu, terpulangla kan, dah memang blog die.

Sampai sini saja. Antum boleh kunjung ke blog Ekino untuk melihat secara life. Ok.. ni gift untuk semua Follower Ana. Harap sudi terima. Ini hasil photoshop dalam keadaan kelam kabut. Sekodar jela ek. Tapi kalau memberatkan blog Antum, xpayahla amik yer.


Adhitya Rachman
Wednesday, June 24, 2009

Cara Membuat Banner Di Blog

Entri kali bukanla tutorial atau trik yer. Sekadar ingin menjelaskan saja. Ramai gak yang tanya cara nak buat Banner ni. Ponin den dibuatnye. Ok untuk buat banner ni senang la bagi orang yang berotak kreatif dan mahir dalam rekabentuk grafik juga menggunakan software yang power2 la. Ana pula, yang kurang kreatif ni hanya bemula dengan Adobe Photoshop 7, pastu CS3 dan sekarang CS4 untuk menghasilkan sebarang banner dan grafik.

Ana rasa masih ramai yang tak tahu apekebenda adobe photoshop ni. Memang susah nak jelaskan dan mengajar adobe di ruangan ini. Ana dulu pun bertalaqqi dengan guru2 adobe dari Shoubra berkenaan cara2 asas menggunakan photoshop ni. Sampai sekarang xpandai2 lagi.

Bagi yang sudah ada software photoshop ni, boleh la cari tutorial berkenaan dengannya. Banyak sangat.. Ana cadangkan cari tutorial dari youtube kerana mudah difahami lebih jelas melalui video. Klik SINI untuk lihat contoh tutorial dari youtube.

Selesai berkenaan adobe. Ana cuba cari laman yang menyediakan layanan membuat banner ni. Jumpa la satu dan ini Ana rasa yang terbaik. Antum boleh cuba membuat sebarang banner dengan ukuran pelbagai di Banner Fans ini. Harap dapat membantu.

Untuk menghasilkan Button rujuk SINI

Wallahua'lam.
Adhitya Rachman Photoshop Tutorial

Disable Sesetengah Komen Pada Post

Untuk pengetahuan pada yang belum tahu, sebenarnya kita boleh disable mana2 komen pada sesuatu post tanpa menjejaskan komen pada post2 yang lain. Mungkin ramai yang sudah tahu caranya. Kekadang kita menulis sesuatu entry tanpa mahukan sebarang reaksi dari pembaca. Ade ke orang yang xnak dikomen artikelnye???39 Adela kot.. Kalau x nape blogger menyediakan kemudahan ini.

Ok caranya yang tersangat mudah. Pada ruangan post editor, klik Post Option. Sebaris je dengan ruangan menulis label. Boleh lihat screenshoot dibawah.

Pilih Don't allow untuk disable. Show existing tu tuk paparkan komen2 yang dah ade. Kalau xnak paparkan semuanya klik yang bawah sekali. Ok... Siap
Adhitya Rachman Komentar
Sunday, June 21, 2009

Mengubah Saiz Lebar Colom

Cerita pasal template ni.. Ada yang tanya macam mana nak ubah saiz colom yang ada dalam template kita? Untuk kali ini Ana akan cuba bagi tips yang mudah tapi pening. 04Sekaligus dapat menambah kefahaman kita berkenaan kod CSS. Walaupun Ana sendiri xtau ape tu CSS.04 Untuk pengetahuan, sebenarnya mana2 template yang kita download dan gunakannya boleh diubah saiz dan bentuknya, warna juga gayanya. Makna kata boleh ubah dari sebuah pondok usang menjadi banglow mewah!

Ok kekadang ade template cantik yang kita guna tapi saiz colom tidak memuaskan hati kita. Untuk itu, lihat caranya. Ini kod bagi colom di blog yang tersedia pada template Minima.

#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:justify;
font: $bodyfont;
}
#main-wrapper {
width: 435px;
margin-left: 20px;
margin-right: 20px;
float: left;
}
#sidebar-wrapper {
width: 220px;
float: right;
}
#newsidebar-wrapper {
width: 200px;
float: left;
}
#footer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:justify;
font: $bodyfont;
}


Kod2 merah adalah lebar setiap colom tersebut. Ana terangkan lebih lanjut. Bersedia untuk pening..48

1. Pertama, kod header dan outer ini.

#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
font: $bodyfont;
}


Ok sekarang size header kita adalah 900px. Juga saiz outer. Outer ni kita xnampak sebenarnya. Die ni kotak yang merangkumi main wrapper dan sidebar. Jika kita ingin mengubah lebar header, outer juga wajib diubah. Biasanya saiz kedua ni mesti sama.

2. Seterusnya pada bahagian Main Wrapper dan Sidebar. Ana gabungkan keduanya untuk mudah difahami.

#main-wrapper {
width: 435px;
margin-left: 20px;
margin-right: 20px;
float: left;
}
#sidebar-wrapper {
width: 220px;
float: right;
}
#newsidebar-wrapper {
width: 200px;
float: left;
}


Main wrapper ni adalah kotak untuk posting kita. Dengan saiz 435. Sidebar adalah kotak samada dikiri atau kanan. Jika kita mahu mengubah saiz sidebar, maka saiz main wrap juga mesti diubah.

Contoh: Dengan lebar header dan outer 900px. kita ingin membesarkan colom main/posting dengan 520px. Maka kita mesti mengecilkan saiz sidebar sedia ada kepada 150px atau bla bla.. Begitu juga sebaliknya. Jika sidebar dibesarkan, maka saiz main/post mesti ditambah nilainya.40 Penatnye nak wat teori ni..

Begitula pada mana2 bahagian pun. Harap xpening lagi.

Tambahan: kod margin. Adalah kod untuk jarak satu colom dengan yg lain. Boleh diubah begini.

margin:10px; (jarak kiri kanan atas bawah adalah 10px)
margin-left:5px; (jarak kiri saja 5px)
margin-right:5px; (jarak kanan saja 5px)
margin-top:5px; (jarak atas saja 5px)
margin-bottom:5px; (jarak bawah saja 5px)


Sekian unutuk kali ini.. Selamat Mencuba..
Adhitya Rachman Template
Sunday, June 14, 2009

Ubahsuai Penampilan Cbox Anda

Sebelum ini Ana ada buat tutorial berkenaan Cara Memasang Cbox pada blog. Untuk kali ini, Ana akan cuba memberi sedikit sentuhan untuk mencantikkan lagi Cbox kita agar tidak terlalu suram dan memboringkan..

1. Ok perkara pertama yang perlu kita utamakan adalah warna Cbox kita. Kalau boleh kasi masyuk dengan warna template kita. Banyak yang Ana jumpa masih menggunakan warna default, blue classic! Ok untuk tukar warna klik Look & Feel => Edit Style pada akaun Cbox Antum. Cuba suaikan warna cbox Antum dibahagian ini.

Dah berpuas hati klik butang Apply dan siap.

2. Seterusnya menggantikan Smiley sedia ada dengan yang lebih menarik.

Klik Options => Smilies. Delete smilies yang lama tu kalau xminat. pastu ganti dengan link yang baru. Untuk smilies YM9 guna link ini. Cuma tukar nombornya saja untuk smilies yg lain.

http://i302.photobucket.com/albums/nn113/aburifaie/smiley/1.gif


Lihat Contoh Ini:
Klik new row untuk menambah smilies. Jangan lupa disimpan (save) jika sudah selesai menambah link dan kodnya.

3. Trik berikut ini adalah cara untuk memendekkan link url yg diisi pada Cbox.Cth: [link], [Email]. Kalau pada Shoutmix akan diset secara auto. Tapi tidak pada Cbox.

Klik Options => Posting Options.


Pada bahagian Message Options, klik On(Short Link) pada Autolinking.
Klik butang Save jika selesai.

4. Ok Trik terakhir untuk kali ini ialah untuk menambah text atau gambar pada Cbox. Tengok Cbox Ana. Ade ditambah dengan flash. Mungkin disini ada yang keliru. Harap dapat faham. Buka kod Cbox Antum yang ada di blog.

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<tr>
<td align="center">
<img style="border-top:#F804FF 1px solid;border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="http://i302.photobucket.com/albums/nn11213/aburifaie/pesan-11.gif"/>
</td>
</tr>
<tr>
<td align="center">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="250" src="http://www2.cbox.ws/box/?boxid=184583126&amp;boxtag=2765&amp;sec=main" id="cboxmain" scrolling="auto" style="border:#F804FF 1px solid;" width="320" allowtransparency="yes" name="cboxmain"></iframe></div>
<tr>
<td align="center">
<img style="border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="http://i302.photobucket.com/albums/nn11453/aburifaie/slidbox.gif"/>
</td>
</tr>
<tr>
<td align="center">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="78" src="http://www2.cbox.ws/box/?boxid=188345126&amp;boxtag=2765&amp;sec=form" id="cboxform" scrolling="no" style="border:#F804FF 1px solid;border-top:1px solid #F804FF" width="320" allowtransparency="yes" name="cboxform"></iframe></div>
</td></tr></td></tr></div>
<!-- END CBOX --><br/>


Kod2 merah adalah yang akan ditambah tuk diisi dengan gambar atau flash. Antum cuma gantikan Link bewarna biru saja.. Ana harap Antum dapat tokok tambah sendiri. Trik ni sesuai bagi Antum yang sudah memahami kod2 html. Bagi newbie boleh wat slow2.

OK..Harap Membantu...
Adhitya Rachman Cbox

Memasang Label Berbentuk Awan

Label yang biasa kita gunakan adalah yang memanjang kebawah. Agak kurang menarikla. Sekarang kita boleh buat label yang lebih cantik dengan bentuk awan sekaligus dapat menjimatkan ruang di sidebar kita. Ni cara membuatnya.. Sebelum tu pastikan sekurang²nya ada satu post yang berlabel dan tambahkan label di sidebar Antum.


1. Loggin ke blogger => Layout => Edit HTML dan cari kode ]]></b:skin> kemudian tambahkan kode dibawah tepat diatasnya.

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none
!important;padding:0 5px;margin:0;vertical-align:baseline
!important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0
3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count
{padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}


2. Seterusnya cari kode </head> dan tambahkan kode berikut diatasnya.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>


3. Gantikan kode warna tulisan yang telah dimerahkan mengikut kesesuaian blog Antum. Kode RGB DiSINI.

4. Kemudian cari kode dibawah. Tulisan merah bergantung pada tajuk label Antum.

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>


5. Gantikan kode diatas dengan yang dibawah ni yer..

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


6. Dah siap.. cuba Preview dulu.. berhasil x?? Kalau sudah, save la templatenye yer..

Sumber: http://phydeaux3.blogspot.com/
Adhitya Rachman Label
Thursday, June 11, 2009

Iklan / Pesanan Ala2 Navbar

Memasang barisan iklan atau pesanan ala2 navbar ini memang berguna. Ia juga boleh ditutup seakan2 sama dengan fungsi popup window. Macam2 kegunaannya, boleh diisi dengan iklan, pesanan, informasi dan apa saja yang Antum inginkan. Seperti blog ini, Ana sarankan pengunjung supaya menggunakan Firefox untuk paparan terbaik. Ok caranya..

1. Dalam keadaan Loggin. Pada Layout pilih Edit HTML. Tambah kod berikut sebelum ]]></b:skin>.

#mta_bar {background:url(http://i302.photobucket.com/albums/nn113/aburifaie/tabbiru.gif);
border-bottom: 0px solid #808080; margin: 0 0 15px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; height:23px;overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { margin:3px;float: left; text-align: center; font-family: Georgia; font-size: 12px; font-weight: bold; font-style: normal; color: #FFFF66; width:92%;}
#mta_bar .right {margin:3px;font-family: Georgia; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #ffff66; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #ffff66; text-decoration: none;}
#left_bar a { text-decoration: none; color: #ffff66; }
#left_bar a:hover { text-decoration: none; color: #ffff66; }


2. Kod merah adalah warna latarbelakang. Lihat DISINI untuk warna lain.

3. Seterusnya tambah kod dibawah sebelum kod </head>.

<script src='http://www.geocities.com/almansuqie/Stript-ad.js' type='text/javascript'/>


4. Akhir sekali tambah kod berikut selepas kod <body>.

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.mozilla.com/en-US/firefox/personal.html' target='_blank'>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://i302.photobucket.com/albums/nn113/aburifaie/tutup.gif' style='cursor:hand;cursor:pointer;'/></span></div>


5. Gantikan text merah dengan link dan kalimat Antum sendiri. Untuk text bergerak, tambah kod ini.

Contoh: <marquee>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</marquee>



6. Dah siap klik save yer..

Sumber Asli : O-Om
Adhitya Rachman Navbar
Wednesday, June 10, 2009

Highlight Script/Kode Pada Postingan

Membuat Highlight pada script atau kode di postingan akan lebih menampakkan pembaca. Macam blog ini. Setiap kali ada script/kode Ana akan highlightkan. Ini caranya.. Tapi Ana baru je upgrade highlight ni. BroSKL boleh pakai yang ni dulu.

1. Login ke blogger pastu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin>

.alert {
background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border: 1px solid #223344;}


Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, Antum tukarla mengikut kesesuaian template Antum.Boleh dapatkan script warna DISINI.

3. Pastu klik butang save yer..

Cara Posting..

Tambahkan kode ini <p class="alert"> sebelum kode/script yang akan dihighlight. kemudian tambahkan kode </p> diakhir script/Kode.

Perhatikan contoh dibawah.

<p class="alert">.alert {
background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border: 1px solid #223344;}</p>


Selamt Mencuba!!
Adhitya Rachman Highlight, Tips
Friday, June 5, 2009

Memasang Auto Read More ( Terbaru)

Read More atau baca selanjutnya kali ini sangat mudah dan tidak memeningkan. Tidak seperti sebelum ini yang memerlukan kita menggunakan kod <span class="fullpost"> atau <span id="fullpost"> untuk memotong entri. Ramai jugak yang tanya Ana bab tanam kod tu, ramai xberjaya.

Read More terbaru ni canggih sikit, kerana pemotongan entry dilakukan secara automatik tanpa perlu memasukkan kod. Dan lagi, Read More ini boleh menampilkan gambar pertama yang ada dalam entri tu diawal entri, walaupun gambar tersebut berada di tengah atau dihujung. Ok tak nak terang banyak2, kita cuba terus.04. Ini contoh Auto Readmore yang Ana buat kat satu blog.

Sebelum kita mula, pada yang dah guna Read More sebelum ni, pastikan remove kod2nya terlebih dahulu. Kalau rasa nak pakai Auto Read More ni la. Kalau malas xyahla.10

1. Cara Membuat Read More
2. Cara Membuat Read More v2


i. Ok ini caranya. Masuk ke Edit HTML. Tanda pada kotak Expand Widget Template yer.

ii. Tambahkan kod dibawah sebelum kod </head>.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='http://www.geocities.com/almansuqie/autoreadmore.js' type='text/javascript'/>


iii. Keterangan kod diatas. Kod2 merah boleh diubah ikut selera masing2.

var thumbnail_mode = "float"; (Kedudukan gambar thumbnail.("float") disebelah kiri. Kalau xmau ganti dengan ("no-float").
summary_noimg = 250; (Jumlah huruf yang ingin ditampilkan tanpa gambar thumbnail.)
summary_img = 250; (Jumlah huruf yang ingin ditampilkan beserta gambar thumbnail.)
img_thumb_height = 120; (Tinggi Gambar)
img_thumb_width = 120; (Lebar Gambar)


iv. Seterusnya cari kod berikut. Gunakan Ctrl+f untuk lebih cepat.

<data:post.body/>


v. Dah jumpa? Gantikan/Replace dengan kod dibawah.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


vi. Tulisan READ MORE - diatas boleh diubah. Nak tulis baca lagi ke, ape ke, silakan. Kalau xnak ade tajuk lepas tulisan Read More tu, buang kod ini <data:post.title/>.

vii. Boleh preview dan lihat hasilnya. Kalau dah menjadi klik tombol Save tu.

Selamat Mencuba.

Sumber: o-om.com
Adhitya Rachman Read More

Kembali Ke Alamat Asal

Assalamualaikum.. Ni nak kasi tau kat semua, blog ni kembali ke alamat asal dari .via.my. 17Ana memilih untuk rujuk kembali setelah diceraikan beberapa ketika. Biasala kan pakai free domain ni. Mesti ada kekurangan. Ada masalah dengannya. Sebelum ni pun ada sahabat yang ngadu xboleh nak buka blog ni. Tup2 Ana sendiri pun payah nak bukak sekarang ni. Xpela nati balik Malaysia boleh beli Domain sendiri kan. Ampun Maap Semua Yer..49
Adhitya Rachman
Tuesday, June 2, 2009

Pasang Star Rating Pada Posting

Ingin tahu rating sesuatu post dalam blog kita, boleh pasang widget ni. Seperti dibawah post ini ada lima bintang warna kuning. Kalau rasa post ni bagus boleh la bagi bintang skit. Ok ini disediakan kod javascript untuk ditanam dalam template. Caranya..

1. Macam biasa dalam kedaan Loggin. Edit HTML. Tanda pada kotak Expand Widget Template. Cari kod berikut.

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


2. Dah jumpa, tambahkan kod berikut tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script language='JavaScript'>
var OutbrainPermaLink=&#39;Your-Post-Permalink-Here&#39;;
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://www.geocities.com/almansuqie/limabintang.js' type='text/javascript'/>
</b:if>


3. Tambahan: Kod <p><data:post.body/></p> kemungkinan sudah berubah atau tiada lagi sekiranya Antum gunakan Read More. Tapi jangan kecewa, cuba cari tulisan Read More tu. Tambahkan kod diatas diakhir kod Read Morenya.

4. Dah siap klik save..
Adhitya Rachman Read More, Widget