Tutorial 3 Dalam 1

Nak tau kenapa jadi 3 dalam 1? Sebab 3 benda ni berkait antara satu sama lain tapi masih boleh kalau nak guna satu; dua atau ketiga-tiganya sekali.

Hehehe sebenarnya aku malas nak buat sampai 3 entri. Dahla blog rojak tetiba terbuat tutorial pulak. Ini penangan sebab tukar template punya pasallah ni. Padan muka aku.

Kalau nak bagi tutorial kena cuba dulu kalau tak camna orang nak percaya dan ikut, kan? Aku ucapkan banyak-banyak terima kasih pada korang semua sebab sudi jengah blog dan bagi panduan berguna.


Aku guna Google Gadget je, senang sikit.

1. Tukar kod html untuk mudah letak di entri / posting dan senang untuk pembaca kopipes kalau minat nak mencuba.

Dulu kalau korang nak, boleh pergi kat Code Converter; tapi program ni dah tak ada. Jadi sekarang ni aku guna Web 2.0 Generators. Memang berfungsi lagi.

Haaa pergi sini tau: Web 2.0 Generators

2. Pasang scroll box dalam entri ikut suka.

Satu lagi, disebabkan boleh kata semua entri aku ni panjang berjela belaka; aku cuba juga cari scroll box, cam biasalah kenen kat pakcik google dan banyak juga tutorial pasal scroll box ni. Tapi aku ambik kod yang ada kat Quackit dan gabungkan kodnya dengan yang ada kat Blog Farah Shahirah dan terhasillah kotak entri yang korang nampak ni.

Pada aku bagus jadi tak payahlah aku nak senaraikan kelebihannya. Yang tak bagusnya aku rasa:

1. Rugi pada bisnes blog sebab seboleh-bolehnya nak pamerkan segala yang ada kat dalam blog jangan sampai pembaca tak nampak pulak (alah, takut pembaca tak scroll down, bisnes kureng nanti)

2. Iklan yang bayar melalui CPM atau dalam kata lain - 'iklan berbayar berdasar tayang iklan pun dapat duit berdasar pada jumlah pengunjung' susah sikitle nak di tunjuk sebab kalau dah buat scroll box pendek je; baik tak yah pasang. Betul juga kan, kalau dah dengan iklan-iklan pun disorok, baik takyah letak iklan tu.

3. Nantilah aku fikir apa lagi kelemahannya, hehehehe.

Oh lupa lak. Nak tengok camna rupa gabungan kod yang aku buat? Macam ni:

<div style="border: 1px solid #c0c0c0; font: 12px; height: 500px; margin: 0px auto; overflow: auto; padding: 5px; width: 98%;">
SINILAH AREA KALAU NAK BUAT POSTING KE, LETAK GAMBAR KE, IKLAN KE, APA BENDALAH YANG KORANG SUKA LETAK
</div>

Aku ambik kod yang paling simple sekali yang ada border, kaler border, besar tulisan (kat situ aku letak 12px), ketinggian box, auto margin (senang tak yah nak set-set lagi), jarak antara entri dengan border kiri dan kanan (padding), dan akhir sekali aku pilih saiz lebar box 98% dari ruang lebar entri blog pos ni.

3. Pasang kod scroll box dalam setting entri pos.

Dan yang terakhir, untuk tutorial ketiga ialah camana nak pastikan scroll box ni sentiasa ada dalam blog tiap kali nak buat posting / entri baru (itupun kalau suka, tak suka tak yahla letak):

1. Dashboard ---> Settings ---> Formatting

2. Letak kod scroll box asal tu dalam kotak Post Template dan tekan Save Settings

3. Dah siaple. Korang bolehlah mula buat entri baru dalam kotak skrol. Abis...

Posting ini aku guna ketiga-tiga benda yang aku cerita kat atas tadi. Best tak tutorial aku?

Cerita seterusnya »

Tutorial Embed Comment Link di Laman Utama

Template ni sebenarnya siang-siang lagi memang tak ada langsung Post Detail seperti Author, masa, komen link, emel subscription, quick edit, labels, sharing widgets, dan yang sewaktu dengannya. Ada template yang ada, ada template yang tak ada benda alah ni. Sampaikan ada yang tanya aku memang tak nak bagi diorang komen ke?

Alamak, aku suka la pulak kat template nih walaupun tak boleh nak embed benda-benda tu. Jenuh satu hari aku tanya pakcik Google yang Melayu yang Omputeh sambil mulut tak berenti mengunyah memang tak ada tutorial untuk benda ni kalau nak letak kat laman utama (main page). Siap bukak forum sana sini pun tak jumpa daaa. Abis tu kena tuka template ke? Lepas aku godeh sendiri, jadilah macam kat bawah ni.

Tengok pada Edit -Configure Blog Posts punya setting canteekk je kan? Tapi bila publish hampeh tak nampak; tak keluarpun.

Jadi buat sesapa yang berminat nak letak macam yang aku dapat buat tu, boleh cuba. Expand Widget Template tu dulu:

Pastu korang cari kod ni sampai jumpa. Nak senang guna (CTRL + F) kat keyboard pastu taip kod pertama tu:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13'
src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>

<div class='post-footer-line post-footer-line-2'/>

<div class='post-footer-line post-footer-line-3'/>
</div>

Aku terangkan sikit. Untuk pos footer ni dia ada tiga (3) line; contoh macam kat atas tula. Korang boleh adjust nak letak atas bawah ke tak kisah janji dalam 3 baris je maksima. Html kodnya cam kat bawah ni (kalau nak nengok contoh satu-satu tengok balik kat atas tu aaa).

Aku letak beberapa kod html sebaris, nampak tak 5 barang tu kat baris pertama:

1. Kod grup kaler biru pertama untuk letak nama Author (bukan auta). Kemudian nanti korang boleh tuka 'Posted by' kepada benda lain kat Edit - Configure Bog Posts

2. Kod grup biru kedua tu untuk tarikh dan masa. Pun korang boleh adjust balik kat Edit - Configure Bog Posts kemudian

3. Kod grup biru ketiga tu untuk tunjuk komen. Haaaa ini la yang penting sekali sebab bila adanya link ni tak yah dah susah-susah nak klik Tajuk Entri kat atas atau kat kotak Archive.

4. Kod grup biru keempat apa ya... Kejap, oh untuk subscribe melalui emel. Siap ada gamba sampul surat lagi tu.

5. Kaler biru kelima tu sebaris je, untuk edit dan keluar gambar pensel.

Untuk baris kedua aku letak label kod (kaler merah). Jimat ruang sket sebab ada rakan blogger yang guna template lebey kurang cam ni letak semua label kat sidebar atau footer bawah sekali. Ada yang suka ada yang tak; jadi terpulang pada diri sendiri.

Dan last sekali baris ketiga kaler ijau tu ialah kod untuk sharing buttons.

<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'>

<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<span class='fn'><data:post.author/></span>

</b:if>

</span>

<span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

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

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

</b:if>

</b:if>

</span>

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

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

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>

</b:if>

</b:if>

</span>

<span class='post-icons'><!-- email post links -->

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

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>

</a>

</span>

</b:if>

</span>

<!-- quickedit pencil --><b:include data='post' name='postQuickEdit'/>

</div>

<div class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

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

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

</b:loop>

</b:if>

</span>

</div>

<div class='post-footer-line post-footer-line-3'>

<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>

</div>

</div>

Aku kan dah bagitau yang aku ni memang tak reti nak bagi tutorial. Jadi html kod kat atas tu aku kopipes letak kat Notepad pastu letak dalam Paint, tampal pulak kat sini. Kalau korang nak dan pandai bancuh kopi, ambikle. Kalau level sama cam aku - hehe bukak Notepad ke Word ke, salin satu-satulah. Entah-entah aku ni yang tertinggal bas tak?


Alamak lapar, aku nak gi beli rotilah.

Cerita seterusnya »

Menang?

Sebenarnya aku tak ada cerita apa pun hari ni. Cuma kat sesapa yang selalu jengah, jangan tergezut pulak nengok blog dah bertukar wajah. Bukan disengajakan. Aku dok tekan sana, tekan sini tapi kolum follower tu tak keluar-keluar. Sudahnya aku guna aja template yang blogger sediakan sambil buang mana-mana yang patut.

Aku ni bukan reti sangat pasal kod-kod html tu, itu yang hancus blog aku siang tadi. Jadi aku ambik yang simple ajalah.

Oh ya, cerita pasal menang. Aku sebenarnya risau kat anak aku sebab selalu sangat ponteng sekolah agama. Masa dia banyak habis kat latihan Ghazal. Tapi syukur juga dia tak tercicir bila aku tengok keputusan setengah tahun Senin lepas. Sekolah kebangsaan pun Alhamdulillah, rekod agak cemerlang walaupun banyak masa dia kat luar kelas.

Minggu lepas dia dalam kumpulan Mutiara Ghazal masuk pertandingan di Batu Pahat anjuran Yayasan Warisan Johor Peringkat Sekolah Rendah. Berbaloilah sebab jadi juara.

Ini gambar kat paper aritu:


Yang bawah ni sebelum buat persembahan kat Tropikal Inn Khamis lepas:

Satu lagi aku risau juga tentang anak sulung aku tu. Ujian demi ujian untuk dia mengadap UPSR sebenar bulan September nanti. Jadi buat sapa-sapa yang baca entri aku sampai habis ni, tolong doakan sekali yea agar anak aku tu cemerlang dalam UPSRnya. Aku yang cuak plakkk...

Cerita seterusnya »

Tetiba Grapevine Berlambak

Aku ikut juga perkembangan perhimpunan semalam tapi tak berani nak buat sebarang entri (Jawapan selamat buat Sakura~chan yang komen kat entri semalam. Eh, dia baru je komen lorrr...).

Sejak dari mula lagi aku cuba untuk tidak melibatkan secara langsung blog aku dalam sebarang perkara yang berkaitan dengan sensiviti agama,

perkauman ataupun politik walaupun isu macam ni kalau buat entri trafik boleh naik mencanak-canak. Aku harap dapat kekalkan perkara ni tapi kalau aku terbabas tolong tegurlah yea.

Dua tiga hari ni kalau korang perasan banyakla pulak iklan Grapevine tersiar di blog-blog. Bulan Julai ni baru nak masuk sepuluh haribulan tapi dah ada 3 Grapevine. Mula dengan Proton Inspira, diikuti dengan Toyota Vios serentak pulak tu dengan Samsung Corby II. Iklan Toyota Vios dan Samsung tu aku jumpa kat blog sendiri masa tengah dok edit sana sini. Tapi kat blog lain pun boleh tahan juga rancaknya iklan-iklan nih.

Ini Grapevine Vios Desirable melekat kat blog aku semalam siang.


Yang ini pulak Samsung Corby II keluar belah malam.

Jadi sekarang ni iklan Grapevine yang berjalan (berjalan?) setakat yang aku ada jumlahnya 6 ntah aktif lagi ke tidak; tak tau le pulak.

Cuma satu je yang aku rasa macam tak best. Dulu ada dua aja dapat Unique Clicks manyak tapi tak dikira. Aku tak kisahpun cuma yang aku tau - makin banyak iklanpun duitnya macam tak boleh naik banyak. Kalau nak dibandingkan dengan Churp-Churp, iklannya lagi meriah sebab iklan tu ada tempoh dan senang untuk kita buat entri baru sama ada kat blog ataupun kat laman-laman sosial. Grapevine tu macam sekali jelahpun dapat buat entri pastu beku macam dalam peti ais.

Anggur ni tak sempat nak masuk peti ais pun.
Beli kat Giant tak sampai sejam abisssss.

Macam biasa jugak, aku anta satu lagi tiket bila aku nengok iklan Proton Inspira tu keluar ayat "The page was not found" tapi belum ada respon dari Nuffnang...

Cerita seterusnya »

Mona-Vie Tembusi Pasaran

Senin baru ni aku ke sekolah Agama ambik penyata setengah tahun anak-anak. Aku ada masa jadi aku sorangle berlegar-legar pergi ke kelas kena ambik no giliran lagi.

Semua kelas pun camni, sebab waktunya dari pukul 7.30 pagi hingga doblas tengahari aja:

Kat luar pulak meriah dengan gerai bagi sekolah untung sikit. Baguslah ada insiatif untuk dapatkan wang tambahan untuk sekolah. Cuma satulah aku perasan, kalau ada apa-apa aktiviti aja sekarang ni, gerai jualan antara kemestian dalam aktiviti tersebut. Pergilah mana-mana acara pun. Baik acara sukan, persembahan, karnival, expo, apa ajalah. Tapi hari tu cuma nak ambik penyata aja, pun bukak gerai.

Di samping gerai, adalah pengusaha gerai bagi risalah-risalah tentang produk yang dijual. Risalah-risalah tu lebih merujuk kepada IQ anak-anak. Bagus juga.

Kelab dan persatuan sekolah pun tak ketinggalan bukak gerai.

Yang ni spesel sikit. Sebelum hari ambik penyata tu, ibu bapa kena menderma apa-apa yang patut untuk sekolah jual balik kepada pengunjung.

Teringat aku masa sekolah rendah dulu - ada 3-4 gerai camni (gerai-gerai kat atas tu tak ada) ibu bapa akan bagi kelapa, kopi, koko, ubi, keladi - senang cakap lebih kepada makanan mentah untuk dipamerkan dan sesiapa berminat boleh beli kat gerai yang disediakan. Dah macam pasar tani masa dulu tu.

Gerai ni approach aku tentang Program Wakaf Al-Quran anjuran PERSONA AMAL. Senang cerita, kita dermalah Al-Quran kepada organisasi ni untuk diagihkan ke tempat-tempat yang sepatutnya. Dalam pada itu aku tertarik kepada botol-botol yang dipamerkan kat meja tu.

Perghhhh.... Mona-Vie masuk pasaran sekolah agama pada hari pengambilan penyata murid setengah tahun seyyyyy.....

Cerita seterusnya »