Collegecommunities.blogspot.com

Selasa, 05 Maret 2013

Cara Memasang Headline News di Blog




Headline News di blog adalah salah satu fitur blog yang juga membuat blog anda tampak menarik dan keren. Jika didunia nyata headline news menampilkan berita-berita terbaru, maka headline news di blog juga menampilkan postingan-postingan terbaru dari blog anda. Langsung saja deh, buat anda yang ingin memasangnya juga seperti yang ada di blog saya ini, silahkan ikuti langkah singkat dibawah ini.



Cara Memasang Headline News di Blog :


  1. Login ke akun blogger anda

  2. Klik Template > Edit HTML lalu centang pada Expand Template Widget

  3. Cari kode ]]></b:skin> lalu letakkan kode dibawah ini tepat diatasnya

    Klik Buka untuk Melihat Script:


    /* News Ticker Wrapper

    ---------------------------------------------*/

    .newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFHzu4O0srPAqh1yIWY56C0foq9N6JBIAsbi7sm45a9xSLiENBARxv3DiikVOUhxkqDZNTlVE-56TK_NRgJYRiRO5-9mNzflfJR5olKdScl-yPFp3kXqSctA7JsUm3h7N_SVQ96VIUR4/s1600/cth-2.gif) no-repeat top left;width:910px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}

    .news {width: 910px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}

    .news a:link, .news a:visited{color:#fff;text-decoration:none;}

    .news a:hover {color:#ddd;text-decoration:underline;}



    Keterangan :


    • Silahkan ganti Url gambar dengan yang anda mau, contoh gambar yang bisa anda gunakan, bisa anda lihat di blog temen saya disini

    • sesuaikan juga lebar headline news dengan lebar blog anda, silahkan sesuaikan angka yang berwarna biru diatas



  4. Selanjutnya cari kode </head> , kemudian letakkan kode dibawah ini tepat diatas </head>


    Klik Buka untuk Melihat Script:








  • Selanjutnya copy kode dibawah ini ,dan letakkan sesuai keinginan anda bisa dibawah navigasi menu atau diatas navigasi menu seperti blog saya ini.



Klik Buka untuk Melihat Script:














Peletakka



Tidak ada komentar:

Posting Komentar

 
Support : Ok Siip | Creating Website | Aa Rizal | Aa Rizal | Pusat Informasi
Copyright © 2011. Take What You Want - All Rights Reserved
Template Created by Creating Website Modify by CaraGampang.Com
Proudly powered by Aa Rizal