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-
Susah bro,kalau boleh yang automatis aja :v
ReplyDelete.
Komen back:http://www.viendyputra.tk
kukira otomatis -_-
ReplyDeleteheadlines di blog kau aja manual !! , bukan otomatis , kalok otomatis gc bisa disesuaikan isinya.!!!!
Deletesok tau lu -_-
Deletewkwkwk ..
DeleteTak Coba Nanti Bro,
ReplyDeleteVist Back + Comment Back Nya :
http://edho-tech.blogspot.com/2013/07/cpu-komputer-seharga-mobil-avanza.html
makasih info nya sob..
ReplyDeleteBlog walking :D
tukeran banner yuk? rank alexa check aja http://sky-street.blogspot.com/2013/06/banner-skystreet-update.html
capek gan kalau manual, karena blog aku tiap hari update.
ReplyDeletethank bro, nanti tak coba juga.
ReplyDeletesangat bermanfaat mas ....
ReplyDeleteWah Keren Tutornya Tapi Kayaknya Lebih Suka Yang Otomatis Deh xD
ReplyDeletecommentback ya http://reza31.blogspot.com/ sekalian follbacknya ditunggu xD
kalau saya udah pakai yang otomatis lebih simpel gan :D
ReplyDeleteBermanfaat nih, walaupun manual tapi saya bisa pilih sendiri yang mana post yg paling populer, hehe xD
ReplyDeletehttp://yoga-tc.blogspot.com/
Ayo di ikuti > Award Best Design Template !!
ReplyDeletehttp://reza-jkt48.blogspot.com/2013/07/award-best-design-template.html
mantab infonya
ReplyDeleteKunjungan balik ya gan http://center60.blogspot.com
nice infonya
ReplyDeletecomment back http://sikey-center.blogspot.com