Share

27 Juli 2017

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).

Label Keren Kompas

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 !

    Choose :
  • OR
  • To comment
Tidak ada komentar:
Write komentar

Terima kasih atas minat Anda terhadap Kotak Komentar ini.
Berkomentarlah sesuai topik.
Dilarang Keras menautkan Link !!!

Terbaru
Back to top