Cara Membuat Logo New Pada Setiap Postingan Terbaru Di Blog

Klo liat gambar diatas, pasti sobat udah tau kan tujuan tutorial ini untuk apa !!! Fitur yang satu ini cukup menarik (keren coy), Setiap sobat posting artikel baru, langsung muncul logo NEW pada Postingan Homepage Blog Sobat. Dari pada Penasaran banget,,Mending langsung kita Cobakk,,!!

Nieh ane kasih tau caranya, Cekidooott :

• Login Blog Sobat
• Edit Template Blog
• Kemudian Cari Kode ]]></b:skin> dan letakkan Kode dibawah ini tepat diatas kode ]]></b:skin>

.wrapperwha12{margin: 50px auto;width: auto;height: auto;background: transparent;position: relative;}.ribbonwha123{font: bold 20px Sans-Serif;text-align: center;transform: rotate(45deg);
-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);position: relative;padding: 7px 0;left: -25px;top: 7px;width: 160px;background-image: linear-gradient(top, #129, #12f);
background-image: -o-linear-gradient(top, #129, #12f);background-image: -ms-linear-gradient(top, #129, #12f);background-image: -moz-linear-gradient(top, #129, #12f);background-image: -webkit-linear-gradient(top, #129, #12f);
color: #fff;-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}.ribbonwha-wrapper12
{width: 86px;height: 88px;overflow: hidden;position: absolute;top: -4px;right: -4px;}

• Kemudian cari lagi kode <b:include data='post' name='post'/> dan Ganti dengan kode dibawah ini :

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost == &quot;true&quot;'><div class='wrapperwha12'><div class='ribbonwha-wrapper12'><div class='ribbonwha123'>NEW</div></div><div id='first-post'><b:include data='post' name='post'/></div></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...!!

Selamat Mencoba, Semoga berhasil..!! :D

BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin