cara buat | bina blog | tutorial | panduan blogspot | blogger info | tips

Threaded Comment: Features terbaru dari Blogger.com

2012-01-12T15:49:00.004+08:00

Blogger team telah melancarkan features terbaru mereka iaitu threaded comment yang telah lama dinantikan oleh para blogger yang menggunakan platform blogspot. Dengan features terbaru ini, anda tidak perlu lagi memasang threaded comment secara manual. Untuk maklumat lebih lanjut, anda boleh baca pada post di Blogger Buzz.

Engage with your readers through threaded commenting

Blogger now supports threaded commenting, which means that it is now much easier to differentiate between whether someone is making a general comment on the thread, or responding to another comment on the thread.

What do you have to do to enable this on your blog? Nothing! If you have Blogger’s commenting feature enabled, “Blog Feed” set to “Full”, and are using “Embedded” comments, then you’re ready to start a discussion with your readers. To check, or change your feed settings, select: “Settings > Other >, and then “Full” from the “Allow Blog Feed” dropdown:

To check your current form setting, select: “Settings > Posts and Comments, and select “Embedded” from the “Comment Location” dropdown:

sumber: http://buzz.blogger.com/

p/s: Threaded comment system ini hanya terdapat pada blog yang menggunakan template dari template designer.

Facebook dan Ultrabook mengubah dunia

2012-01-12T09:27:00.002+08:00

DUNIA teknologi maklumat dan komunikasi (ICT) sekali lagi dijangka berdepan cabaran pada tahun baru yang akan memacu pertumbuhan global, bagaimanapun pasaran baru muncul bakal mewarnai industri bagi tempoh 12 bulan akan datang ini.

IT@Metro menjangkakan beberapa pertumbuhan positif dalam industri yang sentiasa merubah dunia termasuk:

1. Pencetak kompak

Salah satunya, kita akan lihat beberapa model pencetak foto kompak yang dibina khusus bagi cetakan dari iPhone, iPad dan telefon pintar serta tablet lain.

Walaupun menjelang akhir tahun lalu, pencetak WiFi model terkini sudah serasi dengan AirPrint Apple, tidak ramai pengeluar pencetak yang memanfaatkannya tapi mencipta aplikasi sendiri.

2. Ultrabook

Laptop jenis ultrabook dibangunkan dengan ketebalan minimum akan dijangka menguasai pasaran apabila ia mula diperkenalkan pada suku terakhir tahun lalu walaupun harganya masih mahal dan kami jangkakan kos pemilikannya akan berkurang menjelang suku ketiga tahun ini.

Pada masa sama, Apple dijangka memasuki kategori laptop nipis terbabit dengan Macbook wajah baru. Besar kemungkinan model MacBook Air dengan spesifikasi baru.

Persaingan juga dijangka bertambah apabila Microsoft bakal mengeluarkan sistem operasi Windows 8 yang boleh mampu melonjakkan pasaran ultrabook pada 2012.

Apabila menyebut mengenai harga ultrabook yang rata-rata masih melebihi RM3,000, it@Metro menjangkakan nilainya akan jatuh hingga 30 peratus bergantung kepada permintaan pengguna pada suku kedua nanti.

3. Pemacu optik

Berikutan pengeluaran ultrabook, kita akan melihat pengurangan pemacu optik yang bakal hilang terus dari rekaan laptop disebabkan inisiatif ultrabook yang dibawakan syarikat pemprosesan Intel terbabit.

Kebanyakan vendor akan mula menyedari keutamaan pengguna berada dalam kehidupan yang lebih mementingkan jangka hayat bateri, rekaan yang lebih ringan dan banyak lagi sistem berkuasa tinggi.

Semuanya hanya boleh dicapai dengan ‘mengorbankan’ komponen dalaman yang difikirkan tidak lagi releven.

4. Skrin sentuh pada notebook

Skrin sentuh pada desktop dan notebook akhirnya akan bermula pada 2012 walaupun beberapa model sudah dikeluarkan sebelum ini.

Sekali lagi, ia akan dipacu sistem operasi berorientasikan Microsoft Windows 8 yang dikhabarkan mesra skrin sentuh, malah pengguna biasa akhirnya akan mempunyai pilihan untuk menggunakan skrin sentuh serta menyepadukannya dengan telefon anda.

5. Facebook

Facebook menetapkan sasaran untuk mencapai satu bilion pengguna menjelang 2012.

Hampir 700 juta pengguna menggunakan laman sosial facebook di seluruh dunia sekarang dan angka itu dijangka terus meningkat pada tahun ini.

Menurut statistik laman analisis Sosial Bakers, pertumbuhan terpantas dikhabarkan akan datang dari Brazil terutama selepas negara Amerika Latin terbabit mencatat peningkatan hingga 1.9 juta pengguna pada Mei tahun lalu.

6. Pemacu flash

Satu lagi tarikan 2012 tertumpu kepada sistem setoran berasaskan ‘flash’ yang berkait rapat dengan hukum fizik Moore.

Ramai penyelidik membuat kesimpulan perkakasan Solid State Drive (SSD) akhirnya akan memecah masuk industri perkomputeran yang masih berharga tinggi.

Kami menjangkakan, 2012 bakal menyaksikan kos suntuk kapasiti akan kurang kira-kira RM3 bagi setiap 1GB di pasaran.

7. Telefon pintar

Peranti mudah alih terbabit akan terus diperkatakan setiap tahun dan ia masih menjadi topik hangat dalam tempoh lima tahun kebelakangan ini.

Pada 2012, penganalisis Internet, Morgan Stanley berkata beliau menjangka jualan telefon pintar akan mengatasi jualan PC dengan lebih daripada 450 juta unit yang bakal dijual.

Malah, ia bakal bertambah pada 2013 apabila jualan telefon pintar akan menghampiri 650 juta unit disokong penggunaan laman rangkaian sosial serta stream video.

8. iPad

Ramai penganalisis menganggarkan jualan iPad akan mencecah 16.5 juta unit pada 2012 saja, satu angka yang lebih baik berbanding 2010 dan 2011.

Sehingga kini, terdapat angka tidak rasmi menunjukkan Apple berjaya menjual 6.2 juta iPad pada 2010 dan 8.2 juta pada 2011.

9. Netbook dengan Linux

Agensi penyelidik ABI Research percaya 2012 akan menyaksikan kebangkitan semula netbook yang memasang sistem operasi berasaskan Linux.

Perubahan trend terbabit akan menyaksikan pemprosesan ARM dalam beberapa jenama netbook tidak lagi berasaskan format x86 dan secara tidak langsung tidak lagi menjalankan sistem operasi Windows XP, Vista atau Windows 7.

10. PS3

Konsol permainan terkemuka, Sony PS3 dianggarkan mampu mengatasi jualan Microsoft Xbox 360 pada nisbah 2:1 menjelang akhir 2012.

Ia disokong pendapat Penganalisis IDC Billly Pidgeon, yang mengunjurkan PS3 akan terjual sebanyak 107 juta unit di seluruh dunia mengatasi Nintendo Wii dan Xbox 360.

11. Projektor dalam telefon

Ia seakan mustahil tapi berkemungkinan besar 50 juta projektor bakal dibina dalam telefon pada tahun ini.

Beberapa syarikat elektronik di seluruh dunia sudah mengumumkan rancangan untuk memasuki pasaran paparan mini dan tidak terkecuali tempiasnya akan terkena pada telefon.

12. Saluran HD

Tahun lalu menyaksikan beberapa saluran definisi tinggi (HD) diperkenalkan dan ia dijangka bertambah kepada 900 saluran di seluruh dunia menjelang 2012, malah di China saja sudah diwujudkan saluran HD berformat tiga dimensi (3D).

13. LTE

Agensi penyelidik, Juniper Research meramalkan jumlah pelanggan untuk rangkaian Evolusi Jangka Panjang (LTE) akan mencecah 24 juta pada 2012, hanya dua tahun selepas versi awal teknologi terbabit diuji.

LTE dijangka menjadi pengganti jangka panjang dalam industri jalur lebar mudah alih kerana ia menawarkan laluan migrasi dari teknologi 3G/HSPA yang sedia ada dengan lebih baik.

Sumber: http://www.hmetro.com.my/

5 cara untuk top monetize blog anda

2012-01-05T16:01:00.000+08:00

Jika anda mahukan cara-cara untuk mendapatkan wang daripada blog anda, maka artikel ini adalah untuk anda. Dalam artikel ini, kita membincangkan beberapa kaedah di mana anda boleh mendapatkan wang daripada blog anda dengan cara yang mudah dan mudah.

1. Advertising :

Salah satu bentuk yang paling biasa dan paling mudah Pengewangan blog anda melalui pengiklanan. Blog anda boleh menjana pendapatan melalui pelbagai bentuk pengiklanan. Blog anda boleh menampilkan semua jenis iklan seperti pautan teks, iklan banner, atau iklan imej. Terdapat banyak program pengiklanan boleh didapati di Internet, sebagai contoh, Google AdSense, Pay per Post, Amazon Associates, dan eBay Gabungan.

2. Merchandising :

Ini merupakan satu lagi cara pengewangan blog anda. Anda boleh menggunakan blog anda untuk menjual pelbagai jenis barangan. Kebanyakannya penjualan barangan di blog berlaku melalui perkhidmatan seperti CafePress. Penyedia perkhidmatan menyesuaikan pelbagai produk dan barangan supaya anda boleh menjual mereka di blog anda.

3. Review :

Anda boleh menjana pendapatan blog anda dengan menulis ulasan di blog anda. Ulasan boleh dikaitkan dengan produk, perniagaan, acara, filem, malah sebuah buku baru. Agensi yang berkaitan dengan topik kajian anda akan membayar anda untuk menulis semula. Hanya memberi perhatian kepada peraturan akaun mata wang asing baru ini, mereka retak ke atas ulasan yang hanya dibuat untuk komisen. Tahu produk anda, anda sedang mengkaji benar-benar baik sebelum menggunakan kaedah ini.

4. E Book :

Penulisan EBook adalah cara surefire daripada pengewangan blog anda. Anda menulis EBook dan kemudian menjualnya di Internet melalui blog anda. Jika anda mahu, anda juga boleh menggunakan blog anda untuk melakukan pemasaran untuk beberapa EBook ini. Ini merupakan cara terbaik untuk mendapatkan wang dari blog. Ini akan menolong terutama bagi mereka blogger yang telah ditubuhkan pada diri mereka Wide Web Dunia sebagai pakar dalam satu bidang atau topik yang lain. Anda boleh meningkatkan pegangan dalam bidang ini dengan menyediakan pembaca tetap blog anda dengan petikan en eksklusif atau maklumat eksklusif mengenai EBook anda.

5. Sell advertising space :

Akhir sekali, satu lagi bentuk pendapatan tunai di blog anda adalah untuk menjual ruang iklan. Anda boleh mengenakan bayaran mingguan atau bulanan, teks pautan atau meletakkan banner pada laman web anda untuk laman-laman lain. Sebaik sahaja anda boleh membuktikan aliran trafik anda setengah jalan yang baik, ini adalah cara yang baik untuk mendapatkan wang daripada blog anda

Source: http://my.hicow.com/

Backup Driver software free download | Driver Magician Lite

2011-12-28T17:04:00.001+08:00

Anda sering kali format PC anda dan selalu bertukar-tukar CD Driver dari Display Card ke Sound Card, dan sebagainya? Namun pernahkan anda cuba untuk backup semua driver anda hanya kepada satu CD sahaja ? atau anda risau CD driver yang ada akan hilang atau rosak dan tidak boleh digunakan lagi ?

Terdapat satu software yang mampu menyimpan semua driver perkakasan anda dan tidak perlu lagi menggunakan beberapa CD dan hanya boleh disimpan dalam satu folder sahaja.

Software ini dinamakan Driver Magician Lite. Ia mampu membezakan mana driver yang sudah berada dalam CD Windows dan mana driver yang tidak berada dalam CD Windows anda. Malah ia mampu membuat backup.

Driver Magician yang biasa mempunyai kemudahan untuk mengemaskini driver anda. Namun ianya merupakan aplikasi berbayar.

Untuk download Software Driver Magician Lite versi percuma, sila klik di sini

GetMyBusinessOnline. 10 000 domain percuma menanti anda

2011-12-25T09:45:00.000+08:00

Sebagai sebahagian dari Get Malaysian Business Online kami menawarkan syarikat-syarikat Malaysia laman web percuma dan domain .com.my untuk 10,000 peserta pertama. Peserta-peserta berikutnya akan mendapat harga istimewa RM23 setahun. Sebagai tambahan kami akan menyediakan tips dan latihan berterusan serta kredit percuma RM200 untuk Google AdWords. Lawati halaman Mula Sekarang untuk menikmati tawaran ini.

Apakah yang ditawarkan Google kepada syarikat kecil dan sederhana Malaysia?

Kami menawarkan penyelesaian lengkap untuk membantu perniagaan bertapak online termasuk:

Laman web khusus percuma yang mudah dikemaskini
Alamat .com.my percuma kepada 10,000 peserta pertama. Peserta seterusnya menerima kadar istimewa sebanyak RM23.
Yuran pembaharuan diskaun sebanyak RM23
Tips dan pendidikan berterusan
Percubaan AdWords sebanyak RM200 dengan sokongan pakar melalui telefon

Kami juga akan menyediakan akses kepada alat-alat, sumber, sokongan dan latihan bagi memastikan perniagaan-perniagaan mendapat semua bantuan yang diperlukan untuk bertapak online.

Adakah benar semua ini percuma atau berdiskaun? Apa kos tersembunyi?

Sukar dipercayai namun benar! Kami memberikan semuanya percuma atau pada kadar yang sangat murah - alat laman web, hosting, domain, sumber dan sokongan yang anda perlukan. Kami komited untuk membantu syarikat kecil dan sederhan untuk bertapak online, jadi ini adalah cara kami menjadi ekosistem online di Malaysia.

Bagaimana Saya Memulakan Laman Web Saya?

Ada beberapa perkara yang anda perlukan untuk bermula:

Akaun Google (contoh; akaun Gmail)
Nombor telefon
Komputer, tablet atau netbook dengan akses internet
Masa sekitar 30 minit untuk membina laman web anda

Sekiranya anda belum berbuat begitu, bina laman web anda sekarang!

Adakah nama domain .com.my akan menjadi milik saya?

Pendaftaran domain adalah sah untuk tempoh setahun dari tarikh pembelian. Setiap tahun anda perlu memperbaharui pendaftaran anda pada harga istimewa RM23 untuk mengekalkannya pemilikan domain. Registrar domain akan memberi notis awal bila sudah tiba masa untuk pembaharuan.

Adakah laman web saya dimasukkan secara automatik ke dalam indeks carian Google? Adakah saya memerlukan apa-apa untuk Search Engine Optimization (SEO)?

Ya. Laman web anda dihantar ke indeks Google sebaik sahaja anda menerbitkannya kepada awam di Business Sitebuilder. Namun, ia mungkin mengambil masa beberapa minggu untuk laman web anda mula muncul dalam hasil carian. Apabila laman web anda diindeks, laman web anda akan mula mencul apabila orang ramai mencari perkataan-perkataan yang muncul di laman web anda melalui Google. Oleh itu, pastikan menggunakan perkatan-perkataan yang digunakan para pelanggan untuk mencari apabila menerangkan perniagaan anda.

Untuk maklumat lanjut, sila baca terma dan syarat di sini

Cara pasang Recent posts floating bar widget di Blogspot

2011-12-22T06:24:00.001+08:00

Recent posts floating bar seperti yang boleh anda lihat di bahagian bawah blog ini adalah widget yang sangat menarik. Widget tersebut memaparkan tajuk post terkini yang berefek slider.

Untuk memasang widget Recent posts floating bar slider ini pada blog anda, sila ikut beberapa langkah di bawah.

1. Log in dashboard--> Template --> Edit HTML --> Proceed.

2. Seterusnya tick "Expand Widget Templates"

3. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kod </head>

4. Copy dan paste kod css ini, di atas atau sebelum kod </head>

<style type='text/css'>

#bd {
float:bottom;
font-family:Arial, Helvetica, sans-serif;
line-height:1.5;
margin-top:5px;
font-size:12px
}

.text {
color:#98BF2F;
margin-left:8px
}

div#news-1 .gk_news_highlighter {
font-family:Verdana, Arial;
font-size:11px;
color:#666
}

div#news-1 {
width:960px;
height:24px;
margin-left: -10px;
display:scroll;
position:fixed;
bottom:1px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
background:#000 url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -100px;
clear:both;
overflow:hidden
}

div#news-1 .gk_news_highlighter_wrapper {
float:left;
width:820px;
height:24px;
line-height:24px;
overflow:hidden;
position:relative
}

div#news-1 .gk_news_highlighter_item {
width:auto;
height:24px;
padding-left:20px;
display:none;
position:absolute
}

div#news-1 .nowrap {
white-space:nowrap
}

div#news-1 .gk_news_highlighter_title {
padding-left:5px
}

div#news-1 .gk_news_highlighter_desc {
padding-right:5px
}

div#news-1 .gk_news_highlighter_interface {
float:left;
width:120px;
height:24px;
text-align:right;
line-height:24px;
z-index:1000
}

div#news-1 .gk_news_highlighter_interface .text {
float:left;
display:block;
width:auto;
padding-left:5px;
font-weight:700
}

div#news-1 .gk_news_highlighter_interface div {
width:30px;
float:right
}

div#news-1 .gk_news_highlighter_interface a.prev,div#news-1 .gk_news_highlighter_interface a.next {
cursor:pointer;
width:13px;
height:24px;
display:block;
background:url('http://1.bp.blogspot.com/-H-u2nx45PwI/TuJ1Bwv5xDI/AAAAAAAABew/HQHKt-oVd7o/s1600/play.png') no-repeat 0 50%;
float:left
}

div#news-1 .gk_news_highlighter_interface a:hover.prev {
background-position:-13px 50%
}

div#news-1 a,div#news-1 a:link,div#news-1 a:visited,div#news-1 a:active,div#news-1 a:focus {
color:#FFF
}

div#news-1 .gk_news_highlighter_interface a.next {
float:right;
background-position:-26px 50%
}

div#news-1 .gk_news_highlighter_interface a:hover.next {
background-position:-39px 50%
}

</style>

5. Seterusnya, dengan menggunakan keyboard, tekan "Ctrl+F" cari pula kod <div id='content-wrapper'>.

Bagi blog yang menggunakan template dari template designer, cari kod </footer>

6. Copy dan paste kod HTML dan Javascript ini, dibawah atau selepas kod <div id='content-wrapper'>

Bagi blog yang menggunakan template dari template designer, paste kod HTML dan Javascript ini di atas atau sebelum </footer>

<div id='bd'>
<div class='gk_news_highlighter' id='news-1'>
<div class='gk_news_highlighter_interface'>
<span class='text'>HOT NEWS</span>
<div>
<a class='prev' href='#'/>
<a class='next' href='#'/>
</div>
</div>
<div class='gk_news_highlighter_wrapper'>
<script language='JavaScript'>
imgr = new Array();
showRandomImg = false;
aBold = true;
text = "no";
showPostDate = false;
summaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
icon = " » ";
label = "";
numposts = 30;
home_page = "http://maribinablog.blogspot.com/";
</script>
<script src='http://yourjavascript.com/11843262101/post-hotnews.js' type='text/javascript'/>
</div>
</div>
</div>
<script src='http://yourjavascript.com/01042612211/mootools.js' type='text/javascript'/>
<script src='http://javscript-code.googlecode.com/files/engine_compress.js' type='text/javascript'/>
<script type='text/javascript'>
try {$Gavick;}catch(e){$Gavick = {};};
$Gavick["gk_news_highlighternews-1"] = {
"animationType" : 3,
"animationSpeed" : 200,
"animationInterval" : 2000,
"animationFun" : Fx.Transitions.linear,
"mouseover" : 1};
</script>

7. Edit kod yang di bold dengan warna merah dengan menggantikannya kepada URL blog anda dan juga bilangan post yang hendak dipaparkan.

8. Seterusnya klik Preview. Jika kedudukan bar terlalu ke kiri atau ke kanan, sila edit nilai pada kod yang di bold dengan warna biru pada langkah 4.

width:960px; (Panjang bar)
margin-left: -10px; (Jika kedudukan bar terlalu ke kanan, edit nilai -10 kepada 10 dan sebaliknya)

9 . Akhir sekali, jika anda berpuas hati dengan kedudukan bar tersebut, klik Save.

Tips mengelakkan email dari dipenuhi Spam

2011-12-20T02:37:00.002+08:00

Email inbox anda selalu dipenuhi Spam ? Ianya sudah menjadi kebiasaan bagi pengguna email seperti kita. Umpama tidak sah kalau tidak ada spam. Spammer selalunya mempunyai kaedah dan teknik untuk mendapatkan email kita. Selalunya spammer memasang robot yang akan bergerak dalam Internet dan mengumpulkan email dari laman web. Secara amnya sebaik-baiknya email penuh tidak dipaparkan di dalam laman web seperti abc@gmail.com

Antara langkah yang patut diambil adalah dengan tidak menunjukkan ianya adalah format email dan manusia mampu memahaminya sebagai alamat email seperti:

" Anda bolehlah mengemailkan kepada saya di user at gmail dot com , user [@] gmail [.] com dan sebagainya."

Ini merupakan langkah pertama jika anda mempunyai laman web.

Langkah seterusnya adalah anda sebaiknya mempunyai 2 alamat email dimana satu untuk urusan rasmi dan satu lagi untuk kegunaan biasa. Email rasmi adalah untuk urusan kerja-kerja rasmi dan kedua adalah untuk kegunaan harian. Email rasmi haruslah tidak digunakan ketika mendaftar apa-apa pun di Internet. Dan email harian adalah untuk anda menggunakan servis-servis di Internet yang memerlukan pendaftaran umpama seperti Email, Forum dan lain-lain.

Di sini anda akan dapati email spam akan masuk ke email harian anda dan bukan email rasmi. Selalunya laman-laman web yang memerlukan pendaftaran ini akan mengumpul email anda dan menghantar spam. Anda terkejut ? Itu sudah menjadi kebiasaan mereka untuk mempromosikan produk mereka. Yang lebih merisaukan lagi, email kita dijual kepada syarikat yang membayar untuk mendapatkan email-email yang didaftarkan di laman web mereka.

Langkah ketiga jika spam yang mempunyai "unsubscribe" (berhenti melanggan). Sila pastikan betul-betul ianya adalah "unsubsribe". Selalunya laman web terkenal akan menghormati hak anda dan tidak akan menghantar email lagi. Namun ada kaedah spammer dengan meletak email untuk "unsubscribe" tetap sebenarnya adalah "subscribe" (melanggan) email mereka. Apabila ini berlaku spammer akan mengetahui alamat email ini adalah berfungsi dan anda kerap menggunakannya. Hati-hati di dalam hal ini.

Langkah keempat, kita selalunya menghantar forward email kepada rakan-rakan kita. Dan disinilah spam boleh mendapatkan maklumat dari email anda. Forward email tidak digalakkan dimana kita mengambil langkah mudah apabila selesai dibaca terus di forward tanpa diedit ruangan subject dan isi. Apatah lagi kita memforward alamat email kawan-kawan kita dan menyerahkan pada orang yang tidak kita kenali.

Bagaimanakah cara untuk membuat capaian Internet pada kelajuan yang tinggi?

2011-12-19T13:03:00.001+08:00

Kelajuan capaian Internet bergantung kepada kapasiti akaun servis Internet yang dilanggan. Namun begitu, terdapat beberapa kaedah atau panduan penggunaan komputer yang boleh diamalkan untuk dapatkan prestasi kelajuan capaian internet pada tahap optimum daripada kadar kapasiti yang dilanggan.

1. Cuba dapatkan masa yang sesuai untuk melayari Internet iaitu masa pada ketika dijangkakan tidak ramai orang-orang lain melayari internet seperti di awal pagi dan sebagainya.

2. Nyah pasangkan program-program tambahan atau add-on program pada pelayar web atau Internet yang digunakan.

Program-program tambahan ini akan memberi fungsi tambahan kepada pelayar internet dan seterusnya akan memberi kesan kepada kelajuan capaian Internet.

3. Sentiasa mengemaskini sistem pengoperasian yang digunakan. Pastikan sistem pengoperasian yang digunakan adalah versi yang terkini dan stabil.

4. Sentiasa mengosongkan kandungan cache yang terdapat pada pelayar Internet. Ini akan memberikan keadaan yang bersih pada komputer digunakan.

Di samping itu, kaedah sambungan Internet juga akan menjadi mudah dan berfungsi dengan lebih baik.

Ini kerana kandungan cache pada pelayar web akan mengambil banyak ruang yang terdapat dalam memori komputer memberi kesan buruk kepada prestasi komputer dalam memberi maklum balas pada permintaan sambungan Internet.

Sekiranya menggunakan capaian Internet tanpa wayar, pastikan penggunaannya selamat dan lokasi capaiannya juga dalam keadaan yang baik.

Ini kerana sekiranya ada orang lain yang menggunakan akaun internet tersebut akan menyebabkan capaian Internet menjadi perlahan.

Begitu juga dengan lokasi yang tidak baik akan menyebabkan isyarat capaian Internet akan menjadi lemah dan perlahan.

Pengurusan capaian jalur lebar internet juga boleh dilakukan dengan menggunakan aplikasi-aplikasi komputer seperti QoS Packet Scheduler bagi mendapatkan prestasi kelajuan Internet yang dikehendaki.

Bagaimana pun, ia perlu dikonfigurasikan dengan baik dan cekap.

Penggunaan pelayar web dengan konfigurasi dan penggunaan yang baik dan betul juga dapat menyumbang kepada pengoptimuman kelajuan capaian Internet.

Di samping itu, sekiranya prestasi komputer yang digunakan untuk melayari internet dapat ditingkatkan, ia juga boleh mempengaruhi kelajuan capaian Internet.

Peningkatan prestasi komputer boleh dilakukan seperti membuat penyelenggaraan yang teratur, kemas kini program-program komputer, mengimbas komputer dengan perisian keselamatan, membuang fail-fail yang tidak diperlukan dan lain-lain.

Sumber: http://www.utusan.com.my

Shoutmix bakal menghentikan servis percuma awal Januari 2012

2011-12-15T23:18:00.001+08:00

Widget Shoutmix yang selama ini menjadi pilihan para blogger sebagai shout box bakal menamatkan servis percuma mereka. Berita ini mungkin kurang menyenangkan ramai blogger yang selama ini selsesa menggunakan perkihdmatan tersebut. Namun sebagai langkah untuk terus maju dan menguntungkan, pihak shoutmix terpaksa menghentikan servis mereka secara percuma. Menurut apa yang diluahkan oleh pengasas Shoutmix, iaitu Snecx Tan, ianya berpunca daripada sikap pengguna yang lebih selesa menggunakan servis percuma dan tidak berkeinginan untuk menaiktarafkan shoutmix mereka kepada servis premium. Perkara ini merupakan berita buruk kepada mereka.

Servis percuma dari Shoutmix akan dihentikan sepenuhnya pada awal Januari 2012 dan menggantikannya dengan servis berbayar. Sekiranya anda masih lagi berminat untuk menggunakan perkhidmatan dari Shoutmix sebagai Shout box di blog anda, bayaran yang dikenakan adalah serendah $0.99 sebulan untuk versi 3 dan $1.67 sebulan untuk versi classic (lama).

Untuk maklumat lanjut, anda boleh baca di http://www.shoutmix.com/v3/openletter.php

Cara pasang widget Recent comments dengan avatar (image profile) di Blogspot

2011-12-13T22:05:00.002+08:00

Recent comments with avatar (image profile) seperti yang boleh anda lihat pada sidebar blog saya adalah widget yang sangat menarik. Widget tersebut kini memaparkan gambar avatar pemberi komen beserta dengan komen ringkas pada post yang berkaitan dalam Blogger.

Untuk memasang widget recent comment dengan avatar ini pada blog anda, sila ikut beberapa langkah di bawah.

Langkah 1

Log in blog > Dashboard > Layout > Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

Salin kod di bawah dan paste pada ruang Content HTML/Javascript (rujuk langkah 1).

<style type="text/css">
#recentcomment {
width:98%;
margin-left:5px;
}
img.recentcomment-avatar {
background:#fff;
float:right;
padding:2px;
margin:2px -2px 0px 0px;
height:30px;
width:30px;
border:solid #ddd 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
td div.recentcomment-content a,td div.recentcomment-content a:hover{
font-family: 'trebuchet ms';
font-size:1.00em!important;
color:#2C2929;
text-decoration:none;
}
div.recentcomment-content{
font-size:1.00em!important;
text-decoration:none;
line-height:1.45em;
letter-spacing:0.03em;
background: #fff;
padding:4px;
border:1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
</style>

<script type="text/javascript">
ava_mode = "all";
var cm_num = 5;
var cm_desc = 13;
var homepage = "http://maribinablog.blogspot.com/";

var cm_ava = new Array();
cm_ava['openid'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['livej'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['wp'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['typepad'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['aim'] = "http://3.bp.blogspot.com/-6kHTbPmPW6A/TuZpM4kzZCI/AAAAAAAAAbY/yNkCTBfl8IE/s1600/blogger.png";
cm_ava['url'] = "http://1.bp.blogspot.com/-eUjiOVpSBmw/TuZpNJ0w8-I/AAAAAAAAAbk/MQCBeyTefdI/s1600/user.png";
cm_ava['anon'] = "http://1.bp.blogspot.com/-bCPKKy16aV4/TuZpM901nkI/AAAAAAAAAbQ/GEM1G_Nym_Y/s1600/anonymous.png";

</script>
<script src="http://javscript-code.googlecode.com/files/recent-comment-avt.js" type="text/javascript"></script>

Akhir sekali, klik Save.

p/s: Jika kod yang telah di save tidak berfungsi, sila gunakan kod ini (sila klik)

Cara pasang Sidebar Social Widget di Blogspot

2011-12-12T18:58:00.000+08:00

Sidebar Social Widget ini adalah widget yang di bina untuk blog wordpress oleh Ariffshah. Widget ini menggabungkan Facebook page, Twitter, Google plus dan juga Rss yang di muatkan dalam satu widget.

Ianya hanya menggabungkan beberapa kod javascript, HTML dan juga css. Untuk pengguna wordpress yang berminat memasang widget sidebar social ini di blog anda, sila ke tutorial asasnya di http://wp.tutsplus.com/

Bagi pengguna Blogger pula, saya telah berjaya memasukkan widget sidebar social seperti contoh yang boleh anda lihat di sidebar blog saya. Sedikit pengubahsuaian pada kod untuk Facebook page dan juga css untuk warna background.

Bagi pengguna Blogger yang ingin mencuba widget Social sidebar ini di blog anda, bolehlah ikut beberapa langkah-langkah yang mudah di bawah.

Langkah 1

Dapatkan ID untuk Facebook page, Twitter dan juga RSS feed anda.

Contoh:

Facebook page: http://www.facebook.com/pages/MariBinaBlog/197414523674776
Twitter: https://twitter.com/Nescafeaisblog
Feedburner: http://feeds.feedburner.com/maribinablog1

Langkah 2

Salin dan edit kod di bold dengan menggantikan dengan ID Facebook page, Twitter dan Feedburner dan juga nama blog anda.

<style>
#sidesocial{
border:0 solid #;
}
.sideg{
background:#00FFBF url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -100px!important;
font-size:0.85em;
color:#000;
line-height:1px;
border-top:1px solid #FFF;
border-bottom:1px solid #EBEBEB;
padding:5px 11px
}
.sideg span{
vertical-align:text-top;
color:#333;
margin:2px;
}
.sidetw{
background:#0DF url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -100px!important;
line-height:1px;
border-top:1px solid #FFF;
border-bottom:1px solid #EBEBEB;
padding:4px 11px;
}
.sidefb{
background:#82CDFC url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -100px!important;
}
.sidesub{
line-height:1px;
background:#FFB86D url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -100px!important;
border-top:1px solid #FFF;
padding:3px 10px;
}
.sidesub span{
width:115px;
}
</style>
<div id="sidesocial">
<div class="sidefb">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMariBinaBlog%2F197414523674776&width=300&height=183&colorscheme=light&show_faces=true&border_color=%2382CDFC&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:183px;" allowtransparency="true"></iframe>
</div>

<div class="sideg">
<div class="g-plusone" data-size="medium" data-href="http://maribinablog.blogspot.com"></div><span>Recommend on Google</span>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
</div>

<div class="sidetw">
<a href="https://twitter.com/nescafeaisblog" class="twitter-follow-button">Follow @YOU</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>

<div class="sidesub"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maribinablog1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="submit" value="Subscribe" /><span><input type="text" style="width: 165px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
font-size: 0.85em;
margin-top: -1px;
margin-left: 15px;" name="Masukkan email" value=" Masukkan Email" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="hidden" value="maribinablog1" name="uri"/><input type="hidden" name="loc" value="en_US"/></span></form>
</div>
</div>

Langkah 3

Log in blog > Dashboard > layout > Add A gadget > HTML / Javascript

Salin kod yang telah siap di edit pada langkah 2 dan paste pada content HTML/javascript. Seterusnya klik Save.

p/s: Jika kotak Facebook terlalu besar atau kecil, anda boleh mengubahnya dengan mengedit nilai yang di bold dengan warna merah

Bagaimana hendak membuat blog di Blogger | How to Create a Blog on Blogger

2011-12-10T21:19:00.001+08:00

Bagaimana hendak membuat akaun Blogger?

Pada halaman utama Blogger, klik "Buat Blog Anda Sekarang", dan buat Akaun Google. Anda diingatkan bahawa anda berkemungkinan sudah mempunyai Akaun Google, jika sebelum ini anda pernah menggunakan produk Google seperti orkut, Google Kumpulan, Gmail dan lain - sekiranya benar, terus sahaja melog masuk. Kemudian, pilih nama paparan anda dan terima Syarat Perkhidmatan Blogger. Apabila perkara itu semua sudah ditetapkan, anda kini bersedia untuk mula memblog!

Bagaimana hendak membuat blog Blogger?

Apabila anda sudah membuat akaun Blogger, log masuk ke www.blogger.com dan klik "Buat Blog". Pada Langkah 2, masukkan tajuk dan alamat (URL) untuk blog anda. Taipkan huruf dalam kotak pengesahan perkataan untuk membuktikan anda ialah orang sebenar dan klik "Teruskan". Pada Langkah 3, anda boleh memilih templat untuk blog anda; berikut adalah penampilannya kepada pembaca anda. Blogger kemudiannya membuat blog baru anda yang akan muncul di alamat yang anda pilih dalam Langkah 2.

Bagaimana hendak menyiarkan ke blog saya?

Pada Papan Pemuka anda, klik "Catatan Baru" bersebelahan dengan blog yang anda mahu siarkan. Mulakan dengan memberikan tajuk kepada catatan anda (pilihan) dan kemudian masukkan catatan itu sendiri. Apabila anda sudah selesai, klik pautan "Pratonton" untuk pratonton bentuk penampilannya apabila ia diterbitkan. Setelah anda berpuas hati dengan catatan anda, klik "Terbitkan".

Bagaimana hendak menyiarkan gambar?

Anda boleh memuat naik foto menggunakan ikon imej dalam bar alat editor catatan. Apabila anda mengklik ikon ini, anda akan melihat tetingkap yang membenarkan anda memilih imej atau berbilang imej dari komputer anda. Cuma klik "Semak Imbas" untuk mencari imej yang anda mahukan. Ataupun anda boleh memasukkan URL imej yang sudah pun berada dalam talian untuk menyisipkannya ke dalam catatan anda. Jika anda mengklik pada pautan untuk memilih reka letak, anda boleh memperibadikan cara imej anda muncul dalam catatan anda. Pilihan kiri, tengah dan kanan akan menentukan aliran teks catatan anda di sekeliling gambar itu. Pilihan saiz ini membolehkan anda menukar skala gambar kepada saiz yang berbeza di dalam kawasan catatan ini.

Bagaimana hendak menambahkan foto saya pada profil saya?

Mula-mula, klik pautan "Edit Profil" pada papan pemuka anda. Tatal ke bahagian "Fotograf" di bawah, di mana anda boleh memilih fail dari komputer anda ataupun memasukkan URL imej jika foto yang anda mahukan boleh ditemui dalam talian. Sila ambil perhatian bahawa imej hendaklah bersaiz 50k atau lebih kecil.

Di manakah tajuk blog saya akan muncul?

Tajuk blog anda, seperti yang ditetapkan dalam tab Tetapan | Asas di Blogger, boleh muncul di berbilang tempat: pada blog yang anda terbitkan, pada Papan Pemuka anda dan dalam profil anda. Oleh itu pastikan ia kreatif!

Apakah itu URL?

URL ialah alamat fail di Web, seperti www.example.com, atau foo.example.com. Semasa proses penghasilan blog, anda harus memilih URL untuk blog anda. Pelawat boleh mengakses blog anda dengan menaipkan URL ini dalam bar alamat penyemak imbas mereka. Memandangkan sudah terdapat sejumlah besar blog Blogspot, anda terpaksa menjadi lebih kreatif dan mungkin mencuba beberapa URL yang berbeza sebelum menemui URL yang boleh digunakan. Format untuk URL anda ialah nameyouchoose.blogspot.com. Semasa memilih URL blog anda, ingat bahawa anda hanya boleh menggunakan huruf, nombor dan tanda sempang sahaja. Aksara khas seperti $, #, &, dsb. tidak dibenarkan.

Anda juga boleh mengehoskan blog anda di domain khas.

Cara pasang Recent Posts Slider versi 2

2011-12-09T15:11:00.001+08:00

Recent posts slider versi 2 seperti yang boleh anda lihat pada blog ini (sila klik) sememangnya widget yang sangat menarik. Widget tersebut akan memaparkan tajuk post beserta thumbnail (image) yang berefek slider.

Untuk memasang widget recent post slider ini pada blog anda, sila ikut beberapa langkah di bawah.

Langkah 1

Log in blog > Dashboard > Layout > Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

Salin kod di bawah dan paste pada ruang Content HTML/Javascript (rujuk langkah 1).

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 700;
var pause = 4500;
function removeFirst(){
first = $('ul#listticker li:first').html();
$('ul#listticker li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#listticker').append(last)
$('ul#listticker li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<style type="text/css">
#listticker{
height:277px;
width:280px;
margin-bottom:15px;
padding:0px;
overflow:hidden;
}
#listticker li{
background:#FDE1E1 url(http://3.bp.blogspot.com/_LZtXSNcp76A/TBJ9sMqebeI/AAAAAAAABGI/9LYh5N58KYw/s320/gradient.png) repeat-x 0 -100px!important;
border: 1px solid #C6C6C6;
list-style:none;
line-height:0.90em;
height:46px;
margin:3px;
padding:2px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
#listticker li a{
font-family: 'arial';
text-transform:normal;
text-shadow:0 1px 2px rgba(0,0,0,0.6);
letter-spacing:0.05em;
overflow:hidden;
}
#listticker img{
float:left;
margin:3px 3px 4px -7px;
padding:0px;
border:#EAE7E7 solid thin;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
#listticker img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png";
imgr[1] = "http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png";
imgr[2] = "http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png";
imgr[3] = "http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png";
imgr[4] = "http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png";
showRandomImg = true;
tablewidth = 250;
cellspacing = 0;
borderColor = "";
bgTD = "#";
imgwidth = 35;
imgheight = 35;
fntsize = 12;
acolor = "#262626";
aBold = true;
icon = "";
text = "no";
showPostDate = false;
summaryPost = 0;
summaryFontsize = 0;
summaryColor = "#";
icon2 = "";
numposts = 15;
home_page = "http://maribinablog.blogspot.com/";
</script>
<script src="http://javscript-code.googlecode.com/files/recent_posts_slider.js" type="text/javascript"></script>

Sila edit kod yang berwarna biru mengikut kesesuaian blog anda.

width:280px; (lebar kotak)
tablewidth = 250 (lebar teks pada kotak)
background:#FDE1E1; ( background kotak)
acolor = "#262626"; (Warna teks)
numposts = 15; (Bilangan tajuk post yang ingin dipaparkan)
home_page = "http://maribinablog.blogspot.com/"; ( URL blog anda)

Akhir sekali, klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

10 Freeware Graphic Design terbaik

2011-12-04T12:45:00.001+08:00

Biasanya seorang graphic designer memakai software berbayar iaitu Adobe illustrator (teks,font,vector) dan Adobe Photoshop (image editing,effect) ataupun Macromedia Flash.

Ada juga yang boleh muaturun secara percuma tetapi risikonya adalah tinggi seperti lesen yang mungkin sudah expire,tool atau effect yang tiada pada original software dan lain-lain lagi. Untuk itu kepada yang berminat dalam bidang grafik dan ingin belajar saya telah senaraikan 10 Terbaik Program Design Freeware yang boleh di muaturun secara percuma

Secara peribadi bukan sahaja percuma,freeware memang sangat berguna untuk mereka belajar asas-asas grafik serta aplikasinya sangat mudah di gunakan dan user-friendly.

1. GIMshop

Aplikasi ini sesuai untuk mengedit gambar yang menyerupai seperti Adobe Photoshop,penggunaannya adalah senang dan mudah difahami.

overview | download

2. FastStone Photo Resizer

FastStone Photo Resizer iaitu konverter gambar percuma dan resizer bertujuan membolehkan para pengguna (khususnya pemilik kamera digital) untuk menukar saiz,memotong,menambah teks,watermark dengan mudah dan cepat. Aplikasi ini menyokong format BMP,JPEG, JPEG 2000, GIF dan PNG

overview | download

3. IrfanView

IrfanView adalah untuk paparan gambar cepat dan kompak. Ia senang bagi pengguna yang baru nak bermula dan profesional pun boleh menggunakannya. Menyokong banyak format fail serta mempunyai ciri-ciri multi bahasa, pilihan imej ringkas, browsing director cepat,ecditing, perubahan warna, crop serta effect seperti sharpen dan blur.

overview | download

4. Picasa

Memindahkan, mencari, mensusun, mengedit dan berkongsi foto menjadi senang dengan penggunaan aplikasi ini. Ia secara otomatik menetapkan semua foto anda ke album yang menurut tarikh. Menyokong format JPEG, DIF, BMP, PSD dan fail movie. Mengesan driver USB dari kamera digital dan import terus ke album. Alat edit seperti crop,removal of red-eye, tukar ke warna hitam putih mudah untuk di gunakan.

overview | download

5. Paint.NET

Paint.NET adalah aplikasi untuk editing dan memanipulasi imej yang direka untuk komputer yang menggunakan Window sahaja. Ciri-ciri anataramuka intuitif dan inovatif dengan sokongan layer,unlimited undo,special effect dan pelbagai alat yang sangat berguna.

overview | download

6. Inkscape

Open Source grafik vektor editor dengan kemampuan serupa Adobe illustrator, CorelDraw atau Xara X. Inkscape menyokong banyak sekali ciri-ciri terkini seperti marker,clones,alpha blending dan lain-lain.

overview | download

7. SmoothDraw

SmoothDraw adalah perisian yang mudah digunakan untuk freehand drawing. Boleh menghasilkan stroke yang paling halus dan efektif dengan pengguna tablet.

overview | download

8. InsightPoint

Sesuai untuk mereka yang mahu berkongsi idea dengan melakukan persembahan yang mantap. InsightPoint dicipta untuk graphic design,ilustrasi dan persembahan (presentations). Untuk menyelesaikan tugas-tugas yang rumit yang banyak dapat dilakukan jika di bandingkan powerpoint atau alat persembahan yang lain.

overview| download

9. Synfig Studio

Synfig Studio sesuai bagi mereka yang mahukan animasi 2D, dengan menghilang keperluan untuk membuat animasi dengan frame ke frame anda boleh hasilkan animasi yang berkualiti. Synfig Studio menyokong Windows, Linux dan MacOS X.

overview | download

10. Blender

Blender ialah Open Sources untuk 3D Modelling, rendering, animasi,post-production. Ia tersedia untuk semua operasi utama dibawah GNU General Public Licence.

overview | download

Sumber:http://bighandesign.blogspot.com/

Cara buat efek Zoom in pada image di bahagian blog post

2011-12-01T10:22:00.000+08:00

Untuk membuat efek zoom in pada image atau gambar di bahagian posting seperti contoh yang boleh anda cuba pada gambar di atas (letak kursor mouse di atas gambar) hanya ikut beberapa langkah yang sangat mudah di bawah.

Langkah 1

Log in blog => Dashboard => Template => Edit HTML => Proceed

Langkag 2

Dengan menggunakan keyboard, tekan kekunci F3 atau Ctrl+F. Seterusnya taip atau paste kod
]]></b:skin> pada ruang Find dan kemudian tekan Enter.

Langkah 3

Salin dan paste kod di bawah di atas atau sebelum kod ]]></b:skin>

.post img {
filter:alpha(opacity=60); /* Internet Explorer */
opacity:0.6; /* standard CSS3 */
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}

Contoh:

.post img {
filter:alpha(opacity=60); /* Internet Explorer */
opacity:0.6; /* standard CSS3 */
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
}
]]></b:skin>

Akhir sekali, klik Preview dan jika tiada mesej error, klik Save.

p/s: Jika efek zoom in menjadi terlalu besar atau kecil, anda boleh mengubah saiz efek tersebut dengan menukar nilai 0.3s dan (1.3) kepada 0.5s dan (1.5)

Facebook page: Tanya MariBinaBlog

2011-11-29T21:11:00.001+08:00

Saya selalu menerima berbagai-bagai soalan di ruangan komen yang kadangkala bukan berkaitan post entri. Kebiasaannya saya selalu terlepas pandang kerana sibuk dengan urusan lain sehingga kadangkala terlupa tentang komen yang diberikan.

Untuk mengatasi masalah tersebut, saya telah membuka Page di Facebook, khas untuk sebarang pertanyaan mengenai blog (Blogspot) atau apa saja yang sesuai dengan tahap kemahiran yang saya ada.

Blogger lain juga dijemput untuk sama-sama membantu menjawab pertanyaan rakan-rakan di page tersebut.

Untuk menyertai page tersebut, sika klik link pada page Facebook tersebut di muka depan sidebar blog ini ataupun dengan klik link ini. http://www.facebook.com/pages/maribinablog/

Saya juga membuka tawaran untuk membuat editing template yang tidak melibatkan apa-apa design photoshop untuk blog secara sukarela tanpa mengenakan sebarang kos ataupun bayaran, tetapi ianya bergantung kepada kelapangan masa yang saya ada. Jika rakan-rakan blogger berminat, sila berhubung dengan saya melalui page tersebut.

Tutorial membina image,banner dan header beranimasi dengan software AleoFlash

2011-11-28T20:22:00.000+08:00

Kepada anda yang berkeinginan untuk membina image gambar, header atau banner yang beranimasi (berformat gif atau swf), terdapat satu software yang dinamakan Aleo Flash yang sangat berguna dan mudah untuk dipelajari terutamanya kepada beginner yang tidak mempunyai asas dalam flash animasi.

Amat mudah untuk mempelajarinya kerana software Aleo Flash ini tidak akan memeningkan kepala anda dengan tool yang pelbagai. Anda hanya perlu memilih saiz dan warna background, jenis teks, jenis animasi dan effect.

Image, header atau banner animasi yang telah siap kemudiannya boleh diuploadkan dahulu ke dalam file hosting seperti photobucket atau swfcabin dan kemudiannya di paste ke dalam blog anda.

Untuk memuat turun software Aleo Flash ini, sila klik pada download link di bawah ini. Fail software adalah dalam format Rar. Setelah selesai download, anda perlu extract fail tersebut menggunakan WinRar sebelum di install ke dalam hard drive komputer anda.

Download Aleo Flash Download WinRar

Cara buat Flash Header dengan Aleoflash

Klik pada Panel Size and sound yang terdapat disebelah kiri.Ubah nilai width dan height mengikut saiz header blog anda. Contohnya width: 800px dan height: 600px (saizheader untuk template classic minima). Pada background sound, untick pada kotak Play background sound in Flash movie jika tidak mahukan ada efek bunyi. Pada bagahian Options pula, untick kotak Generate compressed Flash movie dan Add preloader to Flash movie.

Panel Background= Anda boleh memilih sama ada menggunakan transparent background ataupun Solid color ataupun background berstail dengan Gradient color. Anda juga boleh masukkan image atau flash dibahagian Background image and flash movie.

Panel Effect = Anda boleh memilih efek yang dirasakan bersesuaian untuk background. Terdpat 37 jenis efek untuk background yang boleh di cuba. Bahagian Key dan Value juga boleh diedit mengikut kesesuaian.

Panel Text and image= anda boleh masukkan teks yang sesuai ataupun tajuk blog. Untuk mengubah font,klik pada tab Edit font style dan kemudian klik pada icon Edit selected font style. Anda boeh memilih jenis font, saiz, style dan warna. Anda juga boleh memasukkan image yang sesuai dengan klik pada Add image.

Untuk memasang efek pada teks, klik pada tab Effect dan anda boleh memilih sehingga 57 jenis efek. Jika anda mahu menambah lagi image atau teks, hanya klik pada Add image atau Add text.

Untuk mengubah kedudukan teks atau tajuk blog, anda boleh mengubahnya pada tab Positition.Untuk lebih mudah, gunakan Use relative position. Edit nilai pada bahagian Offset untuk vertical dan horizontal sehingga anda berpuas hati dengan kedudukan teks tersebut.

Pada tab Web Link, anda boleh masukkan URL pada teks tersebut. Tick pada Open web page when user click on the text. MAsukkan URL blog anda pada ruang URL address

Jika anda ingin mengubah speed atau delay teks tersebut, ada boleh mengubahnya pada bahagianDisplay as dynamic text. Jika inginkan teks tersebuat berkeadaan statik tanpa efek, tick padaDisplay as static text on background.

Panel Publish= Setelah selesai dan berpuas hati dengan header tersebut, klik pada Panel Publish dan seterusnya klik butang Publish. Pada pop up window yang muncul, tick pada Publish as Flash movie(.swf). seterusnya klik Ok. Namakan dan Save file tersebut.

Cara upload dan masukkan file swf (flash) pada blog

Untuk masukkan file swf pada blog, file tersebut hendaklah terlebih dahulu di upload pada file hosting. Swfcabin adalah satu site hosting percuma untuk file yang berformat swf.

Apa yang perlu anda lakukan adalah ikut beberapa langkah di bawah.

Langkah 1

Namakan file yang hendak di upload pada ruang Title. Seterusnya, klik pada Browse dan klik Openpada file swf yang hendak di upload. Kemudian, klik pula pada Publish Swf.

Langkah 2

Salin URL pada Navigation toolbar.

Contoh: http://www.swfcabin.com/open/1263452734

Edit URL dengan menggantikan open kepada swf-files dan menambah .swf selepas angka.

Contoh URL yang di edit: http://www.swfcabin.com/swf-files/1263452734.swf

Langkah 3

Salin kod biru di bawah dan paste pada notepad. Gantikan teks masukkan URL file swf di sinidengan URL yang telah siap di edit (rujuk langkah 2).

Sila edit angka pada width dan height mengikut kesesuaian size paparan flash tersebut.

Langkah 4

Salin kod yang telah siap di edit( rujuk langkah 3) dan paste pada post ataupun sidebar.

100 Senarai ping aggergator untuk website dan blog

2011-11-27T14:27:00.001+08:00

1) http://www.gengblogger.com/
2) http://digg.com/
3) http://ping.sg/
4) http://www.reddit.com
5) http://www.blogged.my
6) http://crunchour.com/
7) http://jombuzz.com/
8) http://www.petalingstreet.org/
9) http://malaysiastory.com/
10) http://myebuzz.net/
11) http://innit.nuffnang.com/
12) http://komuniti-blogger.com/links
13) http://buzz.yahoo.com/
14) http://www.blogbookmark.com/
15) http://www.imigg.net/
16) http://www.social-bookmarking.net/
17) http://info-net.co.cc/
18) http://www.liputankhusus.com/
19) http://disuka.com/
20) http://buzzup.com/
21) http://delicious.com/
22) http://www.newscola.com
23) http://designbump.com/
24) http://networkedblogs.com/
25) http://www.kirtsy.com/
26) http://kwoff.com/
27) http://www.designfloat.com/
28) http://hotbmark.com/
29) http://mmablips.dailyradar.com/
30) http://tagza.com/
31) http://yehiapress.org/
32) http://memburu.info/
33) http://www.tentang.net/
34) http://www.indofeed.com/
35) http://definisi.net/
36) http://www.dofollowdigg.com/
37) http://www.blurpalicious.com/
38) http://tugatop.com/
39) http://b2blocal.net/
40) http://www.oldrec.com/
41) http://myprops.org/
42) http://wagg.it/
43) http://www.mysitevote.com/
44) http://hotklix.com/
45) http://www.cadillactight.net/
46) http://xulnews.com/
47) http://digg3.com/
48) http://www.stumpedia.com/
49) http://ukmediaroom.com/
50) http://dugengine.info/
51) http://www.drigg.org/
52) http://lollu.net/
53) http://dofollowbacklink.com/
54) http://freecodemomma.com/
55) http://hotelbookmarks.com/
56) http://bookmarkspro.com
57) http://www.folkd.com/
58) http://www.indianpad.com
59) http://ioch.org/
60) http://www.fuzz.fr
61) http://yournews.astaga.com/
62) http://bookmarking.kombes.com/
63)http://bookmarkindo.com/id
64) http://www.indokami.com/
65) http://kilasan.com/
66) http://kliksite.com/
67) http://coldjung.com/
68) http://www.tmmic.com/
69) http://www.newwinecc.org/
70) http://www.gcaec.org/
71) http://lintasberita.com/
72) http://infogue.com/
73) http://www.antarblog.com/
74) http://kafeinfo.com/
75) http://plazzavideo.com/
76) http://www.tracyfpc.org/
77) http://www.tmcshahalam.org/
78) http://www.creekersclub.org/
79) http://www.sterlingpride.org/
80) http://www.piedmontmission.org/
81)http://tunden.com/
82) http://www.tabuane.com/
83) http://www.pemasaran.com/
84) http://bookmarkspro.com/
85) http://directory.blogbareng.com/
86) http://ads.cakraningrat8.co.id/
87)http://www.bagikan.com/
88) http://www.yebooo.com/
89) http://debuk.com/
90) http://www.business-planet.net/
91) http://www.situsportal.com/
92) http://oneview.com/
93) http://www.propeller.com/
94) http://www.180blognetwork.com/
95) http://www.webmaster911.com/
96) http://designmoo.com
97) http://twitter.com/
98) http://www.ozbloggers.com/
99) http://friendfeed.com/
100) http://www.google.com/buzz
101) http://ping.busuk.org
102) http://www.apesal.com/

Cara pasang Floating Share Button di Blogspot

2011-11-26T17:00:00.001+08:00

Untuk memasang Floating Share Button pada sebelah kiri blog seperti yang boleh anda lihat pada blog ini (klik untuk demo), hanya ikut beberapa langkah yang mudah di bawah.

Langkah 1

Login Blogger Dashboard --> Layout --> Add A Gadget --> HTML/Javascript.

langkah 2

Copy dan paste kod di bawah pada content HTML/Javascript.

<style>
#pageshare {position:fixed; bottom:17%; margin-left:-705px; float:left;
-moz-border-radius:5px 0px 5px 0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
background-color:#ffffff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share this">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div></div>

p/s:

1.Untuk mengubah warna background, sila edit kod background-color:#ffffff;

2. Untuk mengubah kedudukan Floating Share Button tersebut, sila edit angka margin-left:-705px;

Tingkatkan SEO Blog: SEO Doctor Add-Ons Firefox Terbaik Blog Anda

2011-11-25T11:56:00.001+08:00

Apa itu SEO Doctor

SEO Doctor adalah Add-Ons Firefox yang boleh dianggap sebagai alat SEO yang mampu membuat SEO blog kamu lebih hebat lagi. Ya, dengan kata lain SEO Doctor ini mampu meningkatkan SEO sesebuah blog dengan cara menganalisis, memberi data SEO dan membuat beberapa cadangan untuk kita meningkatkan SEO blog kita.

Tingkatkan SEO Blog melalui SEO Score

SEO Score 100 bermakna pages tersebut sudah mencapai markah maksima. Markah bagi SEO Score ini dipengaruhi oleh beberapa perkara iaitu:

* Page Indexable
* Meta Description
* H1 and H2 tags
* ALT Image Tag
* SEO Friendly URLs
* Title Tag
* Number of links
* Page Rank Flow
* Loading time
* Web analytics

Dari data yang kamu perolehi diatas, kamu bolehlah membaiki apa yang patut. Sebagai contohnya, jika number of links menunjukkan tanda x, ini bermakna ada masalah pada number of links dan biasanya ianya berlaku bila jumlah links dalam pages tersebut terlalu banyak iaitu melebihi 100 links. Dari data ini, kamu boleh mengurangkan jumlah links dalam pages tersebut atau mungkin menukarkan links tersbut kepada nofollow. Ya, menggunakan nofollow biasanya lebih mudah.

Aplikasi lain dari SEO Doctor

Selain dari SEO Score untuk memaksimakan SEO blog, SEO Doctor juga membekalkan kita beberapa data lain seperti jumlah backlinks pages tersebut, highlight nofollow links, search engine visitors dan banyak lagi

Jadi apa tunggu lagi? Barang Free.. Takkan tak nak cuba kan?..

Download SEO Doctor

Sumber: http://syoknyerblogging.com/v1/

Jom sertai forum SyoknyerBlogging khas untuk Blogger

2011-11-24T17:30:00.000+08:00

Blogging dah menjadi trend masa kini untuk semua orang selain daripada aktif di jaringan sosial seperti facebook, twitter, mahupun forum. Yang paling best bila dapat berforum sambil berblogging. Macam mana tu?

Di sini, aku nak perkenalkan korang pada sebuah laman Forum terbaru yang menghimpunkan semua blogger-blogger yang mesra di alam maya iaitu Forum Syoknyerblogging yang beroperasi di syoknyerblogging.com

5 Sebab kenapa Blogger perlu Join Forum Syoknyerblogging

1. Forum SB menghimpunkan blogger yang senior, mesra, dan bersedia memberi tunjuk ajar kepada semua.

2. Dengan menyertai Forum SB, jaringan persahabatan anda akan lebih bagus. Anda akan dapat lebih ramai kawan.

3. Di SB, anda dapat bertukar-tukar pendapat dengan rakan-rakan di samping mengetahui isu-isu terkini.

4. Boleh menyelesaikan masalah-masalah yang melibatkan blog anda kerana kesemuanya memang mesra dan sedia membantu.

5. Menambahkan pelawat ke blog anda. The more the merrier! Semakin ramai anda ajak kawan-kawan anda join, semakin bertambah bilangan pelawat blog, meningkatkan pendapatan blogging anda

Sokonglah Laman Forum keluaran rakyat kita! Kalau bukan kita, siapa lagi? Jom join sekarang!

Sumber: cikgudahlia.com

Sekiranya komputer saya telah diserang oleh Malware, apakah yang perlu saya lakukan?

2011-11-23T13:36:00.001+08:00

Apabila berlakunya masalah jangkitan atau serangan Malware terhadap sesebuah komputer, sudah tentulah ia perlu dipulihkan kembali dengan memelihara keselamatan dan keadaan data yang ada di dalamnya.Namun begitu, ada beberapa cara yang baik dalam mengendalikan masalah ini supaya proses baik pulih akan berjalan dengan lancar dan jayanya. Berikut adalah cara-cara yang boleh diguna pakai dalam mengendalikan masalah ini.

1. Kenal pasti tahap ancaman Malware tersebut sama ada ia dikategorikan sebagai ancaman pada tahap rendah, sederhana atau tinggi.

Pada tahap ancaman yang rendah, kesan buruknya adalah jelas tetapi mudah untuk dibersihkan. Pada tahap ancaman yang sederhana, kesan buruknya juga adalah jelas tetapi memerlukan usaha yang lebih untuk membersihkannya.

Pada tahap ancaman tinggi, kesannya agak sukar untuk dilihat atau dikesan tetapi ia akan mencuri data yang terdapat dalam komputer tersebut.

Jadi, fokus haruslah diberikan kepada tanda-tanda ancaman Malware tersebut dan bagaimana langkah yang seterusnya perlu diambil untuk menanganinya.

2. Lakukan analisis terhadap fail-fail log bagi kesemua perisian keselamatan yang ada seperti Firewall, antivirus dan sebagainya.

Ini adalah untuk melihat sama ada berlaku perkaitan masalah Malware sedia ada dengan masalah-masalah Malware yang lepas.

3. Buat soal selidik kepada pengguna komputer tersebut atau kepada diri sendiri berkenaan dengan aktiviti-aktiviti yang telah dilakukan terhadap komputer tersebut sebelum terjadinya masalah jangkitan Malware ini.

Sila catit kesemuanya jika perlu. Ini penting untuk melihat perkaitannya dengan masalah Malware yang dihadapi. Boleh juga melihat fail log komputer sekiranya ada.

4. Laksanakan baik pulih komputer yang dijangkiti dengan program-program tertentu dan sekiranya tidak boleh mencapainya, gunakanlah media lain seperti pemacu storan USB, CD, disket atau DVD.

Antara program komputer yang penting untuk buat baik pulih ini adalah seperti USB Dummy Protect (fungsi write protect), Super Anti-Spyware (Buang Malware) Malware Bytes AntiMalware (Buang Malware), SysInternals (Masalah Malware), EXEFIX_XP (Pulihkan masalah fail .exe dan shortcut), Sophos Rootkit Revealer (Masalah Malware), aswMBR (Masalah Malware), Kaspersky Rescue CD (Pakej lengkap untuk masalah Malware) dan lain-lain tools atau program baik pulih.

Perkara yang paling penting setelah itu adalah kemas kini perisian-perisian yang sedia ada dalam komputer itu termasuk sistem pengoperasian.

5. Buat pengrekodan terhadap semua dapatan yang telah diperolehi sama ada ia datang daripada soal selidik atau perlarian program komputer seperti masalah virus atau Malware, masalah vulnerability atau kelemahan pada sistem komputer, risiko-risiko yang berpotensi berlaku, perimeter-perimeter ancaman dan lain-lain.

Bagi melengkapkan pengrekodan ini, boleh rujuk kepada buku-buku panduan atau laman-laman web keselamatan seperti Microsoft Malware Protection Center, McAfee Threat Intelligence dan lain-lain. Biasanya laman web perisian anti virus yang utama ada menyediakan maklumat-maklumat ini.

6. Akhir sekali, bolehlah dirangkakan atau membuat tambahan kepada panduan keselamatan dan polisi keselamatan terhadap penggunaan komputer bagi mencegah berlakunya masalah jangkitan Malware ini sekali lagi di masa hadapan. Ini dapat mendidik sesiapa sahaja untuk penggunaan komputer yang selamat dan betul.

Proses pencegahan perlu dibuat tetapi ia tidak dapat menghalang secara total masalah jangkitan Malware ini. Perkara yang penting adalah persediaan perlu ada untuk menangani masalah ini dan ia perlu dikongsi untuk pertahanan di masa akan datang.

Berlakunya masalah ini membolehkan beberapa kajian dapat dibuat terhadap tahap rangka keselamatan digital sedia ada dengan membuat profil risiko-risiko jangkaan, menganaliasa fail-fail log, kecerdikan sistem dalam menangani ancaman dan lain-lain.

Sumber: http://www.utusan.com.my

23 sites terbaik untuk download template Blogspot

2011-11-21T11:00:00.000+08:00

Jika anda ingin mendapatkan template-template blog yang menarik dan tidak tahu di mana untuk mendapatkannya, di bawah ini tersenarai 23 sites yang menyediakan template blog secara percuma. Anda boleh memilih template mana yang di rasakan menarik dan sesuai mengikut citarasa anda sendiri.

1. Premium Blogger Templates

2. BTemplates

3. Blog Template 4u

4. Zoom Template

5. Deluxe Templates

6. Best Theme

7. Blogger Themes

8. Blogcrowds

9. Themecraft

10. Blogger Templates Free

11. AllBlogTools

12. Blogger Styles

13. Blogger Template Place

14. Blogger Theme

15. Dhe Template

16. Templates Block

17. AnshulDudeja

18. Our Blogger Templates

19. Chicablogger

20. Buy My Themes

21. Splashy Templates

22. Xml Blogger Templates

23. Lovely Templates

How to Design Blogspot Templates with Artisteer 3

2011-11-20T21:41:00.001+08:00

What is Artisteer?

Artisteer is the first and only Web design automation product that instantly creates fantastic looking websiteand Blog templates. It is a powerful software suite that makes YOU a professional designer of websites,Blogger themes, and blog templates. Artisteer lets you create fantastic looking website designs andtemplates in just minutes; without having to know anything about editing graphics or HTML.

With Artisteer YOU immediately become a web design expert, editing and slicing graphics, coding XHTML and CSS, and creating CMS templates and Blogger themes - all in minutes and without Photoshop, Dreamweaver or technical skills.

Use Artisteer to generate cool Web design ideas, adjust the generated designs using many included elements, backgrounds, photo objects and buttons, create professional, table-free, cross browser compatible and fully compliant HTML and CSS code, and export your design to create great looking Web and Blog templates.Creating great designs has never been easier!

Free download Artisteer 3

How to Design Blogger templates or Blogspot Templates with Artisteer 3

Cara buat efek shadow pada image dibahagian post blog

2011-11-13T16:55:00.001+08:00

CSS shadow adalah salah satu cara termudah untuk membuat effect bayangan pada image atau gambar.

Untuk membuat shadow image pada bahagian post, hanya ikut beberapa langkah yang mudah di bawah.

1. Log in dashboard--> Template --> Edit HTML --> Proceed.

2. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kod .post img

Contoh:

.post img {

background: () no-repeat right bottom;

padding: 0px 10px 10px 5px;

border: 0px;

}

3. Seterusnya, salin kod css di bawah dan paste kod tersebut selepas atau di bawah kod .post img {

-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

Contoh:

.post img {
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

background: () no-repeat right bottom;

padding: 0px 10px 10px 5px;

border: 0px;

}

4. Akhir sekali, klik PREVIEW. Jika tiada sebarang mesej error terpapar, klik Save.

Jquery Sliding Login Panel di atas header blog

2011-11-12T15:27:00.001+08:00

Untuk membina Jquery Sliding login panel di atas header blog, seperti yang boleh anda lihat di sini (Demo), sila ikut beberapa langkah di bawah.

1. Log in dashboard--> Template --> Edit HTML --> Proceed.

2. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kod ]]></b:skin>

3. Copy dan paste kod css ini, di atas atau sebelum kod ]]></b:skin>

#slide-panel{
background-color:#000;
border-bottom:2px solid #838383;
display:none;height:80px;
margin:auto;padding-top:20px;
}

.slide{width:950px;
margin:auto;
}

.btn-slide:link,.btn-slide:visited{
color:#fff;
float:right;
display:block;
font-size:14px;
font-weight:bold;
height:28px;
padding:3px 0 3px 0;
line-height:28px;
text-align:center;
text-decoration:none;
width:70px;
font-family:Arial;
background:#000;
margin-top:-2px;
-moz-border-radius:0px 5px 0px 5px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
}

.loginform{
width:950px;
margin:0 auto;
color:#999;
font-family:Arial,Helvetica,sans-serif;
}

.formdetails{
color:#FFF;
font-size:12px;
padding:5px;
}

.formdetails input{
border:none;
padding:2px 5px;
background-color:#EFEFEF;
}

.loginregister{
color:#999;padding:5px;
}

.loginregister a:link,.loginregister a:visited{
color:#90fff6;
font-size:12px;
}

.loginregister a:hover{
color:#fff';
}

.loginform h2{
padding:10px 10px 10px 0;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}

.loginform ul li{
display:inline;
}

.loginform ul li a:link,.loginform ul li a:visited{
color:#FFF;
font-size:12px;
text-decoration:underline;
}

input#signIn{
color:#fff;
background:url(https://lh4.googleusercontent.com/_U0QaeycS3vw/TZHtnbhNayI/AAAAAAAAAcY/o9eDhACl16M/btn_login.png) no-repeat;
width:94px;
height:25px;
cursor:pointer;
padding-bottom:5px;
}

input#Email,input#Passwd{
background:#414141;color:#fff;
}

input:focus#Email,input:focus#Passwd{
background:#545454;
}

4. Seterusnya, dengan menggunakan keyboard, tekan "Ctrl+F" cari pula kod </head>

5. Copy dan paste kod ini, di bawah atau selepas kod </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){$(".btn-slide").click(function(){$("#slide-panel").slideToggle("slow");});});
</script>

<div id='slide-panel'><div class='loginform'><div class='formdetails'>
<form action='https://www.google.com/accounts/ServiceLogin?service=blogger&continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3Dhttp%253A%252F%252Fwww.blogger.com%252Fhome%26a%3DADD_SERVICE_FLAG&passive=true&alinsu=0&aplinsu=0&alwf=true&ltmpl=start&skipvpage=true&rm=false&showra=1&fpui=2&naui=8#s01' method='post'>

<label for='log'>Username : </label><input id='Email' name='Email' size='20' type='text'/>

<label for='pwd'>Password : </label><input id='Passwd' name='Passwd' size='20' type='password'/>

<input id='signIn' name='signIn' type='submit' value='Masuk'/>

<label for='rememberme'><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/>Ingatkan saya</label>
</form></div>

<div class='loginregister'>
<a href='https://www.blogger.com/signup.g' target='_blank'>Daftar</a> | <a href='http://www.blogger.com/forgot.g' target='_blank'>Lupa kata laluan anda?</a>
</div></div></div>

<div class='slide'><a class='btn-slide' href='#'>Sign in </a></div>

6. Akhir sekali, klik PREVIEW. Jika tiada sebarang mesej error terpapar, klik Save.

p/s: Untuk menukar warna background panel dan button, sila edit kod yang di highlightkan dengan warna merah.

10 Langkah Mengatasi Jenayah Siber

2011-11-11T17:57:00.000+08:00

1. Jenayah siber berpunca dari internet. Benteng pertama untuk melindungi komputer adalah Firewall. Windows sudah menyediakan Firewall pada semua sistem operasinya. Aktifkan Windows Firewall dengan klik pada Control Panel > Windows Firewall.

2. Setelah Firewall diaktifkan, sesebuah komputer perlu ada Antivirus. Tidak kira berbayar atau percuma, ia penting untuk perlindungan setiap masa komputer. Contoh antivirus seperti Avira, Kaspersky, AVG dan Sophos.

3. Hidupkan Spam Blocker. Kebanyakkan penyedia internet menyediakan fungsi spam blocker untuk mencegah mesej-mesej yang tidak diperlukan seperti spam dan phishing email masuk ke inbox.

4. Kaedah penyulitan (encryption) di mana setiap data penting perlu melalui proses penyulitan menggunakan perisian tertentu di internet.

5. Berhati-hati dengan laman web yang meminta maklumat peribadi. Ini adalah kes biasa berlaku dan amat banyak berlaku dalam jenayah siber Malaysia. Laman web yang dilayari perlu diyakini 200% sebelum memberikan sebarang maklumat peribadi.

6. Jika membuat pembelian secara dalam talian (online), proses pembayaran perlu selamat. Contohnya transaksi antara bank perlu dalam format https:// atau TRUSTe atau VeriSign. Jika ragu-ragu dengan proses transaksi, tinggalkan sahaja.

7. Terpedaya dengan janji manis. Cepat sangat cair jika diberi hadiah dan umpan wang. Khas untuk wanita, banyak kes berlaku di Malaysia membabitkan warga asing yang menipu golongan wanita. Mereka meminta wang dan ditaburi dengan sejuta janji manis. Penyelesaiannya, jangan syok sendiri.

8. Tinggalkan sahaja email spam dalam akaun email. Spam yang telah dianalisa oleh penyedia email seperti Gmail dan Yahoo Mail adalah 99.99% tepat. Cubaan membaca dan percaya pada email spam adalah satu tindakan kurang bijak.

9. Tinggalkan sesuatu tawaran yang terlalu bagus untuk dipercayai.

10. Jangan pasang Toolbar atau perisian yang kita muat turun dari internet tanpa mengetahui tujuan perisian tersebut. Bimbang ianya adware yang cuba mencuri data peribadi secara senyap. Ini adalah kategori jenayah siber yang amat pintar untuk menipu kita.

Sumber: http://blog.anjungpc.com

Jom tukar link blog

2011-11-08T10:10:00.000+08:00

Salah satu teknik backlink yang popular ialah tukar link antara blog dengan blog. Ia akan membantu meningkatkan pelawat ke blog anda dalam jangka masa pendek dan panjang. Ia akan juga membantu Rank blog atau web anda.

Saya bercadang untuk bertukar-tukar link dengan para pembaca ataupun pengunjung blog ini. Jika blog anda tersenarai dalam blog list saya, maka url feed blog anda akan berada di sidebar blog ini di mana setiap kali ada entri terbaru di blog anda.

Untuk bertukar-tukar link dangan blog saya, caranya sangat mudah. Anda hanya perlu tuliskan url blog anda dalam ruangan komen post ini dan anda juga perlu meletakkan link blog ataupun url feed blog saya ke dalam blog anda.

Free Download Adobe Photoshop CS3 Portable

2011-11-07T01:20:00.000+08:00

Do you still searching for the BEST image editing software? well, Adobe Photoshop CS3 is the answer for it. But, many people doesnt have enough money to buy that program. Rather than buying the original, people keep go and using crack version of it. Now, had you ever heard about portable Adobe Photoshop? Well, here you are! Introducing you Adobe Photoshop CS3 Extended Portable.

What is Portable?

A portable application, or portable app for short, is a software program that does not require any kind of formal installation onto a computer’s permanent storage device to be executed, and can be stored on a removable storage device such as a CD-ROM, USB flash drive, flash card, or even a floppy disk, enabling it to be used on multiple computers. This does not mean that it can be taken and used on a different operating system, processing platform, or another computer with completely different hardware (i.e., those that are not compatible with the software as stated by its requirements), so it is not to be confused with the concept of software portability, which is the ability for software to be run or compiled with little modification on diverse computing platforms. Ideally it can be configured to read its configuration files from the same storage location as the software program files.

This is the same things as this sofware. It is light(which is just 58mb), no need installations and completely FREE. No more pirate Adobe Photoshop Sofware. Here is the easy specs about this sofware:

Dont need activate
Its only 50 mbIts’s
Orıginal and special rip
Tested %100 worksportable version.
Works fine with 128 mb RAM

Click here to download it:

Cara pasang fungsi Threaded Comment di Blogspot

2011-11-02T00:19:00.000+08:00

Fungsi Threaded comment memudahkan untuk kita menjawab setiap komen yang telah diberikan pada sesebuah posting. Hanya klik pada Reply untuk membalas setiap komen tersebut dan komen yang di reply itu akan berada di bawah setiap komen yang diberikan oleh pembaca. Untuk membina Threaded Comment pada bahagian komen blog anda seperti yang boleh di lihat pada bahagian komen blog ini (sila klik Demo), sila ikut langkah-langkah di bawah.

1. Log in dashboard--> Template --> Edit HTML --> Proceed.

2. Seterusnya tick "Expand Widget Templates"

3. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kod ]]></b:skin>

4. Copy dan paste kod css ini, di atas atau sebelum kod ]]></b:skin>

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background-image: url(http://3.bp.blogspot.com/-PmKxzY3m4xc/TrH6vjTcW7I/AAAAAAAABbU/bjyOcVut-AA/s60/684c851af59965b680086b7b4896ff98.png);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

5. Seterusnya, dengan menggunakan keyboard, tekan "Ctrl+F" cari pula kod </body>

6. Copy dan paste kod ini, di atas atau sebelum kod </body>

<script type="text/javascript" src="http://javscript-code.googlecode.com/files/threaded%20comment.js"></script>

7. Seterusnya, copy dan paste kod ini pada notepad dan edit pada kod yang di bold merah dengan menggantikannya dengan ID Blog anda.

Contoh ID blog saya : http://www.blogger.com/rsd.g?blogID=2075431096052623527

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>

<div id='cm_reply_css'></div>

<div class='cm_pagenavi' id='cm_page'></div>

<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>

<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=2075431096052623527&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>

<div class='cm_entry'>
<span class='cm_arrow'></span>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'></div>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</b:if>
</div>

8. Seterusnya adalah langkah akhir yang merumitkan sedikit. Kembali kepada script template anda. Dengan menggunakan keyboard, tekan "Ctrl+F" cari pula kod <b:includable id='comments' var='post'>

Selepas menjumpai kod tersebut, delete kod-kod yang bermula selepas kod <b:includable id='comments' var='post'> hingga sebelum kod </b:includable>

Contoh:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>
------------ Sebahagian daripada kod yang perlu di delete -------------------

<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:if>
</div>
</b:includable>

9. Kemudian, copy kod yang telah siap di edit pada notepad ( rujuk langkah ke 7) dan paste pada kod yang telah anda delete pada langkah ke 8 di atas.

<b:includable id='comments' var='post'>
Paste kod yang siap di edit pada notepad di bahagian ini
</b:includable>

10. Akhir sekali, klik PREVIEW. Jika tiada sebarang mesej error terpapar, klik Save.

p/s: 1. Sila pastikan anda membuat backup pada script template sebelum membuat tutorial ini.

2. Pastikan setting Comment Location anda adalah Embedded (Lokasi Ulasan = Terbenam).

3. Jika avatar(gambar profile) comment tidak berada betul-betul di tengah kotak, sila cari kod css yang seperti ini dan delete.

.avatar-image-container {
margin: .2em 0 0;
}
#comments .avatar-image-container img {
border: 1px solid #eeeeee;
}

4. Kepada sesiapa yang mempunyai masalah ataupun inginkan threaded comment seperti blog ini, sila ke facebook page saya di link ini:
http://www.facebook.com/pages/MariBinaBlog/197414523674776

Cara pasang Random Posts widget

2011-11-01T11:31:00.001+08:00

Widget Random Post adalah widget yang memaparkan post secara rawak. Widget ini juga dapat meningkatkan bilangan page view bagi sesebuah blog. Anda boleh melihat Demo di bahagian bawah blog ini. (Random Posts).

Untuk memasang widget Random Post di blog anda, sila ikut beberapa langkah di bawah.

Langkah 1

Salin kod di bawah dan edit pada line yang di bold dengan warna merah. Gantikan nama-blog-anda dengan URL blog anda. Untuk mengubah bilangan paparan post pada widget tersebut, anda boleh mengubah nilai 5 kepada nilai yang anda inginkan.

.random_post_content{width:100%;}

.random_post_content img {width:32px;height:32px;background-position: center;margin:7px;padding: 2px;border:#888 solid thin;}

.random_post_content_item {border-top:#888 thin dashed;}

.random_post_content_item table, .random_post_content_item tr, .random_post_content_item td {vertical-align: middle;}

.random_post_content_item table {margin-bottom:2px;margin-top:3px;}

.random_post_content_item:hover {background-color:#4A3829;}

.random_post_title a{text-transform:uppercase;font-size:12px;text-decoration:none;font-weight:bold}

.random_post_info a{font-size:11px;text-decoration:none;}

.random_post_content_item:hover .random_post_title a{color:#FFFFCC;}

.random_post_content_item:hover .random_post_info a{color:#888;}

.random_post_content_item:hover .random_post_title a:hover{color:#FFCC00;}

.random_post_content_item:hover .random_post_info a:hover{text-decoration:underline;}

--></style>

var Random_Max = 5;

var Total_Posts_Number = 0;

var Rand_Posts_Title = [];

var Rand_Posts_Url = [];

var Rand_Posts_Author = [];

var Rand_Posts_Comment_Number = [];

var Rand_Posts_Thumbnail = [];

var Rand_Posts_Snippet = [];

function Install_Random_Posts(){var str_out = "";for (var i = 0; i < Random_Max; i++){str_out += '<div class="recent_post_content_item">';str_out += '<table width="0%" border="0">';str_out += '<tr>';str_out += '<td>';str_out += '<a href="' + Rand_Posts_Url[i] + '" title="' + Rand_Posts_Snippet[i] + '">';str_out += '<img src="' + Rand_Posts_Thumbnail[i] + '" width="32px" height="32px"/>';str_out += '</a>';str_out += '</td>';str_out += '<td>';str_out += '<div class="recent_post_title">';str_out += '<a href="' + Rand_Posts_Url[i] + '" title="' + Rand_Posts_Snippet[i] + '">';str_out += Rand_Posts_Title[i];str_out += '</a>';str_out += '</div>';str_out += '<div class="recent_post_info">';str_out += '<a href="' + Rand_Posts_Url[i] + '" title="' + Rand_Posts_Snippet[i] + '">';str_out += 'By ' + Rand_Posts_Author[i] + ' - ' + Rand_Posts_Comment_Number[i] + ' comments';str_out += '</a>';str_out += '</div>';str_out += '</td>';str_out += '</tr>';str_out += '</table>';str_out += '</div>';}document.getElementById('random_posts_id').innerHTML = str_out;}

function Vbs_Get_Post_Num(json){Total_Posts_Number = json.feed.openSearch$totalResults.$t;if (Total_Posts_Number <= Random_Max){var start_index = 1;Random_Max = Total_Posts_Number;}else{var start_index = 1 + Math.floor(Math.random() * (Total_Posts_Number - Random_Max));

}document.write('<script type="text/JavaScript" src="http://nama-blog-anda.blogspot.com/feeds/posts/default?start-index=' + start_index + '&max-results=' + Random_Max + '&orderby=published&alt=json-in-script&callback=Vbs_Random_Post"><\/script>');}

--></script>

Langkah 2

Salin kod yang telah siap di edit (rujuk langkah 1) dan kemudian paste kod tersebut pada HTML/Javascript dan save.

Membina hide Shout Box pada sisi kanan blog

2011-10-31T11:00:00.000+08:00

Untuk membina fungsi auto hide kotak Shout Box pada sisi kanan blog, seperti yang boleh anda lihat di sini (klik), sila ikut beberapa langkah di bawah.

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

Salin kod biru di bawah dan paste pada notepad. Gantikan teks Masukkan kod Shout Box di sini dengan kod Shout box anda.

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

background:#F5F5F5;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

Masukkan kod Shout Box di sini

[close]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

Langkah 3

Salin kod yang telah siap di edit pada notepad tadi (rujuk langkah 2) dan paste pada Content HTML/Javascript (rujuk langkah 1).

Akhir sekali klik Preview dan jika anda berpuas hati dengan hasilnya, klik saja Save.

Jquery: Slide out navigation menu

2011-10-31T09:52:00.001+08:00

Untuk memasang Slide Out Navigation floating pada sebelah atas blog seperti yang boleh anda lihat pada blog ini, hanya ikut beberapa langkah yang mudah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

langkah 2

Copy dan paste kod di bawah pada content HTML/Javascript.

<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#E7F2F9;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(http://4.bp.blogspot.com/_LZtXSNcp76A/TQO8L8P3ZKI/AAAAAAAABUM/CI6VTjlEZsI/s400/rss.png);
}
ul#navigation .facebook a {
background-image: url(http://1.bp.blogspot.com/_LZtXSNcp76A/TQO8LKKzUVI/AAAAAAAABT0/uDnhDlFgPuA/s400/facebook.png);
}
ul#navigation .twitter a {
background-image: url(http://3.bp.blogspot.com/_LZtXSNcp76A/TQO8MAfFqUI/AAAAAAAABUU/z1PwLV5UWlA/s400/twitter.png);
}
ul#navigation .about-me a {
background-image: url(http://3.bp.blogspot.com/_LZtXSNcp76A/TQO9lg8rMiI/AAAAAAAABUk/DwJNZAO8Wnc/s400/photo.png);
}
ul#navigation .e-mail a {
background-image: url(http://2.bp.blogspot.com/_LZtXSNcp76A/TQO9lQ5T9GI/AAAAAAAABUc/Nyk6OTOMOH8/s400/mail_edit.png);
}
</style>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>

<ul id="navigation">
<li class="rss"><a href="http://nama-blog-anda.blogspot.com/atom.xml"><span>RSS Feed</span></a></li>
<li class="facebook"><a href="http://www.facebook.com/profile.php?id=masukkan-ID-Facebook-disini"><span>My Facebook</span></a></li>
<li class="twitter"><a href="http://twitter.com/masukkan-ID-Twitter-disini"><span>My Twitter</span></a></li>
<li class="about-me"><a href="http://draft.blogger.com/profile/masukkan-ID-Blogger-disini"><span>My Profile</span></a></li>
<li class="e-mail"><a href="mailto:masukkan-email-disini@gmail.com"><span>My E-Mail</span></a></li>
</ul>

p/s:

1.Untuk mengubah warna background, sila edit kod background-color:#E7F2F9;

2. Untuk mengubah warna tulisan, sila edit kod color:#60ACD8;

3. Untuk memasukkan ID bagi akaun Facebook, Twitter , RSS Feed, Profile dan E mail anda, sila edit kod yang di bold dengan warna merah.

Akhir sekali, klik Save.

Sila drag kotak Jquery Slide Out Navigation dan letakkan di bawah post jika terdapat tanda yang keluar pada efek tersebut.

Jika anda ingin mengubah icon, anda boleh dapatkan icon-icon yang menarik di Dryicons.com

Sumber: http://tympanus.net/

How to remove malware from Blogger

2011-10-30T11:00:00.000+08:00

If you went to your own website and you got the message:

"Warning: visiting this site may harm your computer"

That is appearing on your own site then watch this video on how to help fix the problem.

If you are receiving this message it is because there is a bad file on your website that is giving people viruses or downloading and stealing information from people that visit your site, or some other kind of harmful thing.

How it got there:

1) Either someone hacked into your site or server and placed the bad file hidden inside your site.
2) Or you installed a wordpress plugin from a bad source, or you installed some bad code onto your server.

How to fix it:

sign up for google webmaster tools, its free:

https://www.google.com/webmasters/tools

Check your site for malware and other bad files using google webmaster tools, or by simply going to this site:

http://sitecheck.sucuri.net/scanner/

Once you find where the file is located on your server then replace it with an old good working file from a back up of your site, Or if you don't have a site back up then you will have to learn code and go through the file to find what the malware is exactly and delete it.

And if your using wordpress specifically:

Then you also need to delete the recent plugin that you installed that you think may be the problem. The plugin that might be related to your issue would be something that is a "counter" of some kind or a plugin that is "cashing" info.

My wordpress site said it had a problem with "counter-wordpress.com" which a guess is some company that made a plugin that I installed that was designed to help make my site run faster by cashing information. But the plugin was coded incorrectly or the company was known for producing malware or the company recently got hacked.

After you delete the plugin it might be a good idea to change your admin passwords, and possibly your server passwords, just in case your site was hacked. And you can also reinstall wordpress to help clear it up better.

Hope this helps.

Sumber: http://seasonsali.blogspot.com

Cara-cara untuk menjadi pengodam. How to be hacker?

2011-10-28T21:23:00.000+08:00

Baru-baru ini berlaku serangan pengodam yang menggelarkan diri mereka ‘anonymous’ dimana mereka telah menyerang beberapa laman web milik kerajaan Malaysia. Persoalannya disini, bagaimana mereka melakukannya? Doktor komputer akan berkongsi serba sedikit berkenaan cara-cara menggodam dan lebih penting bagaimana untuk mengurangkan risiko diserang. Doktor bukan ingin mengajar anda menjadi pengodam,sekadar menjawab persoalan bagaimana melindungi dari pengodam(Hacker),

Cara/Teknik

Bukan semua laman web kerajaan berjaya digodam oleh anonymous,ada beberapa yang berjaya ditepis serangan.anonymous juga menggunakan teknik lain yang hanya dapat menganggu kelancaran laman web yang diserang. Berikut adalah cara-cara mengodam, ia bukanlah contoh teknik serangan anonymous,sekadar perkongsian umum:

1. SQL injection:Teknik sql injection adalah teknik memanipulasi input mahupun output dari pangkalan data yang terlibat dengan laman web. Secara umumnya, penggodam akan membuat scanning bagi mencari lubang-lubang kelemahan dalam sesuatu sistem atau laman web sebelum menggunakan teknik SQL injection. Lihat contoh laman web yang vulnerable(terdedah) untuk digodam(hack). http://www.artslivres.com/ShowCat.php?SFF=1&SFCtFrm=’. Masalah laman ini adalah mereka tidak mengubah setting di php.ini dimana dibawah setting show display_errors di set kepada off. Anda boleh memanipulasi command SQL hingga dapat memperolehi maklumat user name dan password admin dari table akaun admin.

2. XSS(Cross Scripting Site): Teknik ini adalah memanipulasi ruang-ruang kelemahan dalam strukutur laman web sehingga boleh diganti dengan code penggodam. Walaupun kesan teknik ini tidak sehebat dengan yang lain,namun masih boleh memberi implikasi kepada pengguna yang melihatnya jika mereka tidak tahu bahawa laman tersebut telah pun ditukar code oleh pengodam. Contoh laman web yang vulnerable untuk XSS attack:http://www.iskamrabota.bg/view_ad.php?lang=en&id=sutrudnik-ofis-prodajbi-7476%22%3E%3Ch1%3ETerdedah%20Untuk%20Di%20Godam%3C/h1%3E. Seharusnya pembina laman web tidak perlu bergantung dengan kaedah GET untuk menghantar data dari satu page ke page yang lain. Lebih elok jika tidak menggunakan teknik GET kerana terdedah pada risiko XSS dan SQL Injection. Untuk info mengelak dari teknik serangan XSS pergi ke https://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet.

3. Brute force: Ini adalah teknik yang klasik namun antara yang berkesan namun tidak terlalu effisien kerana anda terpaksa menunggu lama untuk mendapatkan kombinasi username dan password yang sesuai dengan padanan dalam library anda. Kebiasaannya form login adalah paling banyak diserang dengan menggunakan teknik ini. Pembina laman web boleh menggunakan captcha didalam form login bagi menambahkan kebolehan menagkis serangan ini. muatturun captcha di http://www.phpcaptcha.org/download/ untuk meningkatkan keselamatan laman web anda.

Ada banyak lagi teknik-teknik yang digunakan oleh pengodam namun tidak perlu doktor komputer menyenaraikan semuanya. Cukup sebagai seorang pembina laman web, anda seharusnya lebih peka keselamatan laman web yang anda bina. Gunakan OWASP sebagai rujukan dalam menentukan keselamatan laman web anda.

p/s: Artikel diatas sekadar penulisan peribadi, segala ketepatan maklumat bukanlah tanggungjawab doktor komputer.Sekian, Terima Kasih.

Sumber: http://doktorkomputer.wordpress.com

Virus senjata penjenayah siber

2011-10-28T11:00:00.000+08:00

Apabila kita melakukan transaksi perbankan melalui Internet, pihak bank pada kebiasaannya akan menghantar khidmat pesanan ringkas (SMS) dengan nombor kod tertentu bagi tujuan keselamatan sebelum mengesahkan keluar masuk duit dalam akaun anda.

Hingga kini, sistem keselamatan terbabit disifatkan antara ciri paling selamat bagi mengelakkan sebarang penipuan dan pencerobohan akaun tanpa disedari.

Transaksi pengesahan nombor mudah alih (mTAN) yang digunakan sepatutnya menjadi salah satu mekanisme perlindungan perbankan dalam talian yang paling boleh dipercayai.

Walau bagaimanapun, dengan kemunculan Trojan Zeus yang menyasarkan pengguna telefon pintar - Zeus-inthe-Mobile atau ZitMo membuatkan kita meragui status keselamatan mTAN yang tidak lagi dapat menjamin data pengguna daripada jatuh ke tangan penjenayah siber.

Ia pertama kali dikesan pada akhir September 2010 apabila ZitMo direka untuk mencuri kod mTAN yang dihantar bank ke sistem SMS dan ia disifatkan sebagai salah satu contoh baru virus melalui telefon bimbit.

“Kami mengesan virus yang gemar memasuki sistem telefon pintar versi Symbian, Windows Mobile, BlackBerry dan Android berasaskan platform melintang,” kata Penganalisis Kanan Kaspersky Lab, Denis Maslennikov.

“Ia adalah salah satu jenis Trojan dengan pengkhususan yang sangat kompleks.
“Modus operandinya ialah mengemukakan mesej teks yang masuk dengan kod mTAN kepada pengguna dengan niat jahat sebelum pantas mencuri nombor rahsia,” katanya yang mengkaji pergerakan virus terbabit.

Katanya, dalam keadaan tertentu, ia turut mempengaruhi sistem pelayan apabila membabitkan peranti berasaskan Android sebelum menguruskan urus niaga kewangan secara haram yang menggunakan akaun bank digodam.

Bukan setakat itu, ciri yang paling menonjol dalam pergerakan virus jenis Trojan ini ialah ‘perkongsian’ klasik dengan Trojan Zeus yang dicipta khusus untuk menular ke dalam komputer peribadi (PC).

Jika ia berlaku, ZitMo bukan lagi semata-mata spyware yang mampu menghantar mesej teks.

“Kami gelar ‘kerja berpasukan’ antara kedua-dua komponen virus terbabit membolehkan penjenayah siber memintas langkah keselamatan ketat mTAN yang digunakan dalam perbankan online dalam kehidupan harian kita,” katanya.

Secara umumnya, serangan dirancang seperti berikut:

. Penjenayah siber menggunakan Zeus berasaskan PC untuk mencuri data yang diperlukan untuk mengakses akaun perbankan online dan nombor telefon bimbit pelanggan.

2. Telefon bimbit mangsa menerima mesej SMS dengan permintaan untuk memasang keselamatan perakuan yang dikemas kini atau beberapa perisian lain yang perlu. Walau bagaimanapun, pautan dalam SMS sebenarnya akan membawa kepada versi mudah alih Zeus.

3. Jika mangsa memasang perisian dan ia secara tidak langsung menjangkiti telefon, penjenayah siber boleh menggunakan data peribadi yang dicuri dan cuba untuk membuat urus niaga tunai dari akaun pengguna tapi akan memerlukan kod mTAN untuk mengesahkan transaksi.

4. Bank menghantar mesej SMS dengan kod mTAN kepada telefon bimbit pelanggan.

5. ZitMo akan memintas teks terbabit yang digabungkan bersama kod mTAN telefon pengguna.

6. Penjenayah siber kemudian mampu untuk menggunakan kod mTAN untuk mengesahkan transaksi.

Maslennikov menegaskan, serangan yang membabitkan ZitMo atau program berniat jahat lain dengan fungsi sama yang direka bertujuan untuk mencuri kod mTAN atau maklumat sulit akan diteruskan pada masa hadapan.

Oleh yang demikian, pengguna telefon pintar harus mengikut beberapa langkah keselamatan mudah alih, sentiasa mengkaji semula kebenaran permohonan pada bila-bila masa apabila transaksi dilakukan dan tidak melakukan ‘jailbreak’ pada peranti.

“Jika anda memasang perisian Android daripada sumber yang lain daripada Android Market, pastikan ia datang daripada sumber bereputasi.

“Jangan klik URL yang anda terima dalam SMS serta pasangkan perisian antivirus bereputasi dalam telefon anda dan sentiasa kemas kininya,” tegas Maslennikov.

Pembekal keselamatan rangkaian terkemuka dan peneraju dunia dalam penyelesaian pengurusan ancaman bersepadu (UTM), Fortinet turut mengeluarkan laporan Landskap Ancaman menemui virus baru Zitmo yang direka untuk menyerang sistem operasi Android.

Zitmo juga akan menyebarkan malware untuk ke seluruh platform mudah alih lain seperti Windows Mobile, Symbian dan BlackBerry.

Strategis Kanan Keselamatan Fortinet, Derek Manky berkata, Zitmo mampu menghalang dua faktor pengesahan yang digunakan bank untuk mengesahkan identiti
pemegang akaun ketika ‘log in’.

“Ia mula dikesan pada sistem operasi Symbian pada September 2010 lalu yang bertujuan untuk menyusup masuk dalam sistem pengguna,” katanya.

Katanya, walaupun pengguna mudah alih tidak bergantung pada kaedah dua faktor pengesahan terbabit bagi perbankan, Zitmo boleh menyelinap masuk dan mengintip semua SMS menjadikannya ancaman yang tidak boleh dipandang ringan.

“Kebanyakan jangkitan yang kita lihat seperti ini di makmal kami hampir menyamai W32/Exchanger dan dikenali sebagai ‘loaders’,” kata Manky.

Pada 24 Julai lalu, FortiGuard Labs memerhatikan lonjakan kegiatan virus W32/Exchanger Trojan Downloader yang dipindah turun dan dipasang dalam kategori 10 malware yang berlainan menyebabkan sistem menjadi tidak stabil dan akhirnya ‘crash’.

Firma penganalisis IDC meramalkan penghantaran peranti mudah alih baru meningkat sebanyak 55 peratus dalam tempoh setahun dan Gartner mengunjurkan bahawa dalam tempoh masa yang sama, 1.2 bilion orang akan menggunakan telefon mudah alih untuk berhubung menerusi web.

Walaupun penjenayah siber sebelum ini tidak begitu berminat dengan peranti mudah alih, tetapi disebabkan peranti seperti ini yang semakin canggih dan pasaran kini dikuasai platform terbabit, sudah pasti penggodam akan menyasarkannya pada 2011 sebagai sumber data rahsia.

Menambah lagi kerumitan ialah penggunaan media sosial yang dikatakan menambah baik komunikasi dan produktiviti di seluruh organisasi.

Walaupun media sosial akan terus mengubah kaedah kita berkomunikasi pada 2011, organisasi IT juga perlu memahami kaedahnya untuk melindungi dan menguruskan aplikasi.

Walaupun perisian terus memacu inovasi, model penyampaian baru akan dilaksanakan pada 2011 untuk keperluan pelanggan yang mempermudahkan operasi IT.

Perkomputeran cloud, perkhidmatan dan peranti dihos adalah contoh model penghantaran menarik yang akan mengubah landskap pusat data hari ini dengan memberikan organisasi fleksibiliti dan kemudahan penggunaan.

Sumber: http://www.hmetro.com.my

Welcome to the new Blogger

2011-10-26T02:48:00.000+08:00

Blogger has been undergoing quite a transformation this year. It debuted a brand new dashboard a couple of months back, the biggest evolution to date. It started out slow, enabling users to check out the new look and get accustomed to it, without forcing it on anyone.

It's now moving to get more people upgraded to the new dashboard, though, and Blogger will be enabling it for everyone in a couple of weeks.

Users will still be able to switch back to the old interface, but everyone has to make the switch to the new dashboard at least once.

"Since [August], millions of you have opted to try it out, and we’ve received tens of thousands of feedback submissions," Chang Kim, Product Manager at Blogger, wrote."Based on that feedback we’ve fixed a number of bugs, including design updates, Safari compatibility for the iPad, and tweaks to scheduling posts," he boasted.Read More...

A quick tour through Blogger's brand new user interface.

Ringankan blog dengan jQuery Lazy Load

2011-10-24T10:52:00.001+08:00

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load. Untuk melihat Demo, sila klik di sini.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak memaparkan image gambar ataupun image yang bersaiz besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"
});
});
</script>

Akhir, sekali, klik Save.

p/s:

1. Jika tiada sebarang efek berlaku selepas kod di Save, sila paste kod tersebut sebelum atau di atas kod </body> pada script template.

2. Jika tiada seberang perubahan selepas kod di paste di atas atau sebelum kod </body>, sila paste kod tersebut sebelum atau di atas kod </head>

http://maribinablog.blogspot.com/ has been reinstated

2011-10-23T12:25:00.001+08:00

Hello, We have received your appeal regarding your blog http://maribinablog.blogspot.com/. Upon further review we have determined that your blog was mistakenly marked as a TOS violator by our automated system and, as such, we have reinstated your blog. We apologize for any inconvenience this may have caused in the meantime and thank you for your patience as we completed our review process. Thank you for for understanding. Sincerely, The Blogger Team

SEO Analyzer dan Webmaster tools terbaik untuk blogger

2011-10-23T11:27:00.001+08:00

Sebagai seorang blogger, kita memerlukan tools yang dapat membantu untuk membuat analisis tentang keadaan blog kita. Blog yang mesra pembaca sangat penting dalam dunia blogging.

Selain itu kita juga memerlukan Search Engine Optimization yang terbaik dan berguna untuk meningkatkan pagerank. SEO sangat berguna untuk menempatkan artikel yang kita tulis pada posisi yang terbaik pada search engine.

Kesesuaian HTML juga menjadi sangat penting ketika blog kita di view pada browser yang berlainan. Bagi blogger yang gemar membuat ubahsuai dan penambahan pada design template, anda harus mempunyai tool yang dapat digunakan untuk membuat analisis pada screenshot dalam browser yang berlainan.

Antara SEO Analyzer dan Webmaster tools yang dapat membantu untuk menganalisis blog kita adalah seperti:

SEO centro Meta Analyzer

Raven SEO Analyzer

W3C Validator

CSS Validator

Browser Shots Checker

Backlink Checker

Mypagerank.net

Pingler.com

Cara buat Jquery marquee banner di blogspot

2011-04-13T00:03:00.002+08:00

Untuk membuat Jquery Marquee Banner, seperti yang boleh di lihat di sidebar blog ini, hanya ikut langkah di bawah.

Untuk melihat efeknya, letakkan kursor mouse di atas image.

Langkah 1

Salin dan edit kod di bawah dengan menggantikan http://URL BLOG disini/ dengan URL blog dan masukkan URL image disini dengan URL image.

<script type="text/javascript" src="https://sites.google.com/site/jquery9/crawler.js">
/*
Text and/or Image Crawler Script ©2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>

<script type="text/javascript">
marqueeInit({
uniqueid: 'image-marquee',
style: {
'padding': '2px',
'width': '100%',
'height': 'auto'
},
inc: 9, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)

moveatleast: 4,
neutral: 150,
savedirection: false
});
</script>

<div class="marquee" id="image-marquee">

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

<a href="http://URL BLOG disini/">
<img src="masukkan URL image disini" />
</a>

</div>

Langkah 2

Log in blog => Dashboard => Design => Add A Gadget => HTML/Javascript

Paste kod yang telah siap di edit (rujuk langkah 1) pada ruangan Content dan Save.

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

Tingkatkan traffic search engine dengan costum title meta tag

2011-02-23T20:04:00.000+08:00

Default setting yang di buat blogger.com pada title meta tag yang terdapat pada script template anda sebenarnya kurang mesra kepada google search engine. Ini kerana, title meta tag tersebut akan memaparkan nama blog terlebih dahulu dan kemudian di ikuti dengan tajuk entri atau artikel. Di bawah ini adalah contoh title meta tag yang terdapat pada blog anda.

<title><data:blog.pagetitle/></title>

Untuk menjadikan blog anda mesra dengan google search engine, title meta tag yang terbaik adalah title meta tag yang akan memaparkan tajuk entri atau artikel terlebih dahulu dan di ikuti dengan nama blog. Apa yang perlu anda lakukan adalah menggantikan default title tag kepada title meta tag yang lebih mesra dengan google search engine. Anda boleh lihat costum title meta tag tersebut di bawah.

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Untuk menggantikan default title tag kepada costum title meta tag, hanya perlu ikut beberapa langkah yang mudah di bawah.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML. Seterusnya klik pada Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard, tekan kekunci Ctrl + F. Seterusnya taip atau paste kod <title><data:blog.pagetitle/></title> pada ruang Find dan kemudian, tekan kekunci Enter.

Langkah 3

Salin kod berwarna merah di bawah dan paste (gantikan) pada kod <title><data:blog.pagetitle/></title>

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar, klik saja Save.

Cara pasang efek spinning pada comment avatar

2011-02-13T05:42:00.007+08:00

Untuk memasang spinning effect pada picture Avatar dibahagian komen seperti yang boleh anda lihat pada komen blog ini, Hanya ikut beberapa langkah yang mudah di bawah.

p/s: Effect akan befungsi apabila kursor mouse di letak pada image avatar tersebut.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

langkah 2

Copy dan paste kod di bawah pada content HTML/Javascript.

<style type="text/css">
.avatar-image-container img, comments .avatar-image-container img {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
</style>

<script src="http://mootools-code.googlecode.com/files/mootools-1.3.2.js"></script>

<script>
window.addEvent("domready",function() {

// "Globals" - Will make things compress mo-betta
var $random = function(x) { return Math.random() * x; };
var availableWidth = 0, availableHeight = 0;
var cssPrefix = false;
switch(Browser.name) {
case "safari":cssPrefix = "webkit";break;
case "chrome":cssPrefix = "webkit";break;
case "firefox":cssPrefix = "moz";break;
case "opera":cssPrefix = "o";break;
}

// The Icons
var icons = $$(".avatar-image-container img, comments .avatar-image-container img ");
// Apply opacity
var zIndex = 1000;
// Randomize each link
icons.each(function(element,index) {
var startDeg =(360);
var resetPlace = function() {
element.fade(0.4).setStyle("-" + cssPrefix + "-transform","rotate(" + startDeg + "deg)");
}
element.set("style","top:" + $random(availableHeight) + "px; left:" + $random(availableWidth) + "px; z-index:" + zIndex);
resetPlace();
element.addEvents({
mouseenter: function() { element.fade(1).setStyle("z-index",++zIndex).setStyle("-" + cssPrefix + "-transform","rotate(0deg)");},
mouseleave: resetPlace});
});
});
</script>

Akihr sekali, klik Save

p/s: View terbaik effect ini dengan menggunakan Google Chrome

cara pasang animated label cloud di blogspot

2011-02-04T19:38:00.006+08:00

Untuk memasang label cloud animasi pada sidebar seperti yang boleh anda lihat pada gambar yang di tunjukkan di atas, anda hanya perlu ikut beberapa langkah yang di tunjukkan di bawah.

Save script template anda terlebih dahulu.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML.

Langkah 2

Dengan menggunakan keyboard, taip atau paste kod <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>(untuk Template Designer)pada ruang Find. Seterusnya, tekan kekunci Enter.

Langkah 3

Salin kod di bawah dan paste selepas atau di bawah kod <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>(untuk Template Designer)(rujuk langkah 2)

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<center>
<object type="application/x-shockwave-flash" data="https://sites.google.com/site/javascript10/tagcloud.swf" width="100%" height="200" allowscriptaccess="always" >
<param name="movie" value="https://sites.google.com/site/javascript10/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='11'><data:label.name/></a>
</b:loop>
</tags>" />
</center>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Akhir sekali klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

p/s:

1. Untuk menukar warna background, edit kod #ffffff yang di bold dengan warna pilihan anda.

Contoh: #000000 (warna hitam)

2. Untuk menukar warna font,edit kod 000000 yang di bold dengan warna pilihan anda.

Contoh: ffffff (warna putih)

Untuk mendapatkan kod warna sila klik di sini

Download free software di Filehippo.com

2011-01-31T11:00:00.000+08:00

Download free software

FileHippo.com adalah salah satu site yang terbaik, di mana ia menyediakan freeware yang perlu ada pada setiap PC atau laptop. Setiap freeware boleh di download secara terus dari server yang disediakan. Satu kelebihan yang apa pada site ini, anda tidak perlu membuat sebarang pendaftaran untuk menggunakan perkhidmatan yang di sediakan. Hanya pilih freeware yang tersenarai dan klik untuk dowaload ke dalam hard drive komputer. Freeware yang di sediakan adalah yang terkini (update).

Kategori freeware terbahagi kepada Browsers & Plugins, Anti-Spyware, Firewalls & Security, Messaging & Chat dan sebagainya. Free software yang di download dari FileHippo adalah selamat dan tidak mengandungi virus.

Untuk melayari site tersebut, sila klik http://www.filehippo.com/

Cara buat simple zoom in image di blogspot

2011-01-24T17:50:00.004+08:00

Untuk membuat simple zoom in seperti contoh yang boleh anda cuba pada gambar di atas (letak kursor mouse di atas gambar) hanya ikut beberapa langkah yang sangat mudah di bawah.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML

Langkag 2

Dengan menggunakan keyboard, tekan kekunci F3 atau Ctrl+F. Seterusnya taip atau paste kod ]]>skin> atau kod ]]></b:skin> pada ruang Find dan kemudian tekan Enter.

Langkah 3

Salin dan paste kod di bawah di atas atau sebelum kod ]]>skin> atau ]]></b:skin>

.post a:hover img {
width:500px; height:400px; float:middle;
}

Contoh:

.post a:hover img {
width:500px; height:400px; float:middle;
}
]]>skin>

Akhir sekali, klik Preview dan jika tiada mesej error, klik Save.

p/s: Jika efek zoom in menjadi terlalu besar atau kecil, anda boleh mengubah saiz zoom in tersebut dengan menukar angka pada width: 500px dan height: 400px.

Contoh:

width:550px; height:450px; float:middle;

Cara mudah tukar favicon di blogspot

2011-01-18T03:31:00.000+08:00

Terdapat satu cara yang paling mudah jika anda ingin menukar icon favicon blog. Contoh icon favicon yang telah di tukar tersebut boleh anda lihat pada gambar yang di tunjukkan di atas.

Untuk menukar ikon tersebut, sila ikut beberapa langkah yang di tunjukkan di bawah.

Langkah 1

Bina satu image yang bersaiz 50px x 50px. Anda juga boleh menggunakan gambar muka anda sendiri jika perlu.

Langkah 2

Upload image tersebut pada file hosting. Anda juga boleh upload image tersebut pada post dan klik Save. Seterusnya, salin URL image tersebut.

Bagi anda yang upload image tersebut pada post, URL yang di highlightkan pada contoh gambar di bawah adalah URL bagi image yang di upload itu.

Langkah 3

Paste URL image( rujuk langkah 2) dan paste pada teks Masukkan URL image di sini pada kod berwarna biru di bawah.

<link href='Masukkan URL image di sini' rel='shortcut icon' type='image/x-icon'/>

Contoh kod yang telah di edit:

<link href='http://3.bp.blogspot.com/_LZtXSNcp76A/S3j7-N2gKMI/AAAAAAAAA7U/-jpaq7_j2No/s320/favicon.jpg' rel='shortcut icon' type='image/x-icon'/>

Langkah 4

Langkah 5

Dengan menggunakan keyboard, tekan kekunci Ctrl + F dan taip atau paste kod ]]></b:skin> pada ruang Find. Seterusnya tekan kekunci Enter.

Langkah 6

Salin kod yang telah siap di edit tadi( rujuk langkah 3) dan paste kod tersebut di bawah atau selepas kod ]]></b:skin>

Akhir sekali, klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

Cara pasang jquery Twitter Ticker di blogspot

2011-01-14T08:55:00.003+08:00

Jquery Twitter Ticker seperti yang boleh anda lihat pada demo di tutorialzine.com atau di sidebar blog ini, adalah satu plugin wordpress yang sangat menarik. Jika anda mempunyai akaun Twitter dan aktif ber'Twitter', plugin ini sesuai untuk di pasang di blogspot.

Bagi pengguna wordpress, anda boleh download plugin tersebut di http://tutorialzine.com/2009/10/jquery-twitter-ticker. Bagi pengguna blogger,anda boleh cuba tutorial asalnya di sini(sila klik) ataupun ikut beberapa langkah di bawah.

Langkah 1

Salin kod di bawah dan paste pada HTML/Javascript.(rujuk gambar dibawah).

<style>
#twitter-ticker{
width:100%;
height:230px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
background: #ccc;
color:#666;
display:none;
text-align:left;
}

#tweet-container{
height:160px;
width:auto;
overflow:hidden;
}

#twitIcon{
position:absolute;
top:-6px;
left:40px;
}

#top-bar{
height:40px;
background:url() repeat-x;
border-bottom:1px solid white;
position:relative;
margin-bottom:8px;
}

.tweet{
padding:5px;
margin:0 8px 8px;
border:2px solid #FDFAFA;
background:#FDFAFA;
width:auto;
overflow:hidden;
}

.tweet .avatar{
float:left;
}

.tweet .user{
float:left;
padding: 0px 0px 0 0;
}

.tweet a {
color:#B30404 ;
font-weight: blod;
font-size:11px;
text-decoration: none;
}

.tweet a:hover {
color: #fc6602;
font-size:11px;
font-weight: normal;
text-decoration: none;
}

.tweet .avatar img{
float:left;
width:50px;
height:50px;
border:1px solid #ccc;
margin:4px 5px 0px 0;
}

.tweet .txt{
font-size:11px;
color:#222121;
margin:2px 2px;
}
.tweet .time{
margin-left:3px;
color:#fff;
white-space:nowrap;
}

#loading{
margin:100px 95px;
}

#twitter-ticker{
margin:-30px 0px -4px;
}

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right:4px;
top:0;
height: 100%;
background: #ddd;
}

.jScrollPaneDrag {
position: absolute;
background: #999;
cursor: pointer;
overflow: hidden;
}

.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}

a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}

a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}

a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}

h4.tut{
color:#fff;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size:16px;
padding:12px 0 0 88px;
text-transform:uppercase;
text-shadow:2px 1px 6px #333;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/jScrollPane-1.2.3.min.js"></script>
<script type="text/javascript">
var tweetUsers = ['ID Twitter disini'];
var buildString = "";

$(document).ready(function(){

$('#twitter-ticker').slideDown('slow');

for(var i=0;i<tweetUsers.length;i++)
{
if(i!=0) buildString+='+OR+';
buildString+='from:'+tweetUsers[i];
}

var fileref = document.createElement('script');

fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=100");

document.getElementsByTagName("head")[0].appendChild(fileref);

});

function TweetTick(ob)
{
var container=$('#tweet-container');
container.html('');

$(ob.results).each(function(el){

var str = ' <div class="tweet">\
<div class="avatar"><a href="http://twitter.com/'+this.from_user+'" target="_blank"><img src="'+this.profile_image_url+'" alt="'+this.from_user+'" /></a></div>\
<div class="user"><a href="http://twitter.com/'+this.from_user+'" target="_blank">'+this.from_user+'</a></div>\
<div class="time">'+relativeTime(this.created_at)+'</div>\
<div class="txt">'+formatTwitString(this.text)+'</div>\
</div>';

container.append(str);

});

container.jScrollPane();
}

function formatTwitString(str)
{
str=' '+str;
str = str.replace(/((ftp|https?):\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?)/gm,'<a href="$1" target="_blank">$1</a>');
str = str.replace(/([^\w])\@([\w\-]+)/gm,'$1@<a href="http://twitter.com/$2" target="_blank">$2</a>');
str = str.replace(/([^\w])\#([\w\-]+)/gm,'$1<a href="http://twitter.com/search?q=%23$2" target="_blank">#$2</a>');
return str;
}

function relativeTime(pastTime)
{
var origStamp = Date.parse(pastTime);
var curDate = new Date();
var currentStamp = curDate.getTime();

var difference = parseInt((currentStamp - origStamp)/1000);

if(difference < 0) return false;

if(difference <= 5) return "Just now";
if(difference <= 20) return "Seconds ago";
if(difference <= 60) return "A minute ago";
if(difference < 3600) return parseInt(difference/60)+" minutes ago";
if(difference <= 1.5*3600) return "One hour ago";
if(difference < 23.5*3600) return Math.round(difference/3600)+" hours ago";
if(difference < 1.5*24*3600) return "One day ago";

var dateArr = pastTime.split(' ');
return dateArr[4].replace(/\:\d+$/,'')+' '+dateArr[2]+' '+dateArr[1]+(dateArr[3]!=curDate.getFullYear()?' '+dateArr[3]:'');
}
</script>

<div id="twitter-ticker">
<div id="top-bar">

<div id="twitIcon"><img src="http://1.bp.blogspot.com/_LZtXSNcp76A/TSGFn0L2w2I/AAAAAAAABWA/SNaKxqfd_4s/s1600/twitter_sign.png" width="48" height="48" alt="Twitter icon" /></div>
<h4 class="tut">LATEST TWEETS</h4>

</div>

<div id="tweet-container">
</div><div style="color:#B30404; font-family: "Trebuchet MS",sans-serif;text-align: right;padding-right:20px;text-decoration: none;">
<a href="http://maribinablog.blogspot.com/2011/01/cara-pasang-jquery-twitter-ticker-di.html"><i><span style="font-size: xx-small;">Get this widget</span></i></a></div></div>

p/s:

1. Gantikan kod yang di bold dengan akaun twitter anda.

Contoh:

Akaun Twitter: http://twitter.com/nescafeaisblog

var tweetUsers = ['nescafeaisblog'];

Jika anda ingin menggabungkan akaun twitter rakan anda, tambah kod seperti contoh di bawah.

var tweetUsers = ['nescafeaisblog','ID_TWITTER1','ID_TWITTER2','ID_TWITTER3'];

2. Tajuk LATEST TWEETS pada kod yang di bold juga boleh di ubah mengikut kesesuaian.

Cara buat Avatar senget(rotate) pada bahagian comment

2011-01-12T10:22:00.001+08:00

Untuk membuat image avatar pada bahagian comment blog menjadi senget(rotate) seperti yang boleh anda lihat pada gambar diatas ataupun contoh pada bahagian comment blog ini(sila klik), hanya ikut beberapa langkah yang mudah di bawah.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML.

Langkah 2

Dengan menggunakan keyboard, tekan F3 ataupun Ctrl+F, taip atau paste kod ]]></b:skin> pada ruang Find dan seterusnya tekan Enter.

Langkah 3

Salin kod di bawah dan paste kod tersebut sebelum atau diatas kod ]]></b:skin> pada script template (rujuk langkah 2)

.avatar-image-container img {
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
}

Contoh:

.avatar-image-container img {
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
}
]]></b:skin>

Akhir sekali, klik Preview. Jika tiada mesej Error terpapar, klik Save.

Promote: Jom Sertai Forum Komuniti Buat Bloggers

Perbezaan sistem default comment dengan plugin comment

2011-01-01T10:08:00.000+08:00

Jika di bandingkan dari segi fungsi, sistem plugin komen seperti Disqus dan Intense Debate menjadi pilihan pengguna blogspot kerana ia memudahkan pemilik blog dan komentar untuk memberi dan membalas komen. Berbeza dengan sistem default comment dari blogger.com yang di lihat kurang mesra kerana tiada sistem reply comment. Jika ada pun, ia terdapat kelemahan yang sangat ketara.

Walaupun begitu, kelebihan utama sistem default comment dari blogger.com adalah dari segi SEO. Ini kerana, bahagian komen juga akan di scan oleh Google dan hasil dari keyword yang berkaitan, URL blog kita mampu untuk tersenarai pada hasil carian Google. Blog akan mendapat backlink dari Google secara langsung.

Berbeza pula dengan sistem plugin, walaupun turut tersenarai pada hasil carian di Google, sistem ini tidak memberi backlink secara terus ke blog, sebaliknya terus ke akaun sistem plugin komen tersebut. Oleh yang demikian, pengguna sistem plugin comment digalakkan untuk memasang commentluv yang bertujuan, memberikan backlink secara langsung dan tersenarai dalam hasil carian di Google.

Bagi pengguna blogspot yang menggunakan sistem plug in seperti Disqus dan Intense Debate yang ingin memasang CommentLuv, sila layari blog Ariff. Beliau ada menunjukkan tutorial bagaimana untuk memasang Commentluv di blogspot.

3 tutorial buat simple header menggunakan Photoshop terbaik

2010-12-25T10:44:00.002+08:00

Kepada blogger yang baru mengenali Photoshop dan dalam proses belajar menggunakan Photoshop, mungkin anda masih tercari-cari tutorial membuat header blog yang menggunakan Photoshop yang simple, mudah dan menarik.

Saya ingin kongsikan kepada anda 3 tutorial yang di tulis oleh 3 orang rakan blogger. Tutorial yang ditulis oleh mereka saya rasakan terbaik kerana mudah di fahami dan boleh di buat sebagai rujukan bagi orang baru untuk membuat header blog menggunakan teknik Photoshop yang simple tetapi menarik.

1.MelRomeo.com

Tutorial photoshop membuat banner header dan logo

2. Hannafauzann Story

Tutorial transparent header using Adobe Photoshop

3. Mohamadfaiz.com

Tutorial buat header blog

Cara pasang Image opacity effect

2010-12-20T16:09:00.000+08:00

Image opacity effect adalah suatu kesan atau efek yang berlaku apabila cursor mouse diletakkan di atas sesuatu image yang terdapat pada bahagian post.

Terdapat dua efek yang boleh anda pilih untuk digunakan pada blog.

Untuk Image opacity effect 1, image menjadi pudar apabila cursor mouse diletakkan ke atas gambar. Untuk demo, anda boleh lihat efeknya pada gambar di atas.

Untuk Image opacity effect 2, kesan adalah sebaliknya, iaitu image asal yang pudar bertukar terang dan jelas apabila cursor mouse diletak di atas image tersebut. Untuk demo, anda boleh lihat di sini.

Cara untuk memasang Image opacity effect ini sangat mudah. Hanya ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript

Langkah 2

Copy salah satu kod di bawahdan paste pada content HTML/Javascript.

Kod Image opacity effect 1

<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>

Kod Image opacity effect 2

<style>
/* ----- Image opacity effect 2 ----- */
.post a img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

.post a:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>

Akhir sekali, klik Save.

p/s:Jika anda mahu meletak kod tersebut pada script template, sila paste kod tersebut di atas kod ]]></b:skin>

Tips SEO - 3 cara meningkatkan Page View dan klik pada link.

2010-12-15T14:33:00.005+08:00

Ramai blogger sememangnya sudah maklum bahawa, terdapat berbagai teknik dan cara bagaimana untuk kita tingkatkan SEO dalam sesebuah blog. Mengubah Meta tag, menggunakan keyword, menggunakan template yang mesra SEO dan mengharapkan Backlink dari blog yang mempunyai Page Rank tinggi adalah dari beberapa teknik dan cara untuk kita mengejar SEO. Teknik dan cara yang kita gunakan itu sebenarnya hanyalah ikhtiar kita untuk cuba mendapat kedudukan terbaik dalam search engine.

Perkara yang paling utama sekali jika anda seseorang yang mengejar SEO adalah Linking. Lingking sebenarnya adalah segala-galanya dalam SEO. Ini kerana untuk tersenarai di search engine, seseuatu title atau keyword memerlukan jumlah klik yang sangat tinggi. Semakin tinggi link itu di klik, semakin mudahlah untuk title atau keyword link tersebut terindeks atau tersenarai pada kedudukan yang teratas dalam result carian bagi sesuatu keyword.

Cara yang paling mudah sekali untuk kita meningkatkan Page View dan klik pada link adalah seperti:

1. Membuat sambungan link pada post yang berkaitan.

Kita boleh menggunakan perkataan ataupun ayat pada tulisan yang akan di publish ke entri atau post yang sebelumnya.Cara ini sangat berkesan untuk meningkatkan Page View.

2. Memasang Read More pada post.

Read More adalah salah satu vara yang terbaik untuk anda meningkatkan klik pada link dan juga page view. Walaupun ada segelintir visitors yang mungkin kurang senang dengan Read More ini, tapi ia sebenarnya dapat meningkatkan Page View pada post tersebut.

3. Meletakkan widget Blog Archive, Recent Posts, Related Posts, Popular Posts dan Recent Comments.

Dengan memasang Blog Archive, Recent Posts, Related Posts, Popular Posts dan Recent Comments, ianya dapat meningkatkan lagi klik pada link dan juga Page View dengan lebih berkesan.