Malam cuy!!! , saya mau ngasi ilmu sedikit , ntah kenapa visitor pada kabur semua , karena jarang ngeposting kurasa yaa!!, oke kalo gitu saya mau ngepost dulu selagi ada waktu , yang saya mau share kali ini yaitu untuk membuat headlines , headlines versi saya berbeda dengan headlines orang lain yang kebanyakan isinya merupakan postingan terbaru, yang secara otomatis berganti kalok kita buat postingan baru.
Headlines yang saya mau share lebih simple bisa di sesuaikan sesuai keinginan , dan isinya bisa diatur suka-suka secara manual .
yaudah deh capek jelasin mulu . langsung aja chek dibawah ini:
Ini merupakan Css nya(bisa di sesuaikan) :
#headlines{height:260px;width:300px;margin-left:50px;margin-top:20px;
background:#181818;border-radius:0px 0px 0px 0px;overflow:hidden;border:5px solid#ffee00;}
#headlines h2{color:#fafafa;background:#ffee00;text-align:center;padding-bottom:5px;padding-top:5px;}
#headlines ul li{line-height:1.5em;font-size:18px;list-style:square;margin-left:10px;margin-top:6px;}
#headlines ul li a:link{color:#fafafa}
Dan Ini kode html nyaaa!!!(letakan sesua keinginan):
<div id='headlines'><h2>Headlines</h2>
<ul>
<li><a href='Linknya' title='#'>Judul Link</a></li>
<li><a href='Linknya' title='#'>Judul Link</a></li>
<li><a href='Linknya' title='#'>Judul Link</a></li>
<li><a href='Linknya' title='#'>Judul Link</a></li>
<li><a href='Linknya' title='#'>Judul Link</a></li>
</ul>
</div>
Notice: -Css diletak diatas ]]>< -
-Css bisa di sesuaikan , kalok mau headlines yang bulat tinggal tambah border-radius.atau bisa juga ditambahkan efek hover .
-html nya bisa di letakan sesuai selera. di samping di atas di tengah , terserah!!!!
Oke kalok gitu cumak segini aja bisa saya jelasin , jika ada yang mau ditanya hubungi saya
DISINI .
- Jangan lupa tinggalkan komentar sedikit sebelum keluar-