Memasang Bubble Comment Count

Ya! Aku kembali lagi menggila. Kejap kata tak nak buat tutorial, kejap kata nak buat tutorial. Isk, maaf sebab aku sangat sibuk. Apa2 pun tak rugi kamu bookmark blog aku, nanti kamu pun boleh jadi gila macam aku.

Yang kamu tengok kat screenshot kat atas tu namanya Bubble Comment Count. Banyak blog2 sekarang yang dah menggunakkannya kerana ianya nampak lebih profesional dan lebih mudah untuk penggunjung menkliknya.

Bubble Comment Count

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini.

]]></b:skin>

03. Tambahkan kod ini di atasnya.

.bubble-comment-count{

background:transparent url(http://tinyurl.com/yd7yycn) no-repeat;
float:right;top:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:31px;
width:34px;
text-align:center;
margin-left:10px;
padding:4px 0 0 3px;

}

04. Cari kod ini.

<b:if cond='data:post.link'>

05. Tambahkan kod ini di atasnya

<span class='bubble-comment-count'>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if>

</span>

05. Save dan lihat hasilnya.

Mengupdate Mesej Twitter & Plurk Melalui Handphone

Aku tak tahu bila kali terakhir aku update blog tapi yang pasti aku akan update juga Twitter aku walaupun sesibuk mana pun. Aku ingat lagi masa pertama kali aku pandai gunakan handphone untuk hantar mesej Twitter, setiap saat aku update. Biasalah benda baru masa tu.

Rasanya kamu mungkin dah sedia maklum tentang bagaimana nak update mesej Twitter melalui handphone bukan? Walaubagaimana pun aku nak tutorialkan jugak sebab senang kawan-kawan blogger kita nak rujuk bukan? Terima kasih sebab sudi lagi menjengah blog ini selama aku terlalu sibuk di politeknik mendalami ilmu kejuruteraan. Chewah.

Eh! Eh! Jangan tak tahu, kat Plurk pun boleh hantar mesej juga melalui telefon, tapi aku rasa siapa guna Plurk memang tak cool.

1. Masuk http://gladlycast.com/.

2. Pilih sama ada nak daftarkan kat akaun Twitter atau pun Plurk. Kamu akan diarahkan untuk mengisi email bersama kata laluan kamu untuk pengesahan.



3. Terdapat 3 buah negara yang menyupport Twitter yakni Malaysia, Singapura dan Filipina dan setiap negara mempunyai nombor handphone masing-masing. Sebagai pengguna tempatan iaitu Malaysia, nombornya adalah +6012-7959876.

4. Sekarang kamu dikehendaki menghantar mesej ke +6012-7959876 untuk pengesahan nombor telefon kamu.

5. Selepas proses pendaftaran disahkan, sekarang kamu boleh save nombor handphone +6012-7959876 ke dalam phone book kamu dan kamu sudah boleh menghantar mesej ke nombor tadi dan secara automatik ianya akan sampai ke akaun Twitter.


Nota : Jika anda pengguna tegar Maxis, sila tambahkan nombor +6012-7959876 sebagai senarai activ5 kamu. Kamu juga boleh menambah lebih dari 1 nombor handphone untuk menghantar mesej Twitter & Plurk melalui handphone. Jika kamu ingin kemaskini nombor handphone silalah pergi ke bahagian Preferences untuk membuang nombor handphone kamu.

Percuma Layout Blogger : Cubismo

Nampaknya berbaloi juga usaha aku beberapa jam ini selepas berjaya menconvertkan sebuah layout untuk pengguna Blogspot. Harap siapa yang rekues templat ini berpuas hati sebab aku tak sempat nak test templat ni kat browser lain kecuali Firefox. Tapi aku tengok kat browser Google Chrome nampak tak ada cacat cela pun.

Kalau ada masalah kamu boleh tanya terus aku kat ruang komen. Kalau ada tambahan pun kamu juga boleh turut sama membantu.

Sebenarnya layout ini memang cantik dan semenjak aku gunakan Wordpress inilah salah satu theme feveret aku. Oh ya! Kamu ada mana-mana theme yang betul-betul cantik untuk aku convertkan di lain masa? Kongsi-kongsilah.



Kelebihan layout ini

• Salah sebuah theme Wordpress.
• 2 Navigation bar yang sangat cantik berserta search box.
• Layout 2 kolum, sidebar di sebelah kanan.
• Blockquote yang cantik.
• Sistem komen yang cantik dengan numbering comment.
• Navbar disembunyikan.

Berminat untuk menderma?

Aku tak harapkan apa-apa dari templat ini, cuma jangan buang kredit kat footernya saja. Kamu boleh juga menderma kepada aku jika kamu bermurah hati untuk sponser bil internet, bil air dan bil elektrik sepanjang aku berhempas pulas menyiapkan templat ini. Chewah.

Maybank (163082136760) | Bank Islam (13044020790049)

Lihat Demo | Muatturun Layout (Dalam bentuk Zip)

10 Layout Menarik Untuk Blogspot Juga Wordpress #03

Kepada mereka yang gilakan layout aku cadangkan kamu cuba layout yang ini pula. Aku tak tahu kenapa mereka suka tukar layout setiap minggu tapi bagi aku ianya mungkin sebab nikmat kot.

Untuk versi ini tak banyak designer baru yang muncul, asyik-asyik muka sama je. Aku harap ada sesiapa di antara kita dapat buatkan layout yang unik. Dulu aku tengok Jerry ada juga buat layout untuk pengguna Blogspot tapi sekarang tengah sibuk belajar agaknya.

Aku memang tak ada masa untuk buat layout, ada sesiapa berkenan dengan layout terbaru aku! Haha.

Paper Wall



Layout ini memang betul-betul teliti buatannya. Dari header sehingga footer semuanya menarik. Untuk Blogspot kalau nak guna kena ada hosting sendiri, lagipun banyak imej yang digunakan dalam layout ini. Apa-apa pun layout ini paling menarik untuk versi ketiga ini, setuju?

Blogspot : Muatturun
Wordpress : Demo / Muatturun

Typographic Times



Satu lagi layout menarik, nampak macam ringkas tapi aku rasa ianya juga tak boleh pandang sebelah mata. Cuba kamu tengok navigation barnya, ditambah lagi dengan post footernya. Memang berbaloi kalau kamu sukakan typografi. Eh! Apa yang aku perasan sekarang memang trend layout bercirikan typografi. Konfirm!

Blogspot : Demo / Muatturun

Light Word



Aku dah berkenan lama dengan layout ini. Navigation barnya seakan-akan 3 dimensi bukan? Buttonnya pun nama macam menyerlah je dengan penggunaan Css yang menarik. Kalau headernya kamu stailkan semula pasti nampak lebih elegan. Lain-lain aku rasa kamu dah tak perlu nak edit apa-apa pun.

Blogspot : Demo / Muatturun
Wordpress : Muatturun

Showcase



Aku suka imej backgroundnya, sangat-sangat sesuai dengan stail layout ini. Cuma ianya tak berapa atau memang tak sesuai langsung dengan blog yang tidak bergambar. Kalau blog kamu seperti direktori mungkin ianya sesuai untuk kamu.

Blogspot : Demo / Muatturun

Puppet



Berat hati nak cakap layout ini menarik. Secara jujurnya aku suka imej backgroundnya, lain-lain aku rasa biasa saja. Apa-apa pun headernya mungkin berupaya menutup kelemahan layout ini.

Blogspot : Demo / Muatturun
Wordpress : Demo / Muatturun

Inove



Layout ini memang popular dikalangan pengguna Wordpress, kiranya paling top tenlah. Oh ya! Aku memang pernah guna layout ini tapi agak membosankan kerana kamu memang tak boleh tukar imej beckgroundnya sendiri jika kamu tak terer dalam penggunaan Adobe Photoshop. Tapi navigation bar tu memang betul-betul aku jatuh hati, apa ketidaknya aku dah pernah ajarkan tutorial navigation barnya dulu. Tapi navigation bar tu versi berapa entah, mungkin aku patut update esok lusa.

Blogspot : Demo / Muatturun
Wordpress : Demo / Muatturun

Dreamy



Pendesign layout ini memang terer dalam menkombinasikan warna dengan bentuk layout. Itu aku paling tabik dekat dia. Sama je macam layout Showcase, jadi tak perlu aku cakap banyak. Dan memang tak ada versi untuk pengguna Wordpress, maaf!

Blogspot : Demo / Muatturun

Curious



Layout yang unik. Kalau kamu memang terer dalam Adobe Photoshop jangan lupa tukar imej kartun itu dengan kartun sendiri. Nanti layout yang unik jadi tak unik plak, betul tak?

Blogspot : Demo / Muatturun
Wordpress : Demo / Muatturun

SimplePaper



Sesuai dengan namanya, layout ini memang simple. Walaupun begitu, ianya memang dari buahtangan Jai, nama yang tak asing lagi bagi pengguna 'anak ayam' Wordpress. Alah, tak payah malu-malu. Masa aku baru guna Wordpress dulu pun aku memang rujuk dengan dia, banyak info yang aku dapat melalui dia. Layout dia memang hebat.

Blogspot : Demo / Muatturun
Wordpress : Demo / Muatturun

Stitches



Untuk penutup, aku berikan layout ini untuk mereka yang bercitarasa simple dan mementingkan kekemasan. Tak banyak kombinasi warna yang digunakan, semuanya ala-ala lembut je. Bagi pengguna Blogspot dengar-dengar ada widget yang tak support. Kalau kamu perlukan pertolongan kamu boleh hubungi aku melalui private message. Maksud aku Twitterlah!

Blogspot : Demo / Muatturun
Wordpress : Muatturun

Memasang Adsense Di Bawah Tajuk Entri

Aku sekarang mula berjinak-jinak dengan Google Adsense, kononnyalah! Aku harap setiap iklan yang aku pasang kat sini kamu janganlah tengok sebelah mata je.

Google Adsense ni merupakan program kerjasama pengiklanan melalui internet yang diselenggarakan oleh Google. Melalui program pengiklanan AdSense ni, kamu yang telah mendaftar dan disetujui keanggotaannya layak memasang unit iklan yang bentuk dan materinya telah ditentukan oleh Google di halaman web mereka. Kamu juga akan mendapatkan pemasukan berupa pembagian keuntungan dari Google untuk setiap iklan yang diklik oleh pengunjung blog kamu, yang dikenal sebagai sistem pay per click (ppc) atau bayar per klik.

Tu aku copy dari Wikipedia, jadi sekarang mari kita pasang Google Adsense plak. Kalau kamu memang pengiklan tegar dari Nuffnang atau Adverlets tak perlulah bimbang sebab Google Adsense boleh digunakan sama dalam sesebuah blog.

Html Google Adsense

Aku anggap kamu dah daftar Google Adsense. Dan sekarang kamu perlu ada iklan Google Adsense bersaiz 300 x 250 piksel sebab tu adalah saiz yang paling berpontensi untuk diklik.

<b:if cond='data:blog.pageType=="item"'>

<div style='float:right;padding-left:5px;'>

<script type="text/javascript"><!--
google_ad_client="pub-3972933541199121";
google_ad_host="pub-1556223355139109";
google_ad_width=300;
google_ad_height=250;
google_ad_format="300x250_as";
google_ad_type="text_image";
google_color_border="392b1f";
google_color_bg="392b1f";
google_color_link="fefd0d";
google_color_url="ff4e00";
google_color_text="000000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

</b:if>

Letakkan kod Html Google adsense di bawah kod <data:post.body/>. Sila tukar no google ad client dan google ad pub untuk memastikan itu adalah no akaun kamu.

Pastikan kod Html Google Adsense tu kamu encode kat Centricle dulu (Aku dah highlight).