Drop Down Recent Post atau Coments

Oleh Ade Sanusi

10.22.2008

Bagikan :

Tweet

Drop Down Recent Post atau Coment, Pasti belum belum pernah dengar atau lihat sebelumnya :D Ok ini Spesial buat anda lho... sehabis keliling ke Blog Kang Rohman, O-OM dan teman yang lainnya, ternyata O-Om belum Pulih :D dari Males yang menghinggapinya, /* Mungkin Pengaruh Krisis Keuangan Global kali yah...:D */ ya udah O_M di tunggu artikel berikutnya dan tetap semangat /* saya belum berhasil Om yang Thumbnail pada Follower */, masih eror kepala :D dan belum saya kasih tau deh Om.. Nah pas cek Blognya Kang Rohman eh Alhamdulillah saya dapet link di postingannya, secara tidak sengaja bisa nambahin trafik nih ke blog saya :D untuk itu supaya tidak kecewa, saya berikan Artikel Terbaru yang SPesiALL banget buat temen-temen semua. Sebelumnya saya Berterima kasih buat Ansku Blogger yang bilang Salut dengan Ide ide terbarunya DB :D sukses Bro, kuncinya jika ingin menemukan hal baru berawal dari Mengapa ada ini, mengapa ada itu....?


Saya Rekomendasikan membaca membaca artikel ini sebelum pada tahap berikutnya.

• Widget Tabbed Feed
• Komentar atau Artikel terbaru via Widget Feed  
• Drop Down Pada Label Postingan 
• Horizontal Recent Post (Horizontal pada artikel atau komentar terbaru)
  

Jangan Lupa Berkomentar, karena komentar Dunia Blogger sedikit sedikit gak kayak OM dan Kang Rohman :D


Silahkan Pasang Widget Feed dan Isi dengan Alamat Feed, terserah mau komentar terbaru atau Artikel terbaru. Penjelasannya ada di Artikel Rekomendasi di atas. Saya Sarankan supaya nantnya mudah mencari kodenya silahkan berikan nama dengan nama Artikel Terbaru atau Komentar Terbaru



Silahkan Masuk ke Blogger dan Seperti Biasa pergi ke Edit HTML dan Klik Expand Widget Templates

Cari Kode Feed1 atau Feed2 atau selanjutnya tergantung kondisi pada blog anda. jika mengikuti saran saya sebelumny cukup lakukan pencarian dengan kata Artikel Terbaru atau Komentar Terbaru dan untuk memastikan kebenarannya cukup cek di sampinggya ada bacaan feedx dimana x adalah angka..... lihat gambar.
Jika Sudah Silahkan Cek Kodenya dan cari kode ini

<ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <b:loop values='data:feedData.items' var='i'>
        <li>
          <span class='item-title'>
            <a expr:href='data:i.alternate.href'>
              <data:i.title/>
            </a>
          </span>
          <b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != &quot;&quot;'>
              <span class='item-date'>
                &#160;-&#160;<data:i.str_published/>
              </span>
            </b:if>
          </b:if>
          <b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != &quot;&quot;'>
              <span class='item-author'>
                &#160;-&#160;<data:i.author/>
              </span>
            </b:if>
          </b:if>
        </li>
      </b:loop>
    </ul>

Silahkan ganti Kode Diatas Dengan Kode ini:

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Dropdown Recent Post by [Dunia Blogger]</option>
      <b:loop values='data:feedData.items' var='i'>
          <span class='item-title'>
            <option expr:value='data:i.alternate.href'>
              <data:i.title/>
            </option>
          </span>
      </b:loop>
    </select>

Berikut Hasilnya:

Kode di atas Saya Singkat yang bisa Tampil hanya Judlunya saja. Adapun Jika ingin Full, tanggal dan authornya kodenya seperti ini:




<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Komentar Terbaru...</option>
      <b:loop values='data:feedData.items' var='i'>
          <span class='item-title'>
            <option expr:value='data:i.alternate.href'>
              <b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != &quot;&quot;'>
              <span class='item-author'>
                <data:i.author/>&#160;-&#160;
              </span>
            </b:if>
<b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != &quot;&quot;'>
              <span class='item-date'>
                &#160;-&#160;<data:i.str_published/>
              </span>
            </b:if>
          </b:if>
          </b:if><data:i.title/>
            </option>
          </span>

Selesai deh Tutorialnya :D Kemudian Silahkan Simpam Hsil Kerjanya dan Semoga Berhasi. :) Berexperiment bersama Dunia Blogger.

Tag : Tips and Trik, Unik