Cara Pasang Follow Botton pada Blog

Cara memasang follow Botton pada Blog sangatlah mudah dan simpel.

langkah-langkah sebagai berikut :

• Pertama-tama anda bisa Klik ( Fatma )  akan muncul gambar dibawah ini pilih Follow Botton.

Jika sudah muncul gambar dibawah ini Profile URL yang bergaris merah anda ganti dengan URL facebook yang ingin anda masukan.

Untuk mendapatkan Code HTML klik Get Code yang berlingkaran merah. jika sudah
      muncul gambar seperti yang diatas. Code yang nomer 1 anda copy terlebih dahulu kemudian code yang nomer 2 anda copy.

Cara Memasang Code pada Blog sebagai berikut :

1. Login Blog anda (Blogspot)

2. Pilih DashBoard kemudian Add Gadget / tambah Gadget

3. Add Gadget cari HTML / JAVASCRIPT.
4. COPY PASTE kode yang kita dapat pada gambar kedua ke dalam gadget HTML / JAVASCRIPT. Kemudian simpan

Hasil

Selamat Mencoba Sobat!!!

Cara Pasang Lagu di Blog

1. Klik www.scmplayer.net

2. Langkah pertama adalah memilih warna skin, Klik CHOOSE SKIN, pilih warna skin sesuai yang di inginkan. Disarankan memilih warna skin yang sama dengan warna template blog, supaya terlihat serasi.

3. Selanjutnya klik EDIT PLAYLIST. Pada kotak SONG TITLE isikan artis dan judul lagi yang ingin ditampilkan ke dalam blog, sebagai contoh saya ambil lagunya "Jessie J" dengan judul "Domino". Pada tab baru buka www.youtube.com kemudian cari lagu yang di inginkan, lalu copy paste url lagu pada youtube (Contoh : http://www.youtube.com/watch?v=UJtB55MaoD0 ) kedalam kotak SONG URL.

4. Langkah selanjutnya klik CONFIGURE SETTING. Disini kita bisa menyesuaikan konfigurasi pemutar media seperti AUTO PLAY untuk play otomatis saat membuka blog, REPEAT MODE untuk setting pengulangan lagu, PLACEMENT OF PLAYER BAR untuk penempatan posisi lagu, SHUFFLE PLAYBACK, DEFAULT VOLUME dan SHOW PLAYLIST BY DEFAULT bisa diatur sendiri sesuai keinginan.


5. Jika sudah selesai Klik DONE untuk mendapatkan kode yang akan dipasang kedalam gadget blog. Selanjutnya akan muncul kode seperti pada gambar dibawah ini :

6. Copy dahulu KODE diatas. Selanjutnya buka DASBOR pada BLOGGER. Pilih TATA LETAK dan TAMBAHKAN GADGET - HTML / JAVASCRIPT. PASTE kan kode seperti diatas pada HTML / JAVASCRIPT. Kemudian klik SIMPAN untuk mengakhiri langkah memasang lagu di blog.

Untuk penempatan GADGET disarankan di atas / di bawah posting supaya enak dilihat.

CARA PASANG LAGU DI BLOG - MENGGUNAKAN KODE HTML
Jika ingin cara yang cepat tanpa harus pergi ke situs situs diatas, maka cara yang terakhir ini bisa digunakan, yaitu dengan memasang langsung kode HTML yang disediakan disini. Berikut langkah langkahnya :

1. Login ke Blogger (Blogspot).
2. Klik Tata Letak / Layout 

3. TAMBAHKAN GADGET / Add Gadget cari HTML / JAVASCRIPT.
3 COPY PASTE kode dibawah ini kedalam gadget HTML / JAVASCRIPT. Kemudian simpan

Selamat Mencoba Sobat

Cara Menampilkan Facebook dan Twitter melayang di Blog

Caranya mudah banget .....

1. Silakan anda login ke Akun Blogger Anda dan menuju dashboard
2. Pilih Tata Letak / Layout
3. Klik Add Widget dan Pilih Javascript / Kode HTML
4. Masukan kode scrib di bawah ini

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Jangan Lupa Gabung ya Sob</a></center>
<center>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/Fatma.pasha" width="250" show_faces="true" border_color="" stream="false" header="true">
</fb:like-box></center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/Fatmaluxaz">Ikuti @Fatmaluxaz</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div>
<a class='close' href='#'>&times;</a>
</div>