Cara Memasang Widget Like Facebook Melayang di Blog Kita

Hello sobat blogger kali ini saya akan share tentang "Cara Memasang Widget Like Facebook Melayang di Blog Kita". Sebelum memasang widget ini kalian harus punya fanspage facebook sendiri ya. Jadi saat Memasang Widget Like Facebook Melayang di Blog Kita, pengunjung visitor blog dapat mengklik sebuah box apakah visitor tersebut mau me-Like FP kita atau tidak. Berikut adalah contoh widgetnya.

Penasaran ingin tahu bagaimana Cara Memasang Widget Like Facebook Melayang di Blog Kita? Ikuti langkah berikut ini:.

Cara Memasang Widget Like Facebook Melayang di Blog Kita

1. Yang paling penting adalah kalian memiliki fanspage di Facebook. 
2. Log In ke blog kalian
3. Pada Dashboard pilih Tata Letak, lau klik "tambahkan gadget"
4. Pilih menu HTML/Jawascript
5. Kemudian copy scrip kode di bawah ini dan paste ke Widget/Gadget Baru yang tadi dibuat

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bos-tutorial.blogspot.com/2013/07/inilah-memasang-widget-like-box.html">Get This Widget</a></p>
</div>

6. Simpat Gadget Baru Kalian
7. Cek hasilnya

Perlu diperhatikan :

Tulisan berwarna Biru adalah contoh Kode Script dari Halaman Facebook .Kalian bisa ganti dengan link Fanspage facebook kalian

Demikian tutorial mengenai blogging yang bisa saya share untuk kalian
Semoga Bermanfaat:)

Bagaimana Cara Agar Artikel di Blog Kita Tidak Bisa Di COPAS?

Hello sobat bloger, setelah sebelumnya saya share tentang mempercantik blog dengan beberapa widget pilihan, kali ini saya akan share tentang bagaimana agar artikel kita tidak bisa dicopas. Copas (Copy Paste) biasanya ada yang santun tapi ada juga yang tidak. Copas santun adalah mereka yang mau copas tetapi minta ijin dulu kepada pemilik tulisan. Namun pen-COPAS yang tidak santun adalah yang COPAS tanpa ijin. Nah untuk menghindari pen-COPAS yang agak terlau ini maka kita bisa menggunakantools/widget yang dapat mencegah COPAS-men-COPAS merajalela

Berikut adalah langkah sederhananya

1. Log In ke akun blog kita
2. Masuk ke bagian Tata Letak/Layout
3. Klik Tambahkan Gadget
4. Lalu pilih HTML/JavaScript
5. Salin Kode Script di bawah ini kemudian Paste di Gadget baru tersebut.

<script> var message="Don't COPAS !!!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

6. Setelah Selesai Simpan Gadget dan Tampilan Barunya.
7. Silahkan cek hasilnya

Mungkin itulah tutorial sederhana saya yang bisa saya bagi untuk kalian para blogger.
Semoga Bermanfaat :)

Cara Membuat Tulisan Berjalan di Blog

Hello sobat blogger, kali ini saya akan share tentang bagaimana cara membuat teks berjalan di blog kita. Berikut caranya:
1. Copy atau salin kode dibawah ini

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Welcomer</marquee></marquee></center>

Kalian bisa mengganti teks Welcome dengan teks yang kalian inginkan dan berikut adalah hasilnya

Welcome

Sudah paham bukan? sekian tutorial yang bisa saya share untuk kalian. Semoga Bermanfaat :)

Cara Membuat Kotak Scroll Sederhana di Blog Kita

Halo sobat Bloger, kali ini saya akan share tentang bagaimanan cara membuat kotak scroll sederhanan di blog kita. Apa sih fungsi kotak scroll itu? biasanya sih buat ngasih kode html seperti template atau widget, agar waktu kita posting tidak terlalu makan tempat. Berikut adalah contoh sederhanan dari kotak scroll blog

Welcome in My Blog, I hope youre
enjoying

Cara membuatnya sangat simpel, yaitu dengan menyalin kode di bawah ini

<div style="overflow:auto;width:150px;height:50px;padding:10px;border:1px solid #555">
Contoh Kotak Scroll By Ramadlan Fighter
</div>

Kalian bisa mengubah ukuran kotak scrollnya sesuai dengan keinginan kalian, misal klaian bisa mengubah lebarnya dengan mengganti Width: 150px dan untuk mengubah tinggi bisa dengan mengganti height:50p sesuai dengan ukuran yang kalian tentukan.


Perlu diperhatikan ketika kalian memasang kotak scroll tersebut, gunakanlah gadget HTML pada menu postingan kaliandan waktu memasang kode kotak scroll harap sobat sedang dalam mode HTML atau silahkan letakkan pada gadget HTML.

Mungkin cuma itu yang bisa saya share untuk kalian, Semoga Bermanfaat :)

Cara Membuat Blog Gratis

Hello sobat blogger kali ini untuk permulaan saya akan share tentang bagaiaman membuat blog gratisan di Blogger. Blogger sendiri adalah layanan blog gratis yang disediakan oleh google.

Cara membuat Blog
Pertama kita harus masuk ke blogger dengan alamat www.blogger.com. Kemudian untuk membuat blog sebelumnya kita harus memliki email terlebih dahulu. Dalam hal ini email yang digunakn harus gmail. Pada menu log in kita harus memasukkan email kita dan password kita. Setelah itu klik Sign In

Kemudian akan muncul tampilan sebagai berikut. Kalian bisa langsung klik Lanjut ke Blogger untuk membuat blog kalian.

Setelah itu akan muncul tampilan berikut, lalu kalian klik Blog Baru.

Langkah terakhir akan ada semacam form yang harus kalianisi untuk menentukan nama Blog dan Alamat blog kalian. Setelah itu kalian bisa memilih template blog yang diinginkan lalu klik buat blog

Setelah selesai kalian bisa blogging sesuka hati, mungkin hanya itu tutorial cara membuat blog yang sederhana yang bisa saya share untuk kalian. Semoga Bermanfaat :)