18 Sep 2008

Dropdown Pada Label Postingan

Habis Keliling ke Blognya Kang Rohman yah Sekedar nyari inspirasi Buat nyari yang baru. Nah Saya Mampir deh di Blognya dan Baca Artikel yang Ini [Membuat Sidebar dalam Kotak-kotak terpisah] sekalian Komentar dan bartanya di Sana ada yang menarik, Dropdown Menu untuk Archive dan Label Ternyata Penuh /full sesuai ukuran Sidebar :d sedangkan di DB ngga..! Makasih kan Udah Memberikan Ilmunya ke saya, dan melalui shoutbox juga :D OK Sekian Basa Basinya yah... Setelah Mampir dan Berhasil Eh Saya Dapet Ide Baru Nih akhirnya... Ini Dia Idenya... :)
Coba Lihat Gambar di Atas atau cek Dunia blogger pasti Label yang Biasanya berada di Footer Postingan Posisinya Kesamping kan Sekarang jadi Drop Down :D mau juga...? nih tutorialnya:
Bermodal Ilmu dari Kang Rohman mengenai Label menjadi Dropdown /Dropdown pada Label dan apa lah istilahnya:d saya mencoba mengaplikasikannya pada Label Postingan, /* itu tuh yang suka ada di bawah Postingan kita */

Sekalian Kang Saya Numpang Pasang tutorialnya di sini:d bagi yang sudah tahu, langsung aja yah ke TKP no 2 :s

1] Dropdown pada Widget Label,...

Kalau yangini sekedar menambah basic/dasar aja, toh udah banyak yang bisa kok :d saya aja yang ketinggalan :d
Silahkan Login ke Blogger, Pilih LayOut, dan EditHTML dan Klik Expand Widget Template selanjutnya Silahkan Cari Kode Ini:


<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
Tahap berikutnya Silahkan Ganti Kode di Atas dengan kode ini:


<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Cari Berdasarkan Kategori...</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
 
Jika sudah silahkan Simpan dan lihat hasilnya. dan Nantinya Label yang biasanya Tampilannya Ke Bawah, Menjadi Drop down, dan Tempat yang dibutuhkan Sedikit, dan mempercpat Loading blog kita :D


2] Dropdown Pada Label Postingan

Nah Ini yang ditunggu-tunggu kan :d Dunia-Blogger berusaha menampilkan Artikel yang Belum ada Sebelumnnya :D Oh ia Promosi Artikel yang tentang Label juga [Modifikasi label Postingan] yah mudah-mudahan aja bermanfaat:D

Silahkan Cari Kode yang Seperti Ini: /*yang tebal  yah :d */
<p class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>

      </span>
</p>

Supaya Lebih Gampang, Silahkan Cari kode ini aja  <data:postLabelsLabel/> dan cocokan sama gak ma yang atas :D
Ganti kode yang Miring Warna Biru dengan Kode di Bawah ini:


<select onchange='location=this.options[this.selectedIndex].value;'>
<option value='http://www.duniague.net/2008/09/dropdown-pada-label-postingan.html'>Label Post [X]</option>
          <b:loop values='data:post.labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
      </option>
          </b:loop>
</select>

Silahkan Simpan Hasil Setingan Kita dan Eng Ing Eng...:d jadi deh... Nah Biasanya di Sampingnya Ada Bacaan Label/Labels, Jika Ingin Menggantinya dengan Tulisan "Artikel ini Masuk Kedalam ketegori" Misalnya :D Silahkan Hapus Kode <data:postLabelsLabel/> dengan Tulisan di atas:d Selamat mencoba dan Semoga Berhasil :)
Sayang jika ILMU hanya Sekedar COPY, PASTE, Kembangkanlah sesuatu hal yang bermanfaat dan menjadikan sesuatu hal yang Baru :) Salam Blogger, Berinspirasi, Bereksperimen, Cari Hal Baru Bersama Dunia Blogger
Description: Dropdown Pada Label Postingan Rating: 4.5 Reviewer: JONI PINEM - ItemReviewed: Dropdown Pada Label Postingan Hot News!!! "Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda"
Share on :

0 komentar :

Posting Komentar

Mau tukeran link? silakan buka Link sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.

 
© Copyright Dunia GUE 2011 - Some rights reserved | Powered by Blogger.com .
Template Design by Herdiansyah Hamzah | Jejaringkan Kami di Jejaring Sosial (duniague.net)