Cara Terbaru Membuat Latest Post News Pada Blogger

Hari ini saya akan menunjukkan bagaimana anda dapat Membuat Latest Post News pada blog. Blog WordPress dapat menambahkan hal-hal ini dengan mudah hanya dengan mengupload plugin tapi di blogger kita harus menambahkan kode secara manual untuk itu. Jadi widget ini akan menampilkan 10 (bisa ditambah atau dikurangi) posting terbaru blog anda di kotak ticker. 

Ticker ini sepenuhnya otomatis dan anda hanya perlu menambahkan URL blog anda dan akan di perbarui posting baru secara otomatis. Live Demo widget ini dapat dilihat dengan mengklik tombol demo di bawah ini.

DEMO

Setelah anda melihat demo, sekarang kita lanjutkan dengan instruksi tentang bagaimana anda dapat menambahkan ticker berita ini ke blog anda.

MENGEDIT HTML BLOG ANDA

Pertama login ke Blog Template → Edit HTML. Tekan Ctrl+F dan cari kode <div id='content-wrapper'> dan tambahkan kode yang dibawah ini tepat di atasnya.

<div style="width:970px;height:20px;position:relative;">
<script type="text/javascript">
var blog_url = "http://www.allbloggertricks.com";
var latest_post = 10;
var scrolling_speed = "8";
var close_button = false;
var info_text = true;
</script>
<script src="http://files.allbloggertricks.com/Scripts/abt-ticker.js"></script>
</div>
<br />
<br />
<div style='clear:both;'/>
PENGATURAN 

Mengedit sedikit kode di atas sesuai dengan keinginan anda : 

var blog_url - Tambahkan URL blog anda dengan mengganti http://mirzabasri.blogspot.com 
var latest_post - Jumlah posting yang ingin terlihat di ticker 
var scrolling_speed - Kenaikan/Penurunan nomor untuk menambah/mengurangi kecepatan
var close_button - Jika anda ingin menambahkan tombol close di ticker 
var info_text - Jika anda ingin menghapus/menyimpan teks "Artikel Terbaru" dan RSS ikon. 

Setelah melakukan perubahan simpan template anda. 

Pekerjaan selesai. Sekarang anda dan pengunjung blog anda dapat melihat Latest Post News di blog anda.

Semoga Bermanfaat. 

1 comments:

Terimakasih atas informasinya min, sangat bermanfaat!
Jangan lupa kunjungi website kampusku yukk walisongo.ac.id

Reply

Post a Comment