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.