Tab "Penghasilan" Blogger

Tab Penghasilan di Blogger mempermudah untuk mengaktifkan iklan AdSense di blog Anda. Setelah diaktifkan, Blogger mengambil data penghasilan AdSense Anda dari AdSense, sehingga Anda tidak perlu membuka AdSense untuk mengakses informasi penghasilan dasar.

Laporan AdSense

Setelah Anda mulai menghasilkan tayangan AdSense, Anda pun mulai memperoleh uang jika orang mengeklik iklan yang ditampilkan di situs Anda. Laporan penghasilan (terlihat jika Anda mengeklik tab Penghasilan) menyertakan bilah tarik-turun dengan Hari ini, Kemarin, 7 Hari Terakhir, Bulan Ini, dan Sepanjang waktu.

Jika Anda memilih opsi, laporan yang relevan akan diambil langsung dari AdSense.

Sepanjang waktu

Jika Anda sudah menjadi pengguna AdSense, Anda akan melihat bahwa Blogger membuat kanal baru (dengan URL dari blog Anda) di akun Anda. Jika Anda sudah punya iklan AdSense di blog Anda sebelum menggunakan integrasi AdSense dari Blogger untuk memasukkan iklan ke blog, perhatikan bahwa Sepanjang waktu hanya akan mengambil data dari waktu ketika Anda menghubungkan Blogger ke akun AdSense Anda.

Hal ini tidak memengaruhi sama sekali keseluruhan pelaporan AdSense yang tersedia langsung dari AdSense.

Terminologi

Laporan AdSense yang dapat dilihat dari tab Penghasilan berisi informasi dasar tentang jumlah iklan yang telah berjalan di blog Anda, jumlah klik yang dihasilkan dan jumlah pendapatan yang Anda peroleh. Setiap istilah pada laporan didefenisikan di bawah:

• Tampilan laman: Tampilan laman dibuat setiap kali pengguna melihat laman yang menampilkan iklan Google. Kami akan menghitung satu tampilan laman berapa pun jumlah iklan yang ditampilkan di laman tersebut. Misalnya, jika Anda memiliki laman yang menampilkan tiga unit iklan dan laman tersebut dilihat dua kali, Anda akan memperoleh dua tampilan laman dan enam tayangan unit iklan.
• Klik: Jumlah frekuensi di mana iklan diklik pada periode pelaporan tertentu.
• RKT (Rasio klik-tayang) laman: Jumlah klik iklan dibagi dengan jumlah tampilan laman.
• BPK (Biaya per klik): Jumlah rata-rata yang dibayarkan oleh pengiklan untuk setiap klik iklan.
• RPM (Pendapatan per seribu) laman: Ini adalah pendapatan per 1.000 tampilan laman. RPM = (Tampilan laman x RKT x BPK) / 1.000

Untuk informasi lebih lanjut, silakan lihat Pusat Bantuan AdSense.

Selengkapnya

Cara Menggunakan Nama Domain Ubahsuaian untuk Blog

Blogger menawarkan dua opsi penerbitan untuk blog Anda: penginangan di Blogspot (misalnya, blogspot.com) dan penginangan di domain ubahsuaian Anda sendiri (www.example.com atau foo.example.com). Anda dapat mengubah opsi penerbitan sewaktu-waktu dan konten Anda tidak akan berubah apa pun opsi yang Anda pilih.

Pada Domain Tingkat Atas (www.example.com)

1. Temukan panel kontrol pada situs web pendaftar domain Anda dan tentukan setelan DNS (Sistem Nama Domain) Anda. Untuk menautkan blog anda ke domain ubahsuaian, ikuti petunjuk berikut untuk memasukkan "CNAME" dan "A-records" Anda.
   CNAME
   Untuk mengisi Nama, masukkan saja "www" dan daftarkan ghs.google.com sebagai Nama Inang. Lihat petunjuk terperinci kami tentang menyediakan CNAME untuk beragam pendaftar. Jika milik Anda tidak terdaftar atau jika Anda mengalami kesulitan lain, hubungi pendaftar Anda secara langsung dan mereka dapat membantu Anda.
   A-records (opsional)
   Tindakan berikut menautkan domain pokok Anda (example.com) ke situs sebenarnya (www.example.com). Jika Anda melewatkan langkah ini, pengunjung yang tidak mengetikkan "www" akan melihat laman galat.
   Masukkan nama domain Anda dalam format example.com, lalu masukkan alamat I.P. yang ditampilkan di bawah bagian "A". Anda perlu membuat A-records terpisah yang mengarah ke empat IP Google berbeda.
   216.239.32.21
   216.239.34.21
   216.239.36.21
   216.239.38.21
2. Perbarui setelan Blogger Anda
   Sebelum Anda melanjutkan ke langkah ini, tunggu sekitar satu jam untuk mengaktifkan setelah DNS Anda. Jika Anda mencoba mengubah setelah penerbitan sebelum perubahan DNS aktif, kami akan memberi tahu Anda dengan pesan peringatan.
   Sekarang tiba saatnya memastikan Blogger mengetahui domain ubahsuaian Anda sehingga Google dapat mengarahkan pembaca ke blog Anda. Untuk memulai, klik tab Setelan | Penerbitan pada Blogger.
   
   Lalu klik tautan yang membuat Anda dapat beralih ke domain ubahsuaian.
   
   Setelan Alamat Blogspot sekarang berubah ke Domain Anda. Tuliskan URL baru Anda (www.example.com), dan simpan setelan Anda. Jika Anda tidak memasukkan "www," Anda akan menerima pesan galat.
   
   Selamat, Anda berhasil!

Beberapa catatan berguna:

• Jika domain baru Anda tidak meneruskan ke blog Anda, tunggu satu atau dua hari lagi untuk memastikan semua server DNS telah diperbarui. Jika masih tidak bisa, hubungi pendaftar Anda untuk memastikan bahwa Anda telah memasukkan setelah DNS dengan benar.
• Alamat Blogspot asli Anda akan secara otomatis meneruskan ke domain baru Anda. Dengan demikian, tautan atau bookmarks ke situs Anda saat ini akan tetap dapat digunakan.
• Gambar yang Anda poskan akan terus ditampilkan di blog Anda.

Pada Subdomain (foo.example.com)

Untuk memulai, temukan panel kontrol pada situs web pendaftar domain Anda. Tentukan setelan Sistem Nama Domain (DNS) Anda, lalu temukan kolom untuk "CNAME".

Untuk mengisi Nama, masukkan saja "www" dan daftarkan ghs.google.com sebagai Nama Inang. Lihat petunjuk terperinci kami tentang menyediakan CNAME untuk beragam pendaftar. Jika milik Anda tidak terdaftar atau jika Anda mengalami kesulitan lain, hubungi pendaftar Anda secara langsung dan mereka dapat membantu Anda.

Sekarang lanjutkan ke Blogger, lalu klik tab Setelan | Penerbitan.

Klik tautan yang membuat Anda dapat beralih ke domain ubahsuaian.

Setelan Alamat Blogspot sekarang berubah ke Domain Anda. Tuliskan URL baru Anda (foo.example.com), dan simpan setelan Anda.

Selamat, Anda berhasil!

Beberapa catatan berguna:

• Jika domain baru Anda tidak meneruskan ke blog Anda, tunggu satu atau dua hari lagi untuk memastikan semua server DNS telah diperbarui. Jika masih tidak bisa, hubungi pendaftar Anda untuk memastikan bahwa Anda telah memasukkan setelah DNS dengan benar.
• Alamat Blogspot asli Anda akan secara otomatis meneruskan ke domain baru Anda. Dengan demikian, tautan atau bookmarks ke situs Anda saat ini akan tetap dapat digunakan.
• gambar yang diposkan Anda akan terus ditampilkan di blog Anda.

Selengkapnya

Cara Mengontrol Siapa yang Dapat Melihat Blog

Secara bawaan, blog Anda bersifat publik sepenuhnya, dan dapat dibaca oleh semua orang di internet. Namun, jika ingin membuatnya pribadi, Anda juga dapat melakukannya. Setelan untuk ini ada di tab Setelan | Izin. Jika Anda menggunakan versi terbaru antarmuka kami, klik menu tarik-turun di samping ikon Daftar Pos yang berwarna abu-abu untuk mengaksesSetelan, lalu klik "Edit" di bawah bagian Pembaca Blog.

Pada bagian Pembaca Blog, Anda mungkin akan melihat "Siapa Pun" dipilih sebagai bawaan. Bila Anda mengubahnya menjadi "Hanya orang yang saya pilih", Anda akan menerima opsi untuk "Undang beberapa orang untuk membaca blog Anda".

Klik tombol Tambahkan Pembaca kemudian masukkan alamat email orang yang akan diberi akses ke blog Anda. Untuk menambahkan beberapa orang, pisahkan alamat mereka dengan koma.

Untuk setiap alamat yang dimasukkan, Akun Google yang terkait dengan alamat itu akan diberi akses untuk melihat blog Anda. Jika sebuah alamat tidak terkait dengan salah satu akun, orang itu akan dikirimi email undangan dengan tautan yang memungkinkan mereka melakukan salah satu dari tiga hal.

• Masuk ke akun yang ada.
• Membuat akun baru.
• Melihat blog Anda sebagai tamu (tidak memerlukan akun).

Dalam kedua kasus pertama, pembaca akan diberi izin untuk melihat blog Anda setiap kali mereka masuk ke Akun Google mereka. Sebagai tamu, mereka akan dapat melanjutkan melihat blog Anda melalui tautan dalam email undangan, tetapi undangan ini akan kedaluwarsa setelah dua minggu. Setelah itu, mereka perlu undangan baru.

Jika ingin membatalkan akses seseorang ke blog Anda, cukup klik tautan hapus di samping namanya dalam daftarPembaca Blog. Anda juga dapat beralih ke opsi "Siapa Pun" kapan saja Anda memutuskan untuk mengembalikan blog menjadi publik sepenuhnya.

(Sumber: https://support.google.com/blogger/answer/)

Selengkapnya

Cara Memodifikasi Popular Post Template Galery

Popular Post, sebuah widget yang berfungsi untuk menampilkan postingan atau artikel mana yang paling banyak diminati para pengunjung. Secara default widget Popular Post ini sudah menarik karena sudah ada fitur thumbnail dan summary. Widget itu bisa langsung dipasang pada blog yang lebih banyak menggunakan artikel daripada gambar. Meski demikian, jika widget default tersebut dipasang pada blog yang bertipe gallery sepertinya kurang cocok. Tapi, jika Anda memerlukannya juga baik.

Untuk kali ini kami mencoba untuk memodifikasi widget tersebut agar cocok dipasang pada blog yang mempunyai konten gallery. Gambarnya seperti diatas, hanya menampilkan Thumbnail dan judul dengan posisi horisontal. Bila Anda tertarik, berikut ini cara membuatnya :

1. Login ke Blogger dengan akun Anda
2. Setelah itu masuk ke Template >> klik Edit HTML jangan lupa centang Expand Widget Templates.
3. Lalu masukkan kode berikut ini di atas ]]></b:skin> :
   

   .PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}

   .PopularPosts ul{padding:5px 0}

   .PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}

   .PopularPosts .item-content{position:relative;float:left;margin:0}

   .PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}

   .PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}

   .PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}

   .PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}

   Kode warna merah diatas adalah panjang dan lebar gambar thumbnail, Anda bisa ganti dan sesuaikan dengan lebar sidebar pada template, seperti yang terlihat pada sidebar blog ini.
4. Kemudian masuk ke layout >> add a gadget pilih Popular Post pada baris kelima.
5. Setelah muncul halaman Popular Post, setting seperti pada gambar dibawah ini :
   
   
   
   
   
   Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda.
6. Setelah langkah diatas, masuk lagi ke Edit HTML (centang Expand Widget Templates), cari kode berikut:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Setelah ketemu, ganti dengan kode berikut ini:

<b:widget id='PopularPosts1' locked='false' title='Most Product View' type='PopularPosts'>

<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Terakhir, save templates lihat hasilnya.

Modifikasi widget Popular Post dari Blogger ini tidak hanya untuk blog gallery saja, Anda juga bisa memakainya pada blog yang bukan gallery seperti yang terlihat di sidebar pada blog ini. Demikian tadi tutorial memodifikasi tampilan Popular Post untuk template Gallery. Selamat mencoba dan semoga bermanfaat. 

Selengkapnya

Cara Membuat Iklan Melayang di Blog dengan Tombol Close

Objek melayang atau sering juga di sebut dengan Float Top Bar, sebuah jendela kecil yang muncul dari atas halaman setiap kali kita mengunjungi website atau blog. Float Top Bar ini biasanya berisi Content Iklan ataupun sebuah Form SubScribe sehingga pasti terlihat oleh pengunjung website atau blog kita. Untuk membuat Iklan melayang seperti ini sangatlah mudah. Hanya dengan beberapa langkah, iklan melayang tersebut sudah bisa terpasang pada website atau blog Anda.

 Berikut langkah-langkah pembuatannya:

1. Login Ke Blogger.com dengan Akun Anda 
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML /Javascript  
5. Copy kode di bawah ini ke dalamnya

<a onblur="try {parent.

deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7XUXcsT-ElaeAaCPyhnDGC9E1YZPe7h7ylmULz608oT_9GGb16x6J_DhOGXR2US5o8RnencqewpUVv-KNvafYr8DcQ1rmCsZheEJlo90zxJ8Bu6WyFUk6DKEtITCUXe1-2sYFrfptCkc/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7XUXcsT-ElaeAaCPyhnDGC9E1YZPe7h7ylmULz608oT_9GGb16x6J_DhOGXR2US5o8RnencqewpUVv-KNvafYr8DcQ1rmCsZheEJlo90zxJ8Bu6WyFUk6DKEtITCUXe1-2sYFrfptCkc/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #A5BD51;

background:#ffffff;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">

<a href="javascript:showHideGB()">

.:[Close][Klik 2x]:.

</a>

</div>

<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></center></div></div>

    6. Simpan

Untuk tulisan yang berwarna merah, bisa di ganti dengan kode iklan, gambar ataupun tulisan yang diinginkan. Semoga artikel kami ini bermanfaat dan selamat mencobanya.

Selengkapnya

Cara Membuat Fans Page Melayang di Blog

Fans page FB sangat membantu trafik di blog kita. Biasanya penempatan Fans Page FB berada pada widget yang statis, apakah itu di side bar ataupun pada footer sehingga tidak setiap waktu terlihat oleh pengunjung blog kita apabila halaman yang sedang dibaca mereka geser ke atas atau ke bawah.

Kali ini kami berbagi cara membuat fans page melayang di blog. Artinya, Fans Page FB tersebut akan selalu terlihat setiap waktu baik posisi halaman diatas, ditengah maupun dibawah. Sehingga memungkinkan pengunjung untuk dapat klik like pada posisi halaman apapun.

1. Masuk ke "Rancangan" pada blog Anda
2. Tambah Gadget "HTML"
3. Copypaste kode dibawah ini:


<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 238px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 10 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopright=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopright()", 10);
}
ftlObj = ml("topbar");
stayTopright();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigx5IxvX9sY0BHVUqoClnHRh9gSKDfvRpFbkmvDIEPz061NR0BRrnOyCof_p5K2eSHOF3B6poZ3kgYB55taVD5Ke3Irto_SbDBsID7U1Y0pSXopm0_qnrhXqJ1_49x4QLUKG9-ytDqz-XO/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPundiOnline&amp;width=238&amp;height=360&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:238px; height:360px;" allowtransparency="true"></iframe>

</div>
</center>
</div>

Keterangan: Ganti kode sript iframe warna merah diatas dengan kode iframe fans page group Anda.

4. Simpan perubahan

5. Lihat hasilnya, Fans Page FB Anda sudah melayang disamping kanan atas halaman blog Anda.

Demikian Cara Membuat Fans Page Melayang di Blog. Semoga artikel kami ini bermanfaat.

Selengkapnya