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
.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:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost == "true"'>
<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.
0 Komentar untuk "Cara Membuat Tulisan NEW Pada Postingan / Artikel Terbaru Blog"