Membuat Label "New" Pada Postingan Terbaru di Blog

6/18/2015

Biasa label "New" seperti ini, untuk menarik perhatian para pembaca tentang berita terbaru di blog kita dan membuat dia kepo sehingga dia klik berita baru tersebut.

   Bagi sobat yang belum tau cara menambahkan label/bacaan "New" pada artikel/postingan terbaru di blog sobat bisa di ikutin step - step dibawah:

  • Login ke Blogger
  • Klik Template > Edit HTML
  • Kemudian, tekan CTRL + F (untuk memudahkan pencarian) dan cari kode ]]></b:skin> atau </style>
  • Tambahkan kode dibawah ini tepat diatas kode ]]></b:skin> atau </style>
.first-post.post.hentry:before {content:"";width: 65px;height: 65px;position: absolute; right: -2px; top: -2px;background: url(http://4.bp.blogspot.com/-jb__k9KgBnw/U3O0IRFtykI/AAAAAAAABcI/VU43LPukJYw/s1600/New_green.png) no-repeat;background-size: 70px 70px; }

  •  Kode berwarna merah merupakan warna bacaan, bisa diganti dengan warna lain berikut:
http://1.bp.blogspot.com/-HcBBhEOAoO8/U3O0OvXs5zI/AAAAAAAABcg/Hz5xfoqQ9Q4/s1600/New_red.png
http://3.bp.blogspot.com/-MQLn5S7GFYA/U3O0QYZHq_I/AAAAAAAABco/QROhTQRJi-E/s1600/New_yellow.png
http://4.bp.blogspot.com/-jb__k9KgBnw/U3O0IRFtykI/AAAAAAAABcI/VU43LPukJYw/s1600/New_green.png
http://2.bp.blogspot.com/-HTqNQz_cnGo/U3O0Dfs9PBI/AAAAAAAABb4/9CLs39D511I/s1600/New_blue.png
http://3.bp.blogspot.com/-TkLIcm_PQo0/U3O0LjfLLrI/AAAAAAAABcY/BmuxEMhd4Z4/s1600/New_pink.png
http://4.bp.blogspot.com/-ElYQ5iWy8VQ/U3O0CWdxEBI/AAAAAAAABbw/d1KBMixKJxk/s1600/New_cyan.png
http://3.bp.blogspot.com/-jtkfkrj6wIo/U3O0KE6aeWI/AAAAAAAABcQ/D9sqeQ2jS-I/s1600/New_orange.png
http://1.bp.blogspot.com/-Kb_0fbq15EU/U3O0FDMLjkI/AAAAAAAABcA/-9sf0mmkbI8/s1600/New_black.png
  • Step terakhir, cari kode <b:include data='post' name='post'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost == &quot;true&quot;'><div class='first-post'><b:include data='post' name='post'/></div><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>

  •  Simpan, dan lihat hasilnya :)

Share this:

Related Posts

Previous
Next Post »

Aturan Berkomentar:
[+] Tidak Spam
[+] Tidak membuat konflik (SARA & Hinaan)
[+] Tidak menerima Link aktif (Atas Seizin Admin)
[+] Tutur kata sopan dan baik
[+] Emoticon list: EmoticonEmoticon