Cara bikin Headline News di Bawah Header

Opera Seo – Tempat Berbagi Ilmu, dibawah adalah teknik Kesehatan yang saya bagikan

Cara bikin Headline News di Bawah Header

Cara bikin Headline News di Bawah Header – Poetra Pakumis | siank ini admin RM akan berbagi Cara bikin Headline News di Bawah Header cara ini admin dapatkan situs atau blog Kompi Ajaib selanjutnya ini screenshotnya :

1. Login account situs atau blogger sahabat layaknya biasa.

2. Klik Template – Edit HTML (jagan lupa centang Expand Widget Templates).

3. Lalu cari kode ]]></b:skin> lalu letakan kode di bawah ini tepat diatas kode ]]></b:skin>.

.headline-wrapper{background:url(https://lh3.googleusercontent.com/-leV22rchdzc/UAP58mLNrFI/AAAAAAAADb4/sRUlcvkSIsA/s38/headline-bg.png) repeat-x;width:960px;height:30px;margin:0 auto;padding:0 auto}.headline{width:960px;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#4f4f4f;overflow:hidden;clear:both;margin:0 auto;padding:0 auto;text-shadow: 1px 1px 1px #000}.headline a:hover{color:#eace12;text-decoration:none}

Note :

catatan mempunyai warna merah itu ialah gambar yang akan menjadi background headline news sahabat. silahkan ganti cocok atau sepadan kemauan sahabat.

namun catatan mempunyai warna biru ialah ukuran lebar headline news. silahkan cocok atau sepadankan kemauan sahabat.

4. Kemudia cari kode </head> dan letakan kode di bawah ini diatas kode </head>.

<script src=’https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png’ type=’text/javascript’/><script src=’http://yourjavascript.com/82110833351/newsticker2.js’ type=’text/javascript’/><style type=’text/css’>.titlefield{ /*CSS for RSS title link in general*/text-decoration: none;}.labelfield{ /*CSS for label field in general*/color:#666;font-size: 100%;}.datefield{ /*CSS for date field in general*/color:#fff;font:normal 12px Arial;}#example1{ /*Demo 1 main container*/width: 900px;height: 12px;border: 0px solid #aaa;padding: 0px;font:bold 12px Arial;text-transform:none;text-align:left;background-color:transparent;}code{ /*CSS for insructions*/color: #fff;}#example1 a:link, #example1 a:visited {color:#60BAFA;text-decoration:none;}#example1 a:hover {color:#fff;text-decoration:none;}</style>

5. lantas cari lagi kode <b:section class=’header’ id=’header’ dan sahabat akan meliat kode layaknya di bawah ini

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’><b:widget id=’Header1′ locked=’true’ title=’Your Title (Header)’ type=’Header’><b:includable id=’main’>

6. Silahkan Copy kode di bawa ini dan letakan di bawah kode tadi.

<div class=’headline-wrapper’><div class=’headline’><div style=’float:left;padding:5px 5px 5px 10px;font:bold 12px Arial;color:#aeaeae;text-transform:none;’>Latest Posts :</div><div style=’float:left;width:800px;padding:5px 0; position:relative; overflow:hidden;’><script type=’text/javascript’>var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new")cssfeed.addFeed("Latest Movies", "http://poetra-pakumis.situs atau blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feedcssfeed.displayoptions("date") //show the specified additional fieldscssfeed.setentrycontainer("div") //Wrap each entry with a DIV tagcssfeed.filterfeed(10, "date") //Show 10 entries, sort by datecssfeed.entries_per_page(1)cssfeed.init()</script></div></div><div style=’clear:both;’/></div>

Note : Kode mempunyai warna merah bisa sahabat ganti kata-kata cocok atau sepadan kemauan sahabat contohnya : headline news, hot news dll.kode mempunyai warna biru ganti URL situs atau blog sahabat.

7. Sehingga hasilnya akan tampak layaknya di bawah ini.

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’><b:widget id=’Header1′ locked=’true’ title=’Your Title (Header)’ type=’Header’><b:includable id=’main’><div class=’headline-wrapper’><div class=’headline’><div style=’float:left;padding:5px 5px 5px 10px;font:bold 12px Arial;color:#aeaeae;text-transform:none;’>Latest Posts :</div><div style=’float:left;width:800px;padding:5px 0; position:relative; overflow:hidden;’><script type=’text/javascript’>var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new")cssfeed.addFeed("Latest Movies", "http://poetra-pakumis.situs atau blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feedcssfeed.displayoptions("date") //show the specified additional fieldscssfeed.setentrycontainer("div") //Wrap each entry with a DIV tagcssfeed.filterfeed(10, "date") //Show 10 entries, sort by datecssfeed.entries_per_page(1)cssfeed.init()</script></div></div><div style=’clear:both;’/></div>

8. Klik review Bilamana suda cocok silahkan klik simpan.

Nah, itulah artikel tentang Cara bikin Headline News di Bawah Header semoga artikel yang saya catat berguna bagi sahabat seluruh.

Apa bila Anda mendapatkan BROKEN LINK silahkan bersaran pada tempat yang sudah disiapkan.

Terima kasih telah berkunjung, semoga artikel Cara bikin Headline News di Bawah Header bermanfaat.

Tuesday, April 2, 2013

Cara bikin Headline News di Bawah Header