Newspic Top Menu Ala Fastest Magz Original

Sekarang saya akan memberikan tutorial membuat widget top menu navigasi untuk blog, dan yang saya bagikanya yang terutama adalah Bagian Newspicnya, ini atas permintaan @DalahSouza , dan widget ini memiliki fitur yang sangat keren dan juga cocok untuk semua blog dan juga bisa anda simpan dimana saja cara ini sangatlah mudah dan juga kita hanya perlu menerapkan script HTML dan juga CSS, dan inilah kode kode yang harus kalian terapkan dan sisipkan pada template kalian.

Sisipkan pada kode ini di atas ]]></b:skin> Ataupun </style>

 /* HEADLINE NEWSPIC KAMISAMAZUNE.NET */
.newspic{float:left;font-weight:bold;font-size:11px;width:480px;overflow:hidden;margin:0;padding:0 0 0 20px;height:34px;line-height:34px;}span.breakingnews{text-transform:uppercase;color:#fff;float:left;line-height:25px;margin:5px 8px 5px 0;padding:0 8px;}.news a:link,.news a:visited{color:#000;text-decoration:none;}.news a:hover{color:#0099cc;text-decoration:underline;}.labelfield{color:#0099cc;font-size:100%;}.datefield{color:#aaa;font-weight:normal;}#example1{float:left;max-width:380px;overflow:hidden;padding:0;text-align:left;background-color:transparent;}#example1 img{display:none;}code{color:#0099CC;}#example1 a:link,#example1 a:visited{color:#0099cc;text-decoration:none;}#example1 a:hover{color:#555;text-decoration:none;}.tinynav2{display:none;width:590px;margin:0 auto;border-radius:0px;padding:5px 8px;background-color:#393939;color:#eee;font-weight:bold;cursor:pointer;outline:none;}.tinynav1{border-radius:3px;background:#f8f8f8;display:none;width:150px;margin:4px 20px 4px 0px;padding:3px 5px;float:right;border:1px solid #d3d3d3;outline:none;}

Dan Taruh kode ini di Tempat yang anda inginkan contoh di top menu , <*nav class='topmenu'>..kode disini...<li> jadi sebelum kode itu

<div class='newspic'>
<span class='breakingnews'>神様のZune News</span>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 5000, "_new")
cssfeed.addFeed("Feed Blog", "http://kamisamazune.net/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("span") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>

dan kalian juga harus menerapkan atau menyisipkan kode HTML ini Dan Hanya menyisipkan kode tersebut kalian bisa membuat sebuah Info News pada blog anda, dan jangan lupa ganti http://www.kamisamazune.net anda dengan link yang mau dipasang diblog. Dan Semoga Pengunjungnya cepat Ramai :D harap hapus tanda *

Tag : Tutorial

KAMISAMAZUNE

Newspic Top Menu Ala Fastest Magz Original

1 Komentar untuk "Newspic Top Menu Ala Fastest Magz Original"

Widget