Kamis, 11 Juni 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

Selasa, 09 Juni 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!!

Kamis, 04 Juni 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

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

Rabu, 03 Juni 2009

Setelah Netbook, Terbitlah Smartbook

Awalnya adalah notebook, lalu muncul smartphone, tablet PC, yang disusul oleh MID (mobile internet device), UMPC (ultra mobile PC), dan netbook. Seakan-akan itu semua belum cukup membuat konsumen bingung, kini akan hadir satu perangkat baru lain.Namanya smartbook, begitu kata Qualcomm dan Freescale. Perangkat ini diposisikan sebagai pelengkap smartphone, dan harganya akan berada antara handset

Senin, 01 Juni 2009

Trik SMS-an di Komputer

Selama handphone kita terhubung ke komputer dengan Nokia PC Suite, kita bisa mengirim, menulis dan menyimpan SMS di komputer. Dengan cara ini, ber-sms menjadi lebih nyaman karena kita membaca pesan di layar yang lebih besar dan menuliskan pesan dengan keyboard komputer.Mengirimkan SMS di Komputer1. Sambungkan handphone ke komputer, dan jalankan Nokia PC suite.2. Klik ikon Message3. Klik tombol

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