-->
fLWeAsNtTDyJ8LBwFzvbLJXLfZMxZVmQ7RFnAnMp

Membuat Label Blog Ala KompasCom

Membuat Label Blog Ala KompasCom - Tower antena-nya Jz27XD boleh menjulang tinggi. Tapi kalah menjulang dengan nama besar nama besar "Kompas Gramedia". Siapa XD, siapa Kompas?  Xd adalah salah-satu figur penting dalam kepengurusan organisasi RAPI Wilayah 08 Serui....lalu ?

Membuat Label Blog Ala KompasCom

Siapa sieh yang tak kenal Kompas ? Dolo kita mengenal Kompas dengan exsemplar Korannya atau dengan istilah keren-nya Media Masa. Keluarga Kompas Gramedia ini sekarang memiliki koran online dengan nama Kompas Com dan Kompasiana. Kompas.com salah-satunya merupakan situs terdepan dalam hal berita-berita baru (breaking news).

KompasCom adalah sebuah portal web yang berisi berita dan artikel daring di Indonesia. Situs interaktif yang nyaman dibaca dan enak di pandang mata. Coba lihat Homepage KompasCom, Category webnya (LABEL) yang menempel pada gambar atau Thumbnail, lalu Slide shownya. Banyak hal yang bisa kita pelajari dari KompasCom ini.

Mari kita menginjak pada langkah pembuatan Label Blog Ala KompasCom ini. Lalu Copas kode  Label dibawah ini diatas kode ]]></b:skin>

.post-rehan a{background:#0db24b; line-height:normal; top:0px; left:0; position:absolute; color:#fff; font-size:15px; font-weight:600; text-transform: capitalize; padding:6px 12px;}
.post-rehan a:hover{color:#fff;}

Lalu Langkah kedua, sisispkan kode berikut diatas kode </body>

<div class='post-rehan'>
<span>
<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><b:if cond='data:label.isLast == &quot;true&quot;'><data:label.name/></b:if></a>
</b:loop>
</span>
</div>

Simpan Template lalu lihat hasilnya.
Ada kesulitan dengan Cara Membuat Label Ala KompasCom ini silahkan sobat pergunakan komentar untuk bertanya.
Happy Blogging !
Artikel Terkait

Related Posts

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Baca lebih lanjut tentang Comment Policy
Buka Komentar

Post a Comment