Home » » Bloglist Yang Tak Siap

Bloglist Yang Tak Siap

EmpayarUtama - Monday, June 18, 2012 : 24 comments

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.




24 Comments

24 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. walau dalam sibuk namun EU masih ada masa mencuba edit blog yer...bagus bagus dan maceh sbb senaraikan blog eyza dalam bloglist EU... =)

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

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

    ReplyDelete
  5. 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
  6. salam;
    bagus juga sebenarnya untuk kemajuan diri sendiri dalam berblog ni...terimakasih kerana bloglistkan blog aku...

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

    ReplyDelete
  8. 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
  9. @ 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
  10. knpa lagu kt blog awk mcm sangkut2 ,apa2 pun like ur blog .i follow u... follow me back

    ReplyDelete
  11. rajinnyerr empayarutama ni kan. huhuhu

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

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

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

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

    ReplyDelete
  16. @ Zul De Alexis;

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

    ReplyDelete
  17. 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

Tulisle apa pun, aku baca ^_~