Cara Membuat Fans Page Facebook Di Blog

Salam blogger, Melengkapi permintaan dari salah satu sahabat Zuaz'Z Creator on Facebook yang meminta saya untuk memposting cara untuk menghubungkan blog dan halaman facebook yang lebih kita kenal sebagai Facebook page/Like Box. Facebook page sudah sangat lazim digunakan di blog/website, mengingat besarnya manfaat untuk perkembangan blog/website maupun product yang ditawarkan. 

Jaringan sosial beserta pluginnya, khususnya Facebook, terbukti telah memperluas dan meningkatkan popularitas, daya jangkau, traffic, serta penjualan produk jenis apapun. Oleh karena itu, membuat Fans Page Facebook di blog/website merupakan hal yang sangat dianjurkan untuk blog/website Sobat.

Cara Membuat Fans Page Facebook di Blog/Website
1. Langkah pertama Sobat login terlebih dahulu di account Facebook Sobat.
2. Kemudian buka halaman ini:  Facebook Page
3. Pilih/klik opsi Merek atau Produk

4. Pilih opsi no.1"website" dan isikan no.2"nama Page" sesuai dengan yang diinginkan. centang "Persetujuan" dan klik "Mulai", seperti contoh gambar berikut:

5. Selanjutnya Sobat akan masuk ke halaman Facebook Page yang telah dibuat. Lakukan kostumisasi terlebih dahulu sesuai petunjuk, misalnya mengupload foto/gambar untuk Facebook Page, mengedit informasi, dan lain sebagainya, atau langsung membuat Facebook Like Box yang nantinya dapat dipasang di blog/website.

Penting: Sebelum menuju langkah berikutnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.

Contoh url-nya: http://www.facebook.com/pages/K-T-B/300432780037612

6. Berikutnya sobat pilih menu nomer 5 dan klik "add like box" atau bisa juga buka halaman berikut: Like Box

7. Selanjutnya, isikan spesifikasi seperti gambar berikut:

Setting Facebook Like Box:

1. Facebook Page url: paste url Facebook Page yang di copy tadi

2. Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget pada blog sobat.

3. Height: adalah tinggi like box, sesuaikan juga dengan widget pada blog sobat.

4. Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.

5. Show Faces: Centang untuk menampilkan foto profil likers.

6. Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.

7. Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.

8. Show header: Centang jika ingin menampilkan tulisan header "Temukan kami di Facebook".

Lihat preview tampilan di sebelah kanan form tersebut.

8. Jika settingan yang dibuat sudah beres, klik Get Code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, XFBML dan IFRAME pilih salah satu dan copy kodenya. (Untuk Blogger, disarankan pilih HTML 5).

Copy kedua kode tersebut untuk pemasangan Like Box di blog Sobat.

Cara pemasangan like Box pada Blog:

1. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
2. Pilih HTML/JavaScript.
3. Masukkan kode yang telah dicopy ke dalam kotak kode HTML/JavaScript.
4. Save/Simpan

.

Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website Sobat dapat dengan mudah meng-klik like pada like box yag telah disediakan.

Cara Buat Widget Profil Social Dengan Efek Hover di Blogger

Cara Buat Widget Profil Social Dengan Efek Hover di Blogger | Samsoftware-Cyber - Sekarang Anda dapat menambahkan ikon sosial dengan widget efek hover ke WordPress dan Blogger yang pada widget full sebelumnya yang mungkin Anda dapat mencobanya. Anda dapat dengan mudah menambahkan ini ke sidebar Anda yang merupakan pilihan yang lebih baik untuk mengambil perhatian pengunjung. Ini ikon sosial dengan efek hover hanya tersedia pada AllBlogggingTips . Saya membuatnya bekerja untuk kedua Blogger dan Blog WordPress. Saya akan menunjukkan Bagaimana TO Tambahkan Ikon Sosial Keren Dengan Widget Efek Hover Untuk Wordpress dan Blogger.

Fitur : Google+, Facebook, Twitter, RSS dan Email

Langkah-Langkah

1. Buka Akun Blogger Anda
2. Masuk ke Menu Edit HTML > centang Expand Template Widget
3. Cari kode dibawah ini :

]]></b:skin>

 4. Pastekan kode dibawah ini, diatas pada kode diatas :

#subscribe2 {
background:#f3f3f3;
border: 1px solid #ECEDE8;
font-size: 90%;
margin: 0 0 15px 0;
padding: 7px 5px 3px 5px;
width: 288px;
}
.subscribe-icons2 {
margin: 0 auto;
width: 286px; background: #f7f7f7;
}
.subscribe-icons2 li { -moz-border-radius:6px;
display: inline;
float: left;
font-size: 11px;
margin: 0 2px 10px 2px;
width: 52px;
text-align: center;
}
.subscribe-icons2 a {
color: #444 !important;
display: block;
padding: 56px 0 2px;
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.subscribe-icons2 a:hover { -moz-border-radius:6px;
-moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
color: #369 !important;
text-decoration: none;
}
.subscribe-icons2 .subscribe-youtube a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_googleplus.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-twitter a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_twittert.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-facebook a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_facebook.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-rss a {
background: url(http://karrersimpson.com/obituaries/tomchuk-helen-1575/icon64_rss.png) center top no-repeat;
}
.subscribe-icons2 .subscribe-email a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlWs3Xq6k8T-7IajEjoNU59yfZI1Tdngk32MkG4awP3mSl-W9wB2EKuF6SJyN1pQalMZpPsndyeRboavnC3u44NpqwkJZyOXXO3J2gxdUPQDP3ZCzDA8uLdueADud3szbH3FRMqQ4IFc/s320/gmail-email+21.png) center top no-repeat;
} 

5. Save Template Anda.
6. Masuk ke Menu Layout > Add Gadget
7. Pastekan kode dibawah ini :

<div class='subscribe2'>
<ul>
<li><a target="_blank" rel="nofollow" href="https://plus.google.com/ID Google+ Anda">Google+</a></li>
<li><a target="_blank" rel="nofollow" href="http://twitter.com/Username Twitter Anda">Twitter</a></li>
<li><a target="_blank" rel="nofollow" href="http://www.facebook.com/Id Facebook Anda">Facebook</a></li>
<li><a target="_blank" rel="nofollow" href="http://feeds.feedburner.com/Username Feed Burner Anda">RSS</a></li>
<li><a target="_blank" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner Anda&amp;loc=en_US"> Email</a></li>
</ul> <!--end .subscribe-icons-- <div/>
</div>


8. Ganti kode berwarna biru dengan ID Anda dan Save.

Cara Buat Widget Berlangganan Artikel Keren di Blogger

Cara Buat Widget Berlangganan Artikel Keren di Blogger | Samsoftware-Cyber - Membuat Berlangganan Email memang memacu pengunjung agar lebih mengetahui apa yang terjadi pada Blog Anda maupun saya. Widget Box ini sangat keren dan simpel. Anda patut untuk mencobanya.

Langkah-Langkah

1. Buka akun Blogger Anda
2. Masuk ke Menu Layout > Add Gadget
3. Pastekan kode dibawah ini :

<div style="border: 1px solid DodgerBlue; padding: 5mm;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCsumqoFmVL6vEqHNkW3I4szrAVYhF2_Mu5OIzYQFNFia2x1Uei58JJFu7TnJ38uE21yYL4FOTYk-7TR1iKZOmbelngIQhJ_AXbBEe4Hvz1y7OhlVheHi-WBlAZHHkBmPpX1cSpWnhao8/"/></center>
<span style="font-weight: bold;font-size:small;"><center>Ganti Dengan Kata-kata Yang Anda Inginkan</center></span>
<form action=URL Feed Burner Anda disini" style="padding: 3px; text-align: center;" target="popupwindow" method="post" onsubmit="window.open('URL Feed Burner Anda disini', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><center style="font-weight: normal">Enter your email address:</center><p><center><input type="text" style="width:140px" name="email"/></center></p><center><input type="hidden" value="ID Feed Burner Anda" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /></center></form></div> 

    4. Ganti kode yang berwana biru dan Save Template Anda.

Cara membuat widget kaleng Badge FB, Twitter, Youtube di header blog

Langsung aja ikuti langkah² di bawah :

1. Silahkan login akun Blog Anda

2. Pilih menu Rancangan dan Pilih Elemen Laman

3. Setelah itu pilih Tambah Gadget 

4. Kemudian Tambahkan HTML/JavaScript

5. Dan Copy dan kode di bawah ini :

<!-- Widget - http://pasirandumusic.blogspot.com - Start -->

<style>

ul#navigation {

position: fixed;

margin: 0px;

padding: 0px;

top: 0px;

right: 0px;

list-style: none;

z-index:999999;

width: 993px;

}

ul#navigation li {

width: 103px;

display:inline;

float:left;

border:0;

}

ul#navigation li a {

display: block;

float:left;

margin-top: -2px;

width: 100px;

height: 25px;

background-color:#000000;

background-repeat:no-repeat;

background-position:50% 10px;

border:1px solid #BDDCEF;

-moz-border-radius:0px 0px 10px 10px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-khtml-border-bottom-right-radius: 10px;

-khtml-border-bottom-left-radius: 10px;

text-decoration:none;

text-align:center;

padding-top:80px;

opacity: 0.96;

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);

}

ul#navigation li a:hover{

background-color:#BDBDBD;

}

ul#navigation li a span{

letter-spacing:2px;

font-size:11px;

color:#FFFFFF;

font-family:trebuchet-ms, arial, tahoma, Sans-Serif;

font-weight:bold;

text-shadow: 0 -1px 1px #fff;

}

ul#navigation .rss a{

background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/RSS.png);

}

ul#navigation .facebook a {

background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook.png);

}

ul#navigation .twitter a {

background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Twitter.png);

}

ul#navigation .g-mail a{

background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Google.png);

}

ul#navigation .y-mail a{

background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Yahoo.png);

}

ul#navigation .youtube a{

background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/YouTube.png);

}

</style>

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">

</script>

<script type="text/javascript">

$(function() {

var d=300;

$('#navigation a').each(function(){

$(this).stop().animate({

'marginTop':'-80px'

},d+=150);

});

$('#navigation > li').hover(

function () {

$('a',$(this)).stop().animate({

'marginTop':'-2px'

},200);

},

function () {

$('a',$(this)).stop().animate({

'marginTop':'-80px'

},200);

}

);

});

</script>

<ul id="navigation">

<li class="rss"><a target="_blank" href="http://pasirandumusic.blogspot.com/atom.xml"  rel="http://wizyuloverz.blogspot.com">RSS Feed</a></li>

<li class="facebook"><a target="_blank"href="http://www.facebook.com/gun.36">Facebook</a></li>

<li class="twitter"><a target="_blank"href="https://twitter.com/Gunz_ville">Twitter</a></li>

<li class="g-mail a"><a target="_blank"href="https://www.google.com/bookmarks/">Google</a>

<li class="y-mail a"><a target="_blank"href="https://www.Yahoo.com/bookmarks/">Yahoo</a>

<li class="youtube a"><a target="_blank" href="http://www.youtube.com/channel/UC1qn7XZLr-SdrAv887znyDA?feature=guide">YouTube</a></li>

</li>

</li></ul>

<!-- Widget - http://pasirandumusic.blogspot.com - End-->

6. Setelah di Copy silahkan sahabat bisa mengganti Angka berwarna Pink diatas untuk mengatur posisi widget pada blog sahabat.

7. Ganti URL/Alamat Blog di atas yang berwarna Kuning dengan URL/Alamat Blog sahabat
8. Ganti Tulisan berwarna Orange diatas dengan ID Facebook sahabat.
9. Ganti Tulisan berwarna Hijau diatas dengan ID Twitter sahabat.
10. Setelah Selesai Silahkan Simpan/SAVE widget, kemudian lihat hasilnya.



sumber : http://pasirandumusic.blogspot.com

Cara Mudah Memasang Lagu Di Blog

Cara Mudah Memasang Lagu Di Blog - Banyak sudah tutorial-tutorial tentang cara memasang lagu atau cara menambahkan lagu pada blog, Memasang Widget Musik Player untuk sebuah blog memiliki kekurangan dan kelebihan tersendiri. Tergantung dari si pengunjung dan koneksi yang dimilikinya.

Untuk anda yang tetap ingin memasang lagu diblognya, berikut saya sediakan satu tutorial mudah dan singkat, silangkan disimak.
Pertama kunjungi situs scmplayer.net, kemudian pada tab Choose Skin, silahkan pilih tampilan skin widget yang nantinya akan ditampilkan pada blog anda.

Lalu klik pada tab Edit Playlist, disini ada dua pilihan yaitu dengan memasukan url lagu yang di pasang manual(Manual Playlist). Atau dari playlist akun youtube(RSS Podcast) anda. gunakan saja pilihan pertama "Manual Playlist".

Contoh Yang Saya Lakukan

Perhatikan pada gambar yang saya lingkari merah, disitu terterah contoh untuk memasukan lagu yang anda inginkan, silahkan anda cari situs yang menyediakan lagu atau bisa anda upload sendiri ataupun mencari di youtube.com video yang nantinya sebagai url lagu.(bukan menampilkan video, hanya suara dari video)

Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan anda. Atau seperti pengaturan saya pada gambar dibawah ini

Klik Untuk Memperbesar

Setelah itu klik tombol Done, lalu copy script yang diberikan.

Langkah terakhir, masuk ke akun blogger anda pilih tata letak. Kemudian klik tambah gadget pilih gadget HTML/Javascript. Lalu paste kan script tadi. klik Simpan.


semoga berhasil :)

Membuat Gallery Foto di Blog

kali ini saya posting bagaimana cara membuat gallery foto di blog  .

langsung saja ke tahapnya :

• Tahap Pertama yang Harus Dilakukan adalah Mengupload terlebih dahulu Foto yang ingin anda tampilkan didalam Gallery tersebut, Foto ini bisa di Upload ke Image Hosting atau juga di Upload di Akun Blogger sobat. Saya Anggap anda sudah mengerti tentang hal ini.
• Buat Sebuah Postingan, Beri Judul misal My Design Project.Kemudian Pada Halaman Postingan tersebut Pilih Metode HTML bukan COMPOSE
• Copy Kode Berikut ini :

<div class="snap_preview">
<style type="text/css">
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<br />
<div class="gallery snap_nopreview">

<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 1" target="_blank"><img alt="alt anda" class="attachment-thumbnail" height="96" src="IMAGE URL 1.jpg" title=" title anda" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 2" target="_blank"><img class="attachment-thumbnail" height="96" src="IMAGE URL 2" title="TITLE ANDA" width="128" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 3" target="_blank"><img class="attachment-thumbnail" height="96" src="IMAGE URL 3" title="TITLE ANDA" width="127" /></a>
</dt>
</dl>
<br />
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 4" target="_blank"><img alt="Fs-Calm" class="attachment-thumbnail" height="96" src="IMAGE URL 4" title="Farish Blog" width="127" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 5" target="_blank"><img alt="Fs-Calm" class="attachment-thumbnail" height="96" src="IMAGE URL 5" title="Fs-Calm" width="128" />
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="IMAGE URL 6" target="_blank"><img alt="Fs-Calm" class="attachment-thumbnail" height="96" src="IMAGE URL 6" title="Book" width="128" /></a>
</dt>
</dl>
<br />
<br style="clear: both;" /></div>
</div>

• Kemudian pastekan pada Postingan anda, INGAT dalam bentuk HTML
• Silahkan Ganti Tulisan URL IMAGE ANDA dengan Url Foto yang telah sobat Upload tadi
• Terbitkan
• Selesai

Selamat Mencoba, Semoga Sukses..

Cara Menghapus Blog di blogger.com

kali ini saya  akan posting bagaimana cara menghapus blog di blogger.com . .

bagi blog yang anda tidak sukai bisa anda langsung hapus saja blognya, seperti blog saya yang saya hapus hehehe

baiklah langsung ke intinya saja

Cara Menghapus Blog di OLD USER INTERFACE :

• Kunjungi www.blogger.com
• Dari Dasboard, klik Settings

• Di bagian Basic (Blog Tools), ada tiga pilihan disitu yaitu : Import blog, Export blog dan Delete Blog. Sobat pilih "Delete blog".
• Nanti sobat blogger akan dihadapkan pada, apakah sobat blogger akan mengekspor blog sobat terlebih dahulu atau tidak.
• Proses selesai dan blog sudah terhapus.

Cara Menghapus Blog di NEW USER INTERFACE :

• Kunjungi www.blogger.com
• Pada bagian drop down, klik Setting dan klik Other

• Di Blog tools sobat klik Delete blog
• Blog berhasil di hapus

Cara Mengembalikan Blog yang Terhapus :

Jika sobat blogger sengaja atau tidak sengaja menghapus blog sobat dan ingin merestore atau mengembalikan lagi blog sobat, Sobat dapat mengembalikan blog sobat dalam jangka waktu tertentu setelah penghapusan. Sobat kembali saja ke menu Dasboard dan lihat opsi yang sebelah kiri. Lalu sobat klik kata ""Deleted blogs" dan klik "Undelete this blog". Blog sobat pasti akan kembali normal seperti biasa lagi.

Informasi seputar cara hapus dan restore blog bisa juga sobat blogger dapatkan di :
http://support.google.com/blogger/bin/answer.py?hl=en&answer=41387

terima kasih :)

Cara Membuat Animasi Slide Efek Marquee Di Blog

Cara Membuat Animasi Slide Efek Marquee Di Blog | Pada postingan kali ini saya akan share cara membuat slide pada sidebar blog. Cara membuatnya sangat mudah dan tidak akan memberatkan loading blog anda. yuk kita mulai cara membuatnya di blog.

Berikut cara memasang animasi slide dengan efek marquee pada blog :
1. Login ke Blogger
2. Klik Rancangan
3. Pilih Edit HTML
4. Cari kode </head>
5. Lalu copy kode di bawah ini dan letakkan di atas kode </head>

<!-- begin Tooltips -->
<script type='text/javascript'>
$(document).ready(function(){
$("a.tooltip").easyTooltip();
});
</script>
<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>"+content+"</div>");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);
//]]>
</script>
<!-- end tooltips -->


<style type="text/css">
<a href="http://teknik-blog-tutorial.blogspot.com/2012/04/cara-membuat-animasi-slide-efek-marquee.html"/></a>
div.animasislide{margin 2px; padding-top:6px; border: 5px solid #D8D8D8; border-style:double; background-color:#F2F2F2; width:auto; float:left; text-align:center;}
div.animasislide img{margin:3px; width:100px; height:100px; border: 3px solid #D8D8D8; border-style:double; transition:width 2s; -moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */-o-transition:width 2s; /* Opera */}
div.animasislide a:hover img{width:200px; height:100px;}
</style>

6. Simpan dulu Template anda
7. Langkah selanjutnya anda tinggal memanggil kode animasi slide gambar, yaitu :
Pilih Rancangan => Tambah Gadget > HTML/Javascript

<div id="tooltip"><a href="http://teknik-blog-tutorial.blogspot.com/2012/04/cara-membuat-animasi-slide-efek-marquee.html"/></a>
<div align="center" class="animasislide">
<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="100%">

<a href="Url Postingan anda" target="_blank" title="keterangan postingan"><klik untuk membaca><img src="Url gambar anda" /></klik></a>

<a href="Url Postingan anda" target="_blank" title="keterangan postingan"><klik untuk membaca><img src="Url gambar anda" /></klik></a>

<a href="Url Postingan anda" target="_blank" title="keterangan postingan"><klik untuk membaca><img src="Url gambar anda" /></klik></a>

<a href="Url Postingan anda" target="_blank" title="keterangan postingan"><klik untuk membaca><img src="Url gambar anda" /></klik></a>

<a href="Url Postingan anda" target="_blank" title="keterangan postingan"><klik untuk membaca><img src="Url gambar anda" /></klik></a>

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

8. Simpan dan lihat hasilnya

Keterangan :
Silahkan anda ganti kode yang saya beri warna merah, biru dan pink dengan punya anda

Membuat Effect Stabilo

Membuat Efek Tulisan Seperti Stabilo | Pada postingan kali ini saya akan share tentang tutorial efek lagi. Mungkin tutorial ini akan berguna untuk anda, jika tidak juga gak apa-apa. Ok untuk anda yang ingin tahu bagaimana cara membuat tulisan berefek seperti stabilo, simak penjelasan di bawah ini. Cara membuatnya cukup mudah sekali, karena anda cuma menggunakan kode html untuk membuatnya.

Saya kasih contoh cara membuat teks berefek stabilo dengan teks warna hijau Tulisan Stabillo
Di bawah ini kode html untuk membuat efek teks stabilo :

<span style="background:#1E9700">Tulisan Stabillo</span>

Untuk merubah kode warna, silahkan lihat postingan saya tentang Kode Warna HTML

Sekian postingan singkat tentang Membuat Efek Tulisan Seperti Stabilo di blog, selamat mencoba dan selamat berkreasi.

Cara Membuat Widget 3 in 1 Melayang (Blogger, Twitter, Facebook)

Asalamualaikum.Wr.Wb. - Setelah saya Update tentang Free Download Template SEO Friendly Terbaru 2012 dan template itu sangat menarik karena sama seperti tempate Kertas Kecil Kita ini. Kali ini saya akan share lagi tentang Widget 3 in 1 Floating yang sangat menarik dan Efektif ini kepada kalian semua. Widget 3 in 1 floating yang menurut saya merupakan salah satu widget blogger terbaik di tahun 2012 ini. 3 buah widget melayang yang digabung dalam 1 gadget. Demo penerapan widget melayang (floating widget) ini bisa sobat lihat disamping sidebar kanan blog ini. Seperti apa Cara membuat widget Follower Blogger, status Twitter dan Facebook Like, sekarang waktunya kita bedah bersama sama Widget ini dalam Tips dan Trik NgeBlog Kertas Kecil Kita ini.

Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :
1.   Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

2.       Copy script master widget dibawah ini dan paste pada gadget.

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxv2WslNL6LKPCE7yFlD0-ntPrgc10C34ZfkwaflkoTBrGI_Bp7Pg8wD5rMAt62wHBfSyy6BOiCT_3S1pwYR9MEhhsOVGHmH2cjnv74PbPZa5znKFQKuy2mc-1OE2UrX_N8-kXX5-e9Wg//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsmXzZMsOYkmPeddJO08zQGnP9MEFehL2x8ZFghWrwmO_4GGF9iVyBFjnZ8BKr9mpCKot91l6Nkck0-1tWZBeSJJCv87MCBpWvF9N1JIQBHgNzOU_53gxKgXfZeEXKbWieJAuuCIEITmd//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYp3oS7EaG8kZAZVR71sKaHrw6LfEXcHUNqwqgMq-n06p7KZHegNZ6E7e6SjWU6bzPc0YYGWd8LNizAQWTDUm3Y-yF1SvrIhKMvs-zs2jStEZ2vRW07Vz5tbJRXnJ6cDvLs50FOxZOX1fA//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-M3HQAtCIdAaMiKwq20wIjNDT4e4r5NLIii7KcBdNGeOYihyphenhyphenNHLwIHRPI7Vev2RtKTeuLY5UPwYrQC5WGcwkFRMGLfOfpMOTrAWgGMNdtzIjJ8F3WjkqRBPbcheKe5MKKijFaXfxYhhtj//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gw7g2sWcKSjzjYC6RGGrI0XQOFrk8uHrCLjfaaiI5JcXoSSqJIvigaaaZJfQmSfvHzkW-gLFSjo0mBBMr1PuNdwer3nbXhLbbZzPkAcxqfKAsc8JGOec01D0TaLpj2x6LijWhhyphenhyphenjQm0u//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg46Ce9mSUQ5eDQyLBgCpgwaOxSLoAoQsoF0ZNO1ufCp17NlqfkhMp71nQjh7-tbvuHwLy-IQfidG0FMqvtViVFxfgtnWwpdADbm_-bOYsMhs1eSs-9OP1GGIYUp9F2kvAji-IXGmRo96MG//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>

3.       Kustomisasi widget :

• Ganti tulisan CONTENT BLOGGER HERE dengan kode HTML Google Friend Connect anda.
• Ganti tulisan CONTENT TWITTER HERE dengan kode HTML widget status Twitter anda.
• Ganti tulisan CONTENT FACEBOOK HERE dengan kode HTML Facebook Like Box anda.

4.      Bentuk akhir dari kode script ini ( Final Code ) akan menjadi seperti script widget milik saya dibawah ini :

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsxv2WslNL6LKPCE7yFlD0-ntPrgc10C34ZfkwaflkoTBrGI_Bp7Pg8wD5rMAt62wHBfSyy6BOiCT_3S1pwYR9MEhhsOVGHmH2cjnv74PbPZa5znKFQKuy2mc-1OE2UrX_N8-kXX5-e9Wg//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsmXzZMsOYkmPeddJO08zQGnP9MEFehL2x8ZFghWrwmO_4GGF9iVyBFjnZ8BKr9mpCKot91l6Nkck0-1tWZBeSJJCv87MCBpWvF9N1JIQBHgNzOU_53gxKgXfZeEXKbWieJAuuCIEITmd//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYp3oS7EaG8kZAZVR71sKaHrw6LfEXcHUNqwqgMq-n06p7KZHegNZ6E7e6SjWU6bzPc0YYGWd8LNizAQWTDUm3Y-yF1SvrIhKMvs-zs2jStEZ2vRW07Vz5tbJRXnJ6cDvLs50FOxZOX1fA//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-M3HQAtCIdAaMiKwq20wIjNDT4e4r5NLIii7KcBdNGeOYihyphenhyphenNHLwIHRPI7Vev2RtKTeuLY5UPwYrQC5WGcwkFRMGLfOfpMOTrAWgGMNdtzIjJ8F3WjkqRBPbcheKe5MKKijFaXfxYhhtj//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gw7g2sWcKSjzjYC6RGGrI0XQOFrk8uHrCLjfaaiI5JcXoSSqJIvigaaaZJfQmSfvHzkW-gLFSjo0mBBMr1PuNdwer3nbXhLbbZzPkAcxqfKAsc8JGOec01D0TaLpj2x6LijWhhyphenhyphenjQm0u//');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg46Ce9mSUQ5eDQyLBgCpgwaOxSLoAoQsoF0ZNO1ufCp17NlqfkhMp71nQjh7-tbvuHwLy-IQfidG0FMqvtViVFxfgtnWwpdADbm_-bOYsMhs1eSs-9OP1GGIYUp9F2kvAji-IXGmRo96MG//');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>
<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-3587425820990824703" style="width:250px;border:1px solid #ff0000;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#ff0000';
skin['ENDCAP_BG_COLOR'] = '#ffffff';
skin['ENDCAP_TEXT_COLOR'] = '#ff0000';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#000000';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#ffffff';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#ffffff';
skin['CONTENT_HEADLINE_COLOR'] = '#ff0000';
skin['NUMBER_ROWS'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-3587425820990824703',
   site: '12625880981379543615' },
  skin);
</script>

</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('KertasKecilKita').start();
</script>
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">


<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FKertas-Kecil-Kita%2F252332308146760&amp;width=250&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=286045748116584" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:290px;" allowtransparency="true"></iframe>

</div>
</div>

5.      Jika sudah selesai melakukan kustomisasi, Save / Simpan gadget dan lihat hasilnya.

Cara Membuat Tv Online di Blog

Berbagai macam acara televisi bisa kita lihat di Mivo TV,karena mivo TV tidak hanya menyiarkan saluran mereka sendiri namun juga siaran TV lokal lain seperti RCTI, SCTV, Trans TV, TV one, Trans 7, AnTV, Indosiar dan lain-lain.


Kalaupun begitu kita tidak perlu menuju situs mivo TV, karena kita bisa memasang TV online di blog kita sendiri. Caranya dengan memasang kode script TV online. Nah di bawah ini ada beberapa kode script TV online untuk di pasang di blog.

1. Kode Script untuk MIVO TV Online

<embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed><br /><a href="http://www.super-gaptek.com/" target="_blank">Script TV Online</a>

2. Script Internet TV Metro TV

<iframe frameborder="0" height="233" scrolling="no" src="http://www.metrotvnews.com/streaming-singtel/player.html" width="370"></iframe><br /> Widget by: <a href="http://www.super-gaptek.com/" target="_blank">Script TV Online</a>

3. TV Online luar negeri

<iframe frameborder="0" height="400" id="tvweb360player" scrolling="no" src="http://tvweb360.com/live_embed_player_630px_en" width="100%"></iframe>

Nah itulah beberapa kode yang bisa kamu pasangkan Silakan di coba satu-satu, semoga saja berhasil. biasanya faktor yang membuat gagal yaitu masalah jaringan internet. Dan kemudian untuk cara memasangnya sebaiknya di pasang di postingan blog atau halaman statis. Karena kalo di pasang di sidebar atau footer mungkin terlalu kecil jadinya.

Jangan lupa saat memasukkan kode di atas pastikan klik menu HTML (lihat kiri atas) saat membuat postingan. Atau lihat caranya buka post cara membuat halaman statis di blogspot.

Itulah Cara Memasang Tv Online Di Blog Yang Dan Beberapa Kode Script TV Online semoga informasi ini bermanfaat. Sumber : www.super-gaptek.com.

Selamat Mencoba

Membuat Dan Mengganti Favicon Blog

jika anda ingin mengganti favicon , cari terlebih dahulu gambar yang akan anda pasang di blog anda , setelah gambar anda cari lalu anda ikuti langkah - langkah berikut ini dengan teliti !

Cara :

Sekarang, login ke Blogger. Pilih Layout -> Edit HTML.

Copy kode di bawah ini:




Lalu paste persis di bawah baris kode berikut:

Sekarang ubah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting. Lihat gambar di atas, klik untuk melihat lebih besar. Perhatikan, bagian yang dihighlight adalah contoh URL yang telah diubah. Ubah juga alamat URL favicon animasi (animated_favicon1.gif) jika anda memang menginginkannya. Periksa lagi apakah alamat URL sudah benar.

Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.

Selamat mencoba!

Cara Membuat Widget Search di Blog

Cara Membuat Widget Search di Blog - Kali ini saya akan memberikan tutorial "Cara Membuat Widget Search di Blog" Widget Search membantu visitor untuk menemukan artikel apa yang visitor di cari dan tentunya widget Search berguna bagi pengguna blogger selain itu Hampir seluruh pengguna blog pasti memakai widget Search

Nah untuk widget Search bentuknya seperti ini :

Nah untuk cara mebmuatnya pun sangat mudah,kita langsung saja cara mebuat Widget Searchnya :

     1.Login ke Akun Blogger anda

     2.Pergi ke menu Tata Letak

     3.Lalu klik "Tambah Gadget/Add Element"

     4.Copas/Copy Paste kode di bawah ini lalu paste pada Gadget/Element baru tadi

http://it-badsextor.blogspot.com/

search"
method="get"> 30" type="text"/>

      5.Selesai dan lihat hasilnya !

Catatan : Untuk yang berwarna biru silahkan ganti dengan Url/Nama blog anda dan untuk yang berwarna merah adalah ukuran Widget Searchnya,anda bisa menggantinya sesuai selera anda ! Semakin banyak angka tersebut semakin panjang juga widget tersebut

Cara Mendaftarkan Blog ke Search engine Sekaligus

Mendaftarkan blog ke banyak search engine adalah cara yang sebaiknya dilakukan agar blog lebih populer di hasil pencarian.Semakin banyak search engine atau mesin pencari yang mengindeks artikel blog, maka akan semakin besar kesempatan blog muncul di halaman depan hasil pencarian ketika seseorang mengetikkan kata kunci di google search atau search engine lain seperti BING dan Yahoo. Karena itu, SUBMITE BLOG ke search engine adalah hal yang harus dilakukan agar trafik blog bisa meningkat.

Beberapa Cara Submit Blog.

setelah menulis beberapa artikel tentang cara mendaftarkan blog di search engine. Beberapa diantanya adalah :

• Cara mendaftarkan Blog ke goole,
• Cara mendaftarkan blog ke bing, dan
• Cara mendaftarkan blog ke 50 Search Engine sekaligus.

Untuk menambah daftar search engine yang mengindeks blog, masih ada banyak situs yang bisa digunakan untuk melakukan submit ke banyak search engine sekaligus, salah satunya adalah www.imtalk.org. Dari banyak web submitter, ini adalah situs yang paling banyak daftar search enginenya yaitu sampai 3.124 situs. Dengan menggunakan situs ini, kita bisa mendaftarkan blog ke ribuan search engine sekaligus secara otomatis tapi tentunya membutuhkan waktu sedikit lebih lama di bandingkan web submitter lainnya.

Gambar 1 : Cara Submite Blog ke 3124 Search Engine

Untuk mulai melakukan SUBMIT ke ribuan search engine yang dimaksud, silahkan kunjungi :

www.imtalk.org

Semoga bermanfaat...

Cara Membuat Kode Tukar Link Banner di Blog

Kali ini kita akan membahas cara memasang kode tukeran link di blog yang bisa sobat pasang di sidebar ataupun di halaman posting. Silahkan ikuti tutorial berikut bagi sobat blogger yang tertarik memasangnya.

1. Tukar Link Teks

<center><textarea code="" rows="4" cols="21" name=""><a href="http://it-badsextor.blogspot.com/" target="_blank">IT-BADSEXTOR</a></textarea></center>

Catatan :

• Ganti kode kode berwarna biru dengan url blog sobat.
• Ganti kode berwarna merah dengan judul blog sobat.
• Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )

2. Tukar Link Gambar

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

<img alt="IT-BADSEXTOR" border="0" src="http://r15.cooltext.com/rendered/cooltext887196915.png" />

<textarea code="" rows="4" cols="21" name=""><center><a href="http://it-badsextor.blogspot.com" target="_blank" title="IT-BADSEXTOR"><img src="http://r15.cooltext.com/rendered/cooltext887196915.png" alt="IT-BADSEXTOR" /></a></center></textarea></div>

Hasilnya :

Catatan :

• Ganti kode kode berwarna biru dengan url blog sobat.
• Ganti kode berwarna merah dengan judul blog sobat.
• Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )
• Ganti kode berwarna ungu dengan Url gambar sobat.
• Sobat yang belum mempunyai banner untuk link exchange silahkan lihat postingan lain tentang cara membuat banner untuk link exchange.

Cara Pemasangan :
1. Untuk cara pemasangan di postingan, silahkan masukkan di dalam Edit HTML dan bukan Compose.
2. Untuk cara pemasangan di sidebar, silahkan sobat masukkan ke dalam HTML/Javascript blog sobat.
caranya :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode ke dalam konten yang di sediakan
Klik save dan lihat hasilnya...

selamat mencoba

Cara Membuat Banner Untuk Link Exchange

Cara Membuat Banner Untuk Link / Banner Exchange Blog - Link Exchange atau tukar link adalah bagian yang tak terpisahkan dari dunia blogger dan sebagin besar blogger menggunakannya. Kali ini saya akan share cara membuat banner untuk banner/link exchange.
 Postingan ini sebenarnya hampir sama dengan 2 postingan saya sebelumnya yaitu cara membuat logo header secara online dan versi ke 2 nya yaitu cara membuat logo header secara online versi 2, cuma mungkin bedanya kalau yang dulu saya khususkan untuk logo header nah yang ini saya khususkan untuk banner blog hehehe.

Sobat sekalian sudah pernah mendengar Cooltext?? di situlah kita akan membuat bannernya..

Silahkan ikuti tutorial  cara membuat banner untuk link exchange di blog berikut.

1. Kunjungi situs http://cooltext.com
Kemudian sobat akan melihat tampilan berikut.

2. Seperti pada gambar, pada bagian atas ada 4 pilihan menu yang di antaranya adalah menu Logo dan Button ( berbentuk tombol / background tombol ), pilih salah satunya saja. Misalnya sobat memilih FROSTY ( logo ), maka sobat akan melihat tampilan seperti berikut.

3. Atur penampilan kode dengan :

• Mengganti tulisan christian tatelu atau tulisan lain dengan judul blog sobat.
• Menggati atau memilih huruf ( font )
• Menganti efek yangl lain seperti Glow, Outer text,dan Inner text.
• Pilih format logo yang di inginkan. ( jpg atau png di sarankan )

4. Klik Render Logo dan kemudian sobat ke halaman dengan tampilan seperti berikut.

5. Klik Download Image untuk mendowload gambarnya. Bisa juga dengan mengklik kanan pada mouse kemudian klik save image as.

6. Setelah itu, sekarang yang sobat perlukan adalah url dari gambar tersebut. Untuk memperoleh url dari gambar sebenarnya ada banyak caranya di antaranya..

• Klik kanan --> Klik Copy Image Location
• Dengan meng-upload gambar ke blogger ( saat memposting artikel )
• Dengan mengupload ke situs file sharing seperti Photobucket dan lain - lain.

Pilih 1 dari ke 3 cara di atas kemudian sobat pasangkan di kode tuker link banner milik sobat. Sekian....

maka jadinya akan seperti ini :

terima kasih semoga bermanfaat

Cara membuat like facebook di blog

Cara Membuat like facebook di blog merupakan salah satu cara yang dapat digunakan untuk meningkatkan traffic blog dan mampu mempopulerkan blog di mata SERP. Karena belakangan ini Google mulai melirik blog-blog yang aktif dalam social media yang lagi trend saat ini.

Dengan memasang tombol like facebook di blog, jika pengunjung menekan tombol like maka secara otomatis artikel dan link akan terkirim langsung ke wall facebooknya, besar kemungkinan artikel tersebut dibaca oleh teman-temannya atau jaringannya. Dua nilai plus langsung anda dapatkan, pertama link anda akan menyebar dan link itu akan menjadi sebuah backlink, kedua blog anda akan lebih dikenal orang. Sebenarnya prinsip kerja dari tombol like facebook ini mirip dengan tombol social media share.

Cara membuat like facebook di blog

Agar setiap artikel dalam postingan anda memiliki tombol like facebook, berarti anda harus memasang tombol like facebook tersebut di dalam html. Ini cara yang paling sering digunakan, untuk mingkatkan traffic.

CaraKerjanya :

> masuk ke Dashboard
> lalu pilih Tata Letak
> dan klik tab Edit HTML 

> kemudian jangan lupa contreng tulisan Expand Widget Templates
> lalu cari kode <data:post.body/> atau <p><data:post.body/></p>
 

Copy Kode Dibawah Ini :
Untuk Di Widget Klik Aja Ad HTML/Text
Pasang Kode Berikut Dibawahnya :

<iframe> src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)) ?>&send=false&layout=button_count&width=85&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:85px; height:21px;" allowTransparency="true"></iframe>

Maka hasil tampilan tombolnya akan seperti ini.