Template Blog Dengan News Flash

Jika anda mampir di beberapa situs berita seperti di vivanews.com, pasti pandangan anda akan tertuju pada newsflash yang berada di halaman depan. Contohnya seperti yang ada di blog saya ini, jadi posting blog anda bisa di tampilkan di halaman depan dilengkapi dengan gambar, judul, dan artikelnya. Dan secara otomatis atau dengan click panah posting yang anda tampilkan pada newsflash akan berganti, Dengan menggunakan Newsflash, pasti pengunjung blog anda akan betah dan blog lebih terkesan profesional. 

Newsflash sangat berguna bagi anda yang ingin menonjolkan artikel unggulan blog anda , karena cukup menarik perhatian dan kita juga bisa memasukan beberapa kalimat didalamnya. Dan saat ini anda tidak perlu repot-repot untuk membuatnya, karena sekarang sudah banyak tersedia blog yang dilengkapi dengan newsflash. Untuk mendapatkan template ini anda bisa mengunjungi situs .http://btemplates.com, disini banyak tersedia beberapa templates dengan newsflash dari 1 kolom hingga 4 kolom. Dibawah ini ada beberapa templates yang dilengkapi dengan newsflash.

Untuk mengedit newsflash adalah sebagai berikut :

Setelah mengupload templates blog masuk ke bagian edit html dan cari kode di bawah ini 

<div class='imageElement'>

<h3>This is featured post 1 title</h3>

<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>

<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>

<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-A0vCAb1geMeBEwj75kU-m8cYI7TZ8fQ4IWUaNPCVLS5VcOh8j_zT_IRTK2RFPD4BNc_J57S-Fdhz3iVm1wgFlh-mZqZ4o5IXB6XV8WZPMW2POAQNhwDwcFldn4-ty6BjsXio0qDWDs9-/s0/1.jpg'/>

</div>

Keterangan :

Merah : Ganti dengan judul posting

Hijau  : Isi posting 

Biru : Link yang dituju ( link ke posting anda )

Ungu : Alamat url gambar 

Kode ini ada 5 buah, jadi anda bisa menampilkan 5 posting, dan pengaturannya juga sama. 

Read more »

Cara Membuat iklan Pop UP (melayang)

 Kadang-kadang kita sering terganggu dengan adanya  pop up iklan yang selalu mengikuti dan sering pula menutup artikel yang sedang kita baca. Jadi terpaksa kita harus menutup iklan pup up tersebut. Tapi bagi kita publisher dengan adanya jendela pop up iklan ini, iklan kita bisa lebih efektif dan pastinya bisa menambah earning kita. Karena visitor pasti akan tertuju pada pop up iklan dan otomatis akan membaca dan jika tertarik pasti visitor juga akan meng klik iklan kita. Berikut ini kode untuk membuat jendela pop up :

<style type="text/css">
#topbar{
position:absolute;
top:600px;
left:600px;
border: 3px #00FF00;
padding: 2px;
background-color: black;
width: 620px;
visibility: hidden;
z-index: 100;
}
</style>
<script src="http://h1.ripway.com/icalcell/js_pop_up.js" type="text/javascript"></script>

<div align="center">
<div id="topbar">
<div align="right"><a style="color: gray; font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>Close</button></span></a></div>
<p><a style="font-weight: bold; color: gray;">
</a><a style="font-weight: bold; color: gray;" title="cara mudah dapatkan uang dari internet">
</a></p><p><a style="font-weight: bold; color: gray;" title="cara mudah dapatkan uang dari internet">
</a></p><p><a style="font-weight: bold; color: red;" title="cara mudah dapatkan uang dari internet">Tes Keberuntungan kamu dengan klik 1 iklan saja</a>


</p><center>

 <script src="http://kumpulblogger.com/dam.php?b=51484" type="text/javascript"> </script>
</center>

<p></p><p>widget by <a href="http://biangblog.blogspot.com">ical</a></p></div></div>

Keterangan :

• Kode warna merah : anda ganti dengan kode html iklan anda
• Kode ( top:600px; dan left:600px; ) untuk mengatur posisi jendela pop up  

Read more »

Membuat Daftar Link Teman

Media ini sangat bermanfaat untuk memasang link teman dalam jumlah yang banyak. Selain bisa bergantian ada tombol drag down yang memudahkan untuk menampilkan semua link. Contohnya berikut ini:

Kode htmlnya berikut ini


<h2 class="title">Link Sahabat</h2>
<div class="widget-content">
<div style="border: 0px solid rgb; overflow: auto; width: 200px; height: 100px; text-align: center;">

<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2" direction="up">

<div style="text-align: center;">
<a href="http://www.prafangga.com">Belajar Dan Berbagi</a></div>

<div style="text-align: center;">
<a href="http://nayarre-pata.blogspot.com/">Nayarre Blog</a></div>

<div style="text-align: center;">
<a href="http://www.ifandri.com/">Ifandri's Blog </a></div>

<div style="text-align: center;">
<a href="http://www.biangblog.blogspot.com/">Biang Blog </a></div>

<div style="text-align: center;">
<a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>

</marquee></div></div>

Opsinya sebagai berikut :

• Link Sahabat : judul widget , bisa diganti sesuai keinginan anda
• width: 200px : angka 200 adalah ukuran lebar kotak widget
• height: 100px : untuk mengubah tinggi kotak widget
• <a href="http://www.ifandri.com/">Ifandri's Blog </a></div> : warna pink alamat url, warna oranye Judul blog
• Untuk menambah beberapa link anda tinggal copy kode berikut 

<div style="text-align: center;">

<a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>

dan paste di atas kode </marquee></div></div>

Read more »

Membuat Recent Post Dan Thumbnail

 Widget yang satu ini fungsinya untuk menampilkan postingan terakhir kita (Recent Post), gambar, dan jumlah komentar.
Contoh tampilannya seperti dibawah ini :



Buat cara bikinnya simple aja, kamu tinggal "Add Gadget" ---- > "HTML/JavaScript" lalu copy paste code di bawah ini :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://NAMABLOGKAMU.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Setelah itu, ada beberapa yang harus dan bisa kamu edit, diantaranya :

boxwidth --> Ukuran dari kotak Widget
cellspacing --> Spasi diantara cells
thumbwidth dan thumbheight --> Ukuran lebar dan tinggi kotak gambar
numposts --> Jumlah recent post yang akan kamu tampilkan..
home_page --> http://NAMABLOGKAMU.com/ ( ganti alamat blog kamu )

Selamat mencoba ! Semoga Bermanfaat

Read more »

Addthis.com tombol ajaib untuk share artikel

Addthis button dapat digunakan untuk mensharingkan atau mengirim artikel blog mu ke situs lainnya seperti facebook, multiply, redit, twitter, myspace dll. Hanya dengan mengklik icon situs yang anda tuju dan kemudian akan muncul window untuk login ke situs yang anda pilih tadi.
Sedangkan Bookmark digunakan untuk para pembaca untuk berlangganan artikel blog atau sering disebut feed.

Read more »

Chat Box

Shoutbox atau chat box merupakan aksesoris untuk blog yang banyak digemari oleh para blogger. Dengan fitur ini, sebuah blog akan menampilkan sebuah layanan chat sederhana yang bisa digunakan semua orang yang sedang mengunjungi blog tersebut. Dibawah ini adalah beberapa situs penyedia shoutbox:

www.cbox.ws

www.oggix.com

www.shoutmix.com

Read more »