Cara Menandai Postingan Terbaru di Blog

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!


Comments

  1. NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
    NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.



    :b02: |o|

    ReplyDelete
  2. terima kasih infonya gan, sangat bermanfaat :c03:

    ReplyDelete

Post a Comment

۝ Peraturan dalam berkomentar :

☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

☭ Copyright © 2014 - 2015 - Anaktimor17 Blog® by Markus Kono ✓

Popular posts from this blog

Contoh Surat Lamaran Kerja di Indomaret Terbaru 2018

Cara Melamar Kerja PT. Musashi Auto Parts Indonesia 2019

Cara Melamar Kerja di PT Astra Honda Motor Secara Online