Cara Mudah Hilangkan LinkWithin Di Laman Utama Blog

Dah tukar template ni, ada aja benda yang aku nak ubah. Aku cari tutorial paling mudah dan tak cerewet untuk buang linkwithin di main page tapi akan keluar kat page lain sebab pada akulah, kalau takde benda tu blog nampak kemas

sikit. Jumpalah satu yang menarik oleh kaka1407 dalam Info Terkini Online tapi macam tak boleh jadi aja. Jadi aku cuba sendiri cara yang aku rasa tak peningkan kepala. Cuma tambah linkwithin script tu kat post footer. Macam ni:

1. Memula korang pergi ke website linkwithin, letak apa yang patut untuk info blog korang tu (tak payah log in pun tak pe daaa…). Dapatkan linknya, lebih kurang cam ni haaa: (id tu aku punya blog aaa, tengok korang nyer id mesti tak sama tau):

<script>var linkwithin_site_id = 361788;</script>
<script src='http://www.linkwithin.com/widget.js'/><a href='http://www.linkwithin.com/'><img alt='related posts plugin for wordpress, blogger...' src='http://www.linkwithin.com/pixel.png' style='border: 0'/></a>

2. Pastu cam biasa pergi ke Design --> Edit HTML --> Expand Widget Templates

3. Cari sampai jumpa benda ni; nak senang guna (Ctrl+F) kat keyboard tu:

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

4. Kemudian tambah je kod ni kat bawah footer-line-3 :

<div class='post-footer-line post-footer-line-3'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <script>var linkwithin_site_id = 361788;</script>
       <script src='http://www.linkwithin.com/widget.js'/><a href='http://www.linkwithin.com/'><img alt='related posts plugin for wordpress, blogger...' src='http://www.linkwithin.com/pixel.png' style='border: 0'/></a>
  </b:if>
</div>

Nampak tak warna merah tu, itu korang kena tambah. Script tu memang korang dah dapat dari linkwithin kan?

5. Save dan cuba tengok main page blog korang. Dah tu cuba tengok page entri sebelum tu. Ada nampak beza tak?

Satu lagi, korang nak letak apa pun kat footer tu pun boleh. Korang cari je benda ni macam arahan nombor 3 kat atas tu:

<div class='post-footer'>

Ngam-ngam bawah dia korang letak le kod yang korang nak letak. Aku ambik contoh kod Nuffnang Large Rectangle (336 x 280) macam ni:

<div class='post-footer'>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "47088cb15ae2c7b061abbc1d7fc9ea01";
</script>
<script type="text/javascript" src="http://synad2.nuffnang.com.my/j.js"></script>
<!-- nuffnang-->

Pastu Save dan tengok, ada keluar atau tidak.

Senang tak nak ikut tutorial aku ni?

Cerita seterusnya »

Persiapan Ke Kejohanan Remaja Dunia...

Aku tipu. Sebenarnya ini antara aktiviti anak-anak Tadika Kemas sebelum perlawanan hujung minggu depan. Masing-masing baru je berumur antara 5 hingga 6 tahun.

Diorang bergabung dengan beberapa Tadika Kemas berdekatan untuk membentuk satu pasukan yang mantap demi menyelamatkan Sasuke.

Eh, pasal cerita Naruto lak masuk entri ni?

Latihan ni baru masuk hari kedua dan nanti kita tengok la pulak camana keadaannya masa hari pertandingan nanti. Tengok gambar-gambar kat bawah ni yea, masa latihan pagi tadi. Mana-mana yang datang dengan bonda masing-masing; kiranya mereka ada jurulatih peribadi tau. Tengok aksi para jurulatih tu:

Korum tak cukup siap pinjam GK dari sekolah kebangsaan lagi...

Ada dua view menarik kat sini. Memula kita nengok aksi si cilik Center (C) tu. Macam persembahan nyanyian pun ada:

Pastu aksi Goal Shooter (GS) dan Goal Keeper (GK) kat bawah ni pulak:



Sempat menocangkan rambut pihak lawan (GS) cuma tak bawak getah untuk ikat...huahuahua


Tocang sampai siap daaaa...


Aksi yang ini tak sah kalau takde...

Jenuh cikgu pun datang memujuk;  tapi yang bestnyer GK dan GS tetap dengan 'dunia' diorang...


Bola dah dekat tu, GS relax je. Boleh duduk-duduk lagi...


(C) tadi menari agak lama di tengah sambil disaksikan semua...

Sesi perbincangan jurulatih-jurulatih peribadi selepas 2 kali latihan. Rasanya puas hati kot nengok persembahan pasukan yang baru dibentuk tu. Nak lawan ujung minggu - ada can menang ke? Mudah-mudahan...

Ok sampai sini dulu, nanti aku update hari pertandingan pulak. Tungguuuu...

Cerita seterusnya »

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 »