Sample Text

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Sabtu, 19 Mei 2012

Membuat FB Like Box Melayang Slide Close

Membuat FB Like Box Melayang Slide Close

Pagi ini saya akan mencoba sharing sebuah widget facebook like box yang melayang dengan tombol close dengan efek slide ketika di tekan. Saya mencoba menggabungkan kode-kode script yang saya dapat dari bloger-bloger lain selama belajar blogging yang saya tekuni selama ini dan hasilnya menurut saya lumayan untuk diterapkan di blog. Bagi para master, tolong kasih masukan tentang widget ini kalau ada kesalahan. Widget ini lumayan simpel karena tidak perlu mengobok-obok HTML template blog Anda.

Bagi yang ingin mencoba menggunakannya di blog, silahkan ikuti caranya di bawah ini.
1. Seperti biasa silahkan login ke blog Anda.
2. Dashboard >> Layout >> add a gadget >> pilih HTML/JavaScript,kemudian copy kode di bawah ini.
<div style="display:scroll;position:fixed;top:50px;left:400px;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://kompiajaib.googlecode.com/files/slidefbnew.js" type="text/javascript">
</script>
<style>
#kompiajaib_slidefb2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
width: 355px;
margin: 10px 0px;
padding:5px 0px 0px 5px;
background-repeat: no-repeat;
position:relative;
color: #00529B;
background-color: #000000;
}
</style>
<div id="kompiajaib_slidefb2012">
<a class="close"  href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg80liGncvtyIQ10whltHY6V1pvidKcEq4gRqpQtbtQmxA6-4S342sX470_9887b1ApszUGvBxsFLq04vQEPrVTRAE93Igykcn4BB0iRLTyUwpJqJK1EnJHKgSuTN8BO8aEmcLZHa0ujSzW/s1600/popover-close-button.gif" /></a>
<div style='width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like us and get updates</div></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Kompi-Ajaib/395526477133955&amp;width=350&amp;height=255&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false"></iframe><div style="border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;">Powered by <a href="http://kompiajaib.blogspot.com/" target="_blank">blogger widget</a></div>
</div></div>

Warna background widgetnya hitam atau dark.
#000000 adalah background widget, silahkan sesuaikan dengan template Anda. Untuk mengetahui kode warna silahkan masuk  
http://www.facebook.com/pages/Kompi-Ajaib/395526477133955 silahkan ganti dengan URL facebook Anda.
Jika background widgetnya terang, silahkan ganti dark dengan light

Demikin sharing Membuat FB Like Box Melayang Slide Close kali ini mudah-mudahan bermanfaat.
Broken link laporkan di sini

Cara Mudah Membuat Tab Menu Bar di Blogspot

Tab Menu Bar



Bagi yang menggunakan template bawaan dari Blogspot ini akan lebih mudah. Anda tidak perlu membuat elemen halaman baru di bawah header karena sudah tersedia yang bisa anda gunakan untuk memasang tab menu bar. Anda hanya tinggal memasukkan script nya saja.
membuat tab menu bar

Berikut script untuk cara mudah membuat tab menu bar di blogspot:
1. Masuk ke akun Blogger anda
2. Rancangan
3. Tambah Gadget
4. Javascript

1<ul id='menubar'>
2<li><a href='link/URL homepage blog disini'>Home</a></li>
3<li><a href='link 1'>judul link 1</a></li>
4<li><a href='link 2'>judul link 2</a></li>
5<li><a href='link 3'>judul link 3</a></li>
6<li><a href='link 4'>judul link 4</a></li>
7<li><a href='link 5'>judul link 5</a></li>
8<li><a href='link 6'>judul link 6</a></li>
9</ul>
Linknya bisa anda isi dengan link apa saja sesuai keinginan anda dan kalau masih kurang tinggal ditambah saja.
5. Save

5 Blog Blogging Terbaik Indonesia

Selama sebulan ini, saya melakukan riset online tentang blog terbaik di Indonesia yang membahas topik blogging (tips konten, tips trafik, tips monetisasi, dan informasi make money blogging). Dari beberapa blog yang ditelaah, saya akhirnya memilih 5 blog terbaik.
Kriteria penilaiannya berdasarkan page rank, traffic rank Alexa, jumlah pelanggan, dan authority rank Technorati dengan total skor 40. Silakan Anda simak dan kunjungi kelima blog terbaik ini.

NoNama BlogPRAlexaRSSTcratiSkor
1Blognya Kang Rohman3910123
2O-om3810122
3Blogger Indonesia574218
4Isnaini dot com472114
5Blogguebo343111

Sistem penilaiannya sebagai berikut:

SkorPRAlexaPelangganAuthority
11100rb-90rb0-5000-75
2290rb-80rb500-100075-150
3380rb-70rb1000-1500150-225
4470rb-60rb1500-2000225-300
5560rb-50rb2000-2500300-375
6650rb-40rb2500-3000375-450
7740rb-30rb3000-3500450-525
8830rb-20rb3500-4000525-600
9920rb-10rb4000-4500600-675
1010<10rb>4500> 675

Sekadar catatan, authority rank Technorati menggunakan authority baru yang dikeluarkan oleh Technorati mulai 14 Oktober lalu.
Update: Ingin tahu blog terbaik lainnya? Silakan simak 5 Blogger Wanita Paling Ngetop di Dunia dan 8 Blog yang Menghasilkan Uang Milyaran Per Tahun.

Cara Membuat Readmore Otomatis di Blogspot

Sebenarnya banyak blogger yang mempostingkan Tips ini, saya menulis ini juga supaya saya tidak lupa
Langsung saja
1. Masuk Blogger pilih Template
2. Centang Expand Template Widget
3. Cari kode </head> Supaya cepat klik Ctrl F dan tuliskan </head>
4. Masukkan kode dibawah ini tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
5. cari kode <data:post.body/> dan Ganti dengan kode dibawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan :
 
READ MORE : bisa diganti sesuai selera 
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera
Save Template dan lihat hasilnya
Selamat mencoba