Cara Membuat [Related Post] Secara Manual

Pada kesempatan ini saya mau posting sesuatu tentang cara membuat ralated pos,akan tetapi secara manual di blog


Cara membuat related pos secra manual di blog

Related pos secara manual tentu saja dari link yang di kelompokan dari label bersangkutan dari pos tersebut.Untuk membuatnya tentu sangat mudah sekali dan sangat baik karena tidak mengandung kode-kode yang dipasang untuk membuat related pos.

Keuntungan

  • Sangat ringan di blog karena berupa link dari pos lainnya
  • Tidak dengan kode related pos
  • Dibuat secara manual atau di tulis sendiri ,Anda bisa menyeleksinya sendiri

Contoh

<ul class="relat">
<li><a href='#'>Pos relat Anda </a></li>
<li><a href='#'>Pos relat Anda </a></li>
<li><a href='#'>Pos relat Anda </a></li>
</ul>

Sekarang tulis css untuk memberi gaya related pos tersebut dengan class [relat].Anda bisa membuatnya sendiri css tersebut atau sesuai dengan yang di bawah berikut

Contoh

.relat{;position:relative;width:60%;background:#efefef;padding:5px 10px;margin:0;border-left:3px solid #777777;color:#777777}
.relat li{list-style-position:inside;}
.relat:before{content:'related';width:20%;height:33%;background:white;position:absolute;right:0;padding:7px}
.relat a{text-decoration:none;font-size:14px;color:#777777}

Mungkin itu saja cara membuat related artikel secara manual

Labels: