Cara Membuat Tulisan NEW Pada Postingan / Artikel Terbaru Blog

Biasanya membuat seperti ini adalah untuk memberi tahu pengunjung tentang artikel terbaru yang baru saja di buat. Dengan melihat tulisan ini pengunjung pasti akan tahu jika itu artikel terbaru (jika dia bukan seorang Bloggers karna jika seorang Bloggers pasti tahu bahwa artikel yang ada di homepage pada page pertama adalah tulisan terbaru atau artikel yang baru saja di update) dan siapa tahu mungkin saja dia tertarik untuk membacanya.

Tutorial membuat logo atau tulisan NEW ini memang sudah banyak dibagikan tapi mungkin saja sobat tidak tahu cara membuatnya. Nah, pada kesempatan ini saya akan membagikan tutorial cara membuat tulisan/logo NEW pada setiap postingan artikel terbaru yang ada di homepage Blog. Kebetulan tutorial ini ditanyakan oleh salah seorang sahabat blog dan baru dibagikan sekarang.

Logo/ Tulisan 'New' Pada Postingan Terbaru di Blog

Cara Membuat Tulisan NEW Pada Postingan/Artikel Terbaru di Blogger

1. Di Blog Blogger
2. Masuk ke menu Template→Edit Html
3. Letakan kode dibawah ini di atas kode ]]></b:skin> 

.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; }

4. Kode berwarna merah diatas adalah Url Logo nya bisa sobat ganti sesuai selera sobat, atau pilih dan ganti berbagai pilihan warna yang tersedia di bawah ini:

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

5. Selanjutnya cari kode ini <b:include data='post' name='post'/> ( gunakan CTRL + F ) untuk mempermudah pencarian dan ganti dengan kode di bawah ini

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

6. Save dan lihat hasilnya.

Ok sekian, selamat mencoba.