Cara Menandai Postingan Terbaru di Blog

Kode Iklan Di Sini

Cara Menandai Postingan Terbaru di Blog 

Cara Menandai Postingan Terbaru di Blog

sobat bloggers...cara ini adakah dengan menampilkan posting terbaru dengan sebuah tanda seperti ribbon. Nah untuk mencobanya silahkan ikuti langkah"-nya di bawah ini :

Masuk ke edit HTML lalu cari kode ]]></b:skin> atau </style>

lalu copy kode di bawah ini dan taruh di atas salah satu kode di atas.

    .newer-post {
    margin: 50px auto;
    width: auto;
    height: auto;
    background-color: none;
    position: relative;
    }
    .newer-post2 {
    font: bold 20px Sans-Serif;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -25px;
    top: 7px;
    width: 160px;
    background-color: blue;
    color: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    }
    .newer-post3 {
    width: 86px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -4px;
    right: -4px;
    }


berikutnya Anda cari kode ini ( masih di dalam edit template) ....<b:include data='post' name='post'/> ----gunakan CTRL+F untuk mempercepat pencarian.

jika sudah ketemu, ganti dengan kode ini :

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <div class='newer-post'>
    <div class='newer-post2'><div class='newer-post3'>NEW</div></div>
    <div class='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>

terakhir..simpan template Anda !!
Selamat mencoba , semoga artikel  Cara Menandai Postingan Terbaru di Blog 
dapat bermamfaat!


You Might Also Like:

Disqus Comments