Cara Membuat Running Teks Berita dari Blog

Pernah melihat televisikan? :D pastinya pernah. Saat ini Televisi yang ada sudah banyak menyertakan running teks yang berisi headline berita. Kita dapat mengetahui headline atau berita terbaru secara singkat. Sekarang kita akan membuat running teks yaitu tulisan berjalan yang isinya judul tulisan-tulisan terbaru blog kita.

Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap.

Cara Membuat Running Teks Berita dari Blog Kita
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript">
var hn_url_blog = "http://rifaiviruscinta.blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#FF0000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = false;
</script>
<script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js">
</script>

Ganti http://rifaiviruscinta.blogspot.com/  dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.

5. Simpan jika sudah selesai.Description: Cara Membuat Running Teks Berita dari Blog Rating: 4.5 Reviewer: rifai - ItemReviewed: Cara Membuat Running Teks Berita dari Blog

Rifai Read

Icon Burung Twitter Berterbengan

Siapa yang tidak punya twitter? Buat saja, sekarang ini sudah jamannya twitter. Dulu sudah belajar bagaimana menampilkan status twitter di blog. Kali ini akan belajar membuat mainan baru yang lucu menurut saya. Apakah icon dari twitter? Iya betul, jawabannya adalah Burung. Jika tweet kita itu sama dengan ocehan, maka burung itu cara bergeraknya bagaimana? Iya betul, burung itu hewan yang bergerak dengan terbang.

Bagaimana seandainya twitter kita terbang? Eh, bukan twitter tapi iconya yang berupa burung tadi berterbangan di blog kita? Kelihatannya akan menarik dan lucu, Horee,, burungku berterbangan di blog :D. Burung yang menjadi icon twitter ini yang akan ada link yang menuju profil twitter ini akan berterbangan di blog kita, sehingga akan menarik pengunjung blog. Dan bisa jadi akan mengklik dan memfollow twitter kita.

Cara Membuat Icon Burung Twitter Berterbangan di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisXfBKl3PKN0kT2VMmOnxsDleRWg-D9zJH6nCXaga_VnoPsg37YPg01uAGMaQJl9HwBMJus-6DHQt33BEGFlw3x_pq3zmdOv4NuDMhezw-bLWiHGiRXBPhZjNX44ERzhDYE82kYyjRvlo/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/rifai_aziezah";var tweetThisText = "Twitter - rifai_aziezah http://rifaiviruscinta.blogspot.com/";tripleflapInit();</script>

5. Ganti http://rifaiviruscinta.blogspot.com/ dengan URL blogmu sendiri dan rifai_aziezah dengan twitter usernamemu sendiri.
6. Simpan jika sudah selesai. Jangan lupa follow @rifai_aziezah ya!Description: Icon Burung Twitter Berterbengan Rating: 4.5 Reviewer: rifai - ItemReviewed: Icon Burung Twitter Berterbengan

Rifai Read

Animasi Flash di Blogger

Ini berawal dari saya melihat flash animasi yaitu di dalam kotak da tulisan-tulisan yang bergerak-gerak, lalu dengan sengaja saya cari cari cara membuatnya, Label yang di fitur blogger standart menjadi tidak standart.

Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini maka label akan berubah menjadi bentuk flash animasi, seperti punya saya tu! :) Tahu gak?

Caranya Gimana?
Pertama, pilih Tata Letak > Edit HTML
Kedua, centang Expand Template Widget
Ketiga, cari kode di bawah ini

<b:section class='sidebar' id='sidebar' preferred='yes'>

jika tidak ketemu, cari kode di bawah ini

<b:include name='quickedit'/> /b:includable></b:widget>

Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.



<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/rifai_aziezah'>@rifai_aziezah</a> Distributed by <a href='http:///rifaiviruscinta.blogspot.com'>/rifai virus part II</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Nah sekarang yang bisa kamu ubah adalah:

"245", "180"

245 adalah lebar flash animasi
180 adalah tinggi flash animasi


selamat mencoba, kunjungi terus di rifaiviruscinta.blogspot.comDescription: Animasi Flash di Blogger Rating: 4.5 Reviewer: rifai - ItemReviewed: Animasi Flash di Blogger

Rifai Read