Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Kamis, 18 November 2010

Memasang Newsticker Di Blogger

Kategori : ,
Sudah cukup lama tidak menulis tentang Trik Blog, di karenakan kehabisan ide dan ketertarikan dengan dunia game. Maaf untuk para Followers blog ini karena ada penambahan kategori pada Oketrik Blog ini, bukan pergantian kategori. Tujuan saya menambahkan kategori baru pada blog ini adalah atas permintaan teman saya. Apa saja kategori yang di tambahkan? diantarnya, Cheats Games, Free Download, dll (silahkan jelajahi kategori terbaru dari blog ini yang tidak kalah menariknya).
Nah bagi yang kangen sama Trik Blog di blog oketrik ini, tenang saja rasa kangen kalian mudah - mudahan hilang dengan membaca artikel ini sebab artikel ini bertema Trik Blog dan berjudul Memasang News Ticker Di Blogger. Untuk Trik Blog kali ini tidak kalah kerennya dengan Trik Blog yang lainnya, g percaya? lihat aja demonya di bawah ini.

Demo








Bagaimana keren bukan? hmm kalau tidak keren ya tidak usah di pasang di blog anda tapi kalau anda anggap keren dan ingin memasangnya di blog anda, silahkan ikuti langkah di bawah ini.
  1. Login ke Blogger
  2. Klik Rancangan >> Elemen Halaman (biasanya kalau anda sudah mengklik tulisan Rancangan, anda sudah berada pada halaman ini)
    Memasang News Ticker Di Blogger
  3. setelah itu tambahkan sebuah gadget
    Memasang News Ticker Di Blogger
  4. lalu pilih yang HTML/Javascript
    Memasang News Ticker Di Blogger
  5. dan masukan kode di bawah ini kedalamnya


    <style type="text/css">
    #rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
    #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
    #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
    #rp_plus_img li{height:60px;padding:5px;list-style:none;}
    #rp_plus_img a{color:#FFF;}
    #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
    #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
    </script>
    <script src="http://btuneup.googlecode.com/files/rpplusimgnt-v1.0.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    var speed = 400;
    var pause = 2500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img"><script>
    var numposts = 10;
    var numchars = 125;
    </script> <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
    </script></ul>

    Penjelasan :
    • Untuk membuang garis tepi ubahlah nilai 1px menjadi 0 pada kode border:solid 1px #585858;
    • Untuk mengubah background ubahlah nilai #2f2f2f pada kode background-color:#2f2f2f; atau jika tidak ingin menggunakan background buanglah kode tersebut
    • Untuk mengubah warna font judul artikel ubahlah nilai #FFF pada kode color:#FFF
    • Untuk mengubah warna font artikel ubahlah nilai #DEDEDE pada kode color:#DEDEDE
    • Untuk mengubah ukuran gambar mini ubahlah nilai 55px pada kode width:55px; dan kode height:55px;
    • Ubahlah nilai 400 pada kode var speed = 400; untuk mengatur kecepatan
    • Ubahlah nilai 2500 pada kode var pause = 2500; untuk mengatur lamanya artikel tersebut tertahan (pause) sebelum diganti artikel berikutnya
    • Ubahlah nilai 10 pada kode var numposts = 10; untuk menentukan jumlah artikel yang akan ditampilkan
    • Ubahlah nilai 125 pada kode var numchars = 125; untuk menentukan jumlah karakter artikel yang akan ditampilkan
    • Feed harus diset "Penuh" melalui "Pengaturan - Feed Situs - Izinkan Feed Blog : Penuh"
  6. Setelah itu beri judul dan klik tombol simpan
    Memasang News Ticker Di Blogger
Keren dan mudah dalam memasang ke blog sobat, itulah yang bisa oketrik berikan kepada pengunjung setianya, namun sepertinya bukan itu saja yang dapat oketrik berikan, masih banyaaaaaak... ! lagi yang akan oketrik berikan kepada pengunjung setianya. Terima kasih dan Happy Blogging.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

15 Komentar untuk Memasang Newsticker Di Blogger

boleh juga nih mantap...thanks sob...

weee dicoba dulu ya mas . . .. manteb nih, tapi nyedot BW ga ya?

wah, kalau artikel diatas ditambah dengan Emoticon2 yg lucu2 dan sangat Ekspresif yg ada diblog saya, makin manteb deh blognya, jadi lebih hidup artikelnya :thumbs up

wah saya dah pernh makaigan,,,mksh infona,,,
facemot@ spertiny kata2 mu persis ama dib logku,,,hehhe :D

Bisa dicoba nih.. Terimakasih kawan..

memang oke sih mas, tapi ada satu masalah. pas kita klik dibagian gambar , kok yang muncul blog ini sih : http://modification-blog.blogspot.com/, blog yang membuat trik ini kali ya?. bisa diganti gk mas dgn blog kita. mohon banget ni mas, sy gk ngerti tentang jquery, jadi saya gk bisa ngerubah. kalau mas liat di blog ini : www.mirza-xp.tk, pas kita klik gambarnya lgsung menuju tkp, artinya sama hal nya dgn kita mengklik judul artikel tsb, gk pake nyasar ke blog lain. makasi mas,

rika - bali

ia mas, saya sependapat sama rika, mas bisa gk ngelakuin yang di req oleh rika di atas? mudah mudahan bisa. amin. jadi mas bisa kami anggap gak sekedar mencontek trik dari http://modification-blog.blogspot.com/. sekian dan terima kasih.

@rika >> sebenarnya saya sudah jawab pertanyaan qm di fan page oketrik, namun karena dia ingin dibuatkan postnya maka saya buatkan Dsini

@andi >> silahkan ke sini mas

Mantap Lah ini yang dicari, do coba ya gan,..
www.mhudori86.blogspot.com

wkwkwkwkwkwkwkwkwkwkwk oyech"

Thanks Bro...
http://pracomp.blogspot.com/

Thanks mas, sangat bermanfaat. sudah saya pasang hasilnya excellent

nie widget news ticker update liputan 6 untuk mengetahui berita yang terbaru gan.

http://blujer.blogspot.com/2011/11/widget-news-ticker.html

Mantap, mas bro, cuma, kalo masuk ke artikel lain, kenapa ga bisa nampilin apa-apa alias kosong. Mohon pencerahannya.

wah.. ini udah lama ya...
tapi izin coba dulu, siapa tau masi work