Monday 1 July 2013

Cara Sederhana Buat Headlines.



 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-

17 comments:

  1. Susah bro,kalau boleh yang automatis aja :v
    .
    Komen back:http://www.viendyputra.tk

    ReplyDelete
  2. Replies
    1. headlines di blog kau aja manual !! , bukan otomatis , kalok otomatis gc bisa disesuaikan isinya.!!!!

      Delete
  3. Tak Coba Nanti Bro,

    Vist Back + Comment Back Nya :
    http://edho-tech.blogspot.com/2013/07/cpu-komputer-seharga-mobil-avanza.html

    ReplyDelete
  4. makasih info nya sob..
    Blog walking :D
    tukeran banner yuk? rank alexa check aja http://sky-street.blogspot.com/2013/06/banner-skystreet-update.html

    ReplyDelete
  5. capek gan kalau manual, karena blog aku tiap hari update.

    ReplyDelete
  6. thank bro, nanti tak coba juga.

    ReplyDelete
  7. sangat bermanfaat mas ....

    ReplyDelete
  8. Wah Keren Tutornya Tapi Kayaknya Lebih Suka Yang Otomatis Deh xD
    commentback ya http://reza31.blogspot.com/ sekalian follbacknya ditunggu xD

    ReplyDelete
  9. kalau saya udah pakai yang otomatis lebih simpel gan :D

    ReplyDelete
  10. Bermanfaat nih, walaupun manual tapi saya bisa pilih sendiri yang mana post yg paling populer, hehe xD
    http://yoga-tc.blogspot.com/

    ReplyDelete
  11. Ayo di ikuti > Award Best Design Template !!
    http://reza-jkt48.blogspot.com/2013/07/award-best-design-template.html

    ReplyDelete
  12. mantab infonya
    Kunjungan balik ya gan http://center60.blogspot.com

    ReplyDelete
  13. nice infonya
    comment back http://sikey-center.blogspot.com

    ReplyDelete

 
Copyright © KINQ | Powered by Blogger | Original : NewsPick | Redesign by ANDRI