Bloglist Yang Tak Siap

Setuju dengan komen baguznet masa aku mintak pandangan pengguna blogspot - mana lebih baik 'template lama' atau 'template versi 2.0' apabila New Interface diperkenalkan.

Bagi aku, lebih mudah guna 'template lama' walaupun dalam New Interface sebab tak ada masalah view melalui Internet Explorer  (IE) lebih-lebih lagi

kalau nak tambah kod-kod tutorial contohnya html kod marquee. Ala yang boleh scroll kiri kanan atas bawah tunggang terbalik tu ^_^.

Takut nak kekalkan template lama ni, manalah tau kot tinggal aku sorang je yang pakai. Tapi bila nengok Ayie Abas dan blognya PGGP; ILA HonEyBuNNy; tok penghulu Afzalsukasuki serta idola beliau AVI; Cikgu Jaja; Cikgu Bada; Kancil 8349; ❤MaYa MustWany❤; abam komputer - aiez (sekadar ambil beberapa) masih lagi guna; rasa takut tu kureng sikit.

Aku cuba pasang bloglist kengkawan (hehe belum siap add; kalau nama blog korang belum ada tunggu yea. Tak pun bagitaule nanti aku tambah takut lupa der). Mula-mula cuba juga tutorial yang sedia ada tapi itu cuma scroll box untuk tutup sebahagian list. Senarai yang ada tetap statik dan paparan terhad kepada berapa blog atau web sahaja. Jadi aku cuba adjust sikit bagi nampak semua blog kengkawan melalui pergerakan naik ke atas walaupun guna ruang yang terhad.

Sebenarnya kita cuma perlu letak html kod marquee ni di tempat yang betul, itu aja :

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="230" height="200">
</marquee>

STEP 1 : Pergi ke sini :


Kena Expand Widget Template sebab kalau tak nanti tak jumpa kat mana nak letak kod marquee tu.

STEP 2 : Guna CTRL+F atau tekan F3 untuk cari <b:widget id='BlogList1'. Ada juga yang buat banyak kotak bloglist dalam blog.
Oh ya. Sebelum lupa - anda kena letak dulu dua tiga blog kengkawan dalam senarai bloglist kalau tak memang tak gunalah STEP 2 tu. Camana nak buat bloglist - search gugel je. Banyak tutorial pasal bloglist nih.

STEP 3 : Letak kod yang atas tadi ke tempat yang sepatutnya, seperti contoh di bawah :

<b:widget id='BlogList1' locked='false' title='Senarai Blog Pilihan' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="230" height="200">
<ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == &quot;true&quot;'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == &quot;true&quot;'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != &quot;&quot;'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == &quot;true&quot;'>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
</marquee>
<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems &gt; data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Kod ni diletak sebelum kod <ul... dan penutupnya selepas kod </ul>.

Sebelum save, sesuaikan paparan widget ikut kesesuaian blog anda berdasarkan warna-warna pink. Disebabkan ianya tersenarai panjang ke bawah, seeloknya scroll ke atas jadi biarkan "up" tu begitu. Scrollamount untuk kelajuan pergerakan; semakin besar nombor semakin laju pergerakannya. Tentukan width ikut kesesuaian sidebar. Height tu pula ikutle; nak lagi besar bukaan, besarkanlah heightnya. Jangan lupa untuk menutup marquee yang kaler biru yea.

Dua imej atas tunjukkan marquee yang tak jadi menggunakan 'template versi 2.0' bila diview melalui IE. Jadi bila korang nengok bloglist aku kat sidebar tu melalui IE dah ok (ala yang tajuk dia Yang Ini Blom Siap Lagi tu le); maknanya aku dah tukar ke 'template lama'. Jadi, tutorial ni sesuai untuk 'template lama' aja tau. Jangan ngengada tanya aku camana nak ejas kat 'template baru' - aku tak pandai :)

Eh dah siap. Apa lagi save le.....

Kemaskini: Aku tukar guna Multitab (fungsinya sama je). Paparan Bloglist ada dalam Tajuk Belog Kengkawan.

Cerita seterusnya »

Bertuah Punya Cabutan Bertuah!!!

Ini antara deraf yang aku peram agak lama. Aku tunggu keputusan interview sebenarnya tapi sampai hari ni senyap je...

Camni ceritanya. Rezeki orang rumah masa annual dinner syarikat dia kerja. Cam biasa adalah cabutan bertuah. Yang ini antara hadiah top 5. Seminggu jugak mulut dia tak boleh nak betul. Ingat nak bawak ke klinik

nasib baik minggu kedua dah ok.

Haaa... Inilah benda alahnya. Jeng jeng jeng... Nampak cam baru (memang baru punnn ^_^)

Kebetulan atuk Alya bagitau periuk nasi kat kampung dah rosak. Orang rumahpun dengan murah hati bagi yang ada kat rumah. Kena ujung minggu, nak masak nasi. Hallllemmmmmakkkkkk tak boleh guna daaaaaa.... Aku ingat dia tak pandai guna rupanya aku pun tak pandai kuangkuangkuang :)

Pusat servis terdekat - kat Taman Impian Emas, Skudai. Sebab barang baru, aku hantarlah untuk diperiksa apa masalahnya. Masa hantar tu bengang nak mampos. Sebab bila diorang scan warranty code - dah expired dekat dua tahun!!! Apa kes daaa...

Seminggu pas tu, pusat servis call; katanya IC board rosak. Kalau nak betulkan boleh. Harganya murah je RM195.00. Hambek kau. Yang ada kat rumah dah hantar kampung, pastu nak kena bayar RM195.00 untuk hadiah yang baru je dapat hahahahahahahahahah. Meh ketawa lagi hahahahahahahahahah.

Jadi, buat sapa-sapa yang baca cerita aku ni pastu jadi penganjur cabutan bertuah ke, GA ke; tak pun pergi mana-mana acara - dapat pulak lucky draw; ingat-ingatle dua benda yang aku gelapkan (bold) tu yea ^_^.

Last-last kitorang gi Giant beli baru lapan ploh hinggit. Keputusan yang aku tunggu tu (baca ayat kedua kat atas tu) ialah respond dari penganjur yang janji nak ganti lain, sampai sudah buat derkkkk je... aku kongsi ler cerita ni.


Ada tak yang pernah kena cam aku ni?

Cerita seterusnya »

Wordless Wednesday I

Larkin Perdana ^_^

Cerita seterusnya »