Home » » Bloglist Yang Tak Siap

Bloglist Yang Tak Siap

Empayar Utama - Monday, June 18, 2012 : 25 comments

Nota: Paparan untuk cerita ni dah tak ada bila aku selesa dengan penggunaan multitab. Tapi boleh ke belog demo untuk lihat demonya (itupun kalau aku dah hapdetlah ya hehe)

Setuju dengan komen baguznet masa aku mintak pandangan pengguna blogspot - mana lebih baik 'template lama' atau 'template versi 2.0' bila 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 <ul dan penutupnya selepas </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 kepada 'template lama'. Jadi, tutorial ni sesuai untuk 'template lama' aja tau. Jangan ngengada tanya aku camana nak adjust kat 'template baru' - aku tak pandai :)
Eh dah siap. Apa lagi save le.....


related posts plugin for wordpress, blogger...

^_^

25 comments:

  1. Rajin dan berani mencuba EU ni..


    P/s: Ha ah kan..lama betul kita x bertanya khabor..kemana kao mghilang EU oii??

    ReplyDelete
  2. @ Mak Lagenda;
    ye lah mak, 3 bulan lepas memang sibuk (sibuk men golf hahahahahahah)

    ReplyDelete
  3. walau dalam sibuk namun EU masih ada masa mencuba edit blog yer...bagus bagus dan maceh sbb senaraikan blog eyza dalam bloglist EU... =)

    ReplyDelete
  4. terfikir2 .....kut2 blog remy masuk dlm senarai....... he3

    ReplyDelete
  5. try view guna IE blog saya, mmg bloglist bertindih2...nak mencuba sesuatu tp xreti pulak...sudahnya terbiar je mcm tu...

    ReplyDelete
  6. wooo.. cantik la.. suke tengok bile dye scroll sendiri naik atas.. hehe.. bleh cube!! thank you!!

    n btw, link yg EU bagi tntg kenangan bersama arwah bapa EU di komen blog sya tu, sy da terdelete. bleh bagi ag tak?

    maaf myusahkan pulak.. *_*

    ReplyDelete
  7. salam;
    bagus juga sebenarnya untuk kemajuan diri sendiri dalam berblog ni...terimakasih kerana bloglistkan blog aku...

    ReplyDelete
  8. saya pun suka template yg lama tu. lg senang dan mudah. yg baru ni x brp nak suka sgt. huhuhuhu

    ReplyDelete
  9. PPP tetap suka template lama lebih "classic" EU jan lupa add PPP tau he he he (buat muka x malu boleh??)

    Goodbye le kenangan lalu.. ^^ http://paripariputih.blogspot.com/2012/06/good-bye-le-kenangan-lalu.html

    ReplyDelete
  10. @ miss_eyza;
    kadang-kadang tengah malam susah nak tido, tu yang godeh sana sini blog sendiri

    @ Remy hazza;
    ada tu ^_^

    @ Aishah Jahirah;
    saya perasan ada satu javascript yang kamu terdelete (script www.google.com/jsapi) sebab bloglist kamu yang pertama tu ada 31 senarai. Jangan kata IE; guna Chrome atau Mozilla pun tak berfungsi...

    Banyak kerja tu - cuba tukar template asal dulu (picture window) pastu baru letak balik segala bagai kaler, imej dan kod yang kamu nak tambah. Semoga berjaya :)

    @ ϟ Zeera AzZahra;
    Sampai hati awak buang semua komen saya (sedey); tak pe sebagai balasan saya masukkan blog awak dalam bloglist saya. Tapi memang homepage awak je boleh tengok di IE; nak archive tak boleh langsung

    Kalau nak baca balik cerita lama pasal abah; pergi sini dan tekanle link no. 21, 20, 22 dan 6

    @ Kancil 8349;
    @ yusuflaili(Goku);
    @ Sue-Rya Qistina ;
    Terima kasih ^_^

    @ PariPariPutih;
    siapppp..... ^_^

    ReplyDelete
  11. knpa lagu kt blog awk mcm sangkut2 ,apa2 pun like ur blog .i follow u... follow me back

    ReplyDelete
  12. rajinnyerr empayarutama ni kan. huhuhu

    ReplyDelete
  13. Wah-wah rajinnya dia..tapi sedikit complicated la..Lamanya tak singgah sini :)

    ReplyDelete
  14. @Mohd Izzar;
    @Diana Azis;
    @caliph shuriken;
    Makasih singgah dan komen, nanti saya jengah yea. Mandi jappp ^_^

    ReplyDelete
  15. hohoho.. thanks ye blh try ni.. lama tak menyinggah sni

    ReplyDelete
  16. haaa? balasan ke hadiah tu? hahaha.. terima kasih EU.. :)

    ReplyDelete
  17. @ Zul De Alexis;

    siapppp..... ^_^
    (sori lambat baca komen ko nih. Masih sakit gigi...)

    ReplyDelete
  18. Maaf kerana lama tak jengah ke sini. Saya sahaja menyibukkan diri membaca buku daripada online. Apa yang nampak, jadilah diri encik untuk memilih yang mana lebih untuk encik. InsyaALLAH, encik akan bahagia dengan pilihan itu.

    ReplyDelete

Tulislah apapun, aku baca...