Cara Cepat Artikel Blog Di Index Google

Cara cepat Artikel Blog Di Index Google-Hallo masbro/mbakbro...
Kali ini saya ingin sedikit berbagi pengalaman yang sudah saya terapkan selama ini.
mungkin dengan cara ini juga sobat semua akan tau bagaimana cara cepat agar artikel blog cepat di index Search Engine khususnya Google.
Oke sekarang langsung To The Point saja ya!

Cara Cepat Artikel Blog Di Index Google
Maaf sebelumnya,sebenarnya ini tidak ada trik khusus dari saya,saya hanya ingin sharing saja hehe.
saya membuat artikel memang sangat cepat di index oleh Search Engine,Google khususnya,kalau Bing memang lumayan sih,,lumayan lama kwkwk.

Tapi saya juga tidak tau kenapa setiap blog saya kalau menulis artikel kok cepat banget di index, (Blogspot) ya,kalau WordPress memang masih awam banget.
mungkin karena blog ini sudah cukup lama ya,tapi blog baru pun saya berhasil kok 2-3 menit sudah terindex.
Ya saya kasih screenshot Backlink untuk blog ini versi backlinkwatch.com

nah untuk versi Backlinkwatch.com Backlink blog ini hanya 3255.
tapi untuk versi ahrefs.com 7,831 Backlink

Saya gak begitu tau tentang Backlink,mana yang benar di 2 Versi Backlink Checker tersebut.
dan saya kasih ScreenShot PageRank,Alexa Rank juga nih

Untuk optimasi Blog ini saya tidak ada metode lain-lain,sama saja seperti yang lain bagaimana merawat blog,untuk update artikel juga gak setiap hari,kadang sampai 2 minggu gak menulis.
visitor juga gak banyak,ya kadang sampai 2000 visitor,kadang di bawah 1000,blog ini memang gak stabil,saya juga heran kwkwk,tapi kalau Pageview bisa gila,kadang pageview sampai 5-6 K tapi UV cuma 2K hahaha.

Tapi untuk setiap saya menulis artikel,pasti rutin submit ke Google Webmaster sebelumnya saya submit dulu ke www.google.com/addurl lalu saya resubmit Sitemap di webmaster.
selanjutnya submit ke Bing dan lanjut ke Lintas.me,share ke facebook,twitter,google+ sosbook sih gak begitu sering,paling ya lintas.me dan beberapa sosbook lainya gak nyampai 10 sosbook,capek soalnya manual sih hehe. tapi sebelum saya submit ke google addurl juga sudah terindex duluan kok,contohnya ini 2 menit sudah terindex.

dan ini 3 menit saya ambil gambarnya juga sudah terindex

sudah pernah pakai IMacros buat auto submit SosBook tapi bosen juga,karena saya jarang menulis konten hehe.

Tapi biarpun jarang menulis artikel,ada beberapa KW yang tembus Pejwan,yah walapun cuma 2-3 jutaan sainganya kwkwk.
untuk bagian ini juga penting untuk saya,apa namanya ini kwkwkwk

Lalu untuk setting yang lain seperti permalink saya pakai yang automatic permalink,kadang juga pakai custom.
Dan yang paling penting adalah konten original kalau pengen awet di pejwan,karena saya sudah membuktikan,konten hasil copas sama original sangatlah berbeda rasanya haha kaya es cendol aja pakai rasa.

Maaf banget ya,isi artikel tidak sesuai dengan judulnya hehe.
daripada saya binging mau nulis apa,ya iseng aja kaya gini.
semoga sobat tidak marah ya kekekekekek.

sekian dulu sharing dari saya tentang Cara Cepat Artikel Terindex Google.
salam BLOGGER!

Cara Berinteraksi Dengan Baik Di Facebook Fanpage

Hallo sobat Tb semua,kali ini saya masih menulis tentang Facebook nih hehe.
yuk mari kita simak baik-baik.


Halaman fan di Facebook Kebanyakan bisnis berjuang untuk didengar hari ini. Facebook, platform sosial yang paling kuat telah menjadi bagian integral dari pemasaran internet hari ini dan setiap bisnis yang berfokus untuk membangun basis penggemar melalui halaman disesuaikan bisnis mereka fan. Baru-baru ini, Facebook telah membawa beberapa perubahan besar untuk algoritma mereka dan sistem EdgeRanking baru mengontrol visibilitas dan jangkauan halaman Anda dan konten. Mari kita fokus pada strategi yang dapat membantu Anda mendapatkan lebih banyak penggemar Facebook dan melibatkan mereka lebih ke dalam bisnis Anda.

Di bawah ini adalah tips ahli lima pada berinteraksi dengan penggemar Facebook dan dua kali lipat jumlah cepat.

Tips # 1. Memberikan Kualitas Konten Worth-berbagi Tinggi
Saat ini, Facebook hanya menekankan isi yang berguna, menarik dan menarik. Algoritma baru menganggap berbagi Facebook sebagai penambah peringkat paling kuat, di mana komentar berdiri di tempat kedua dan suka datang pada akhirnya. Facebook menganalisis upaya yang diperlukan untuk mengambil tindakan dan mengevaluasi sesuai. Jika Anda termasuk Infografis, multimedia definisi tinggi ke dalam isi, pengguna akan lebih tertarik kepada Anda dan berbagi halaman fan Anda spontan.

Sebelum Anda berbagi apa-apa dengan penggemar Anda, pastikan konten menunjukkan kualitas tertinggi mungkin dengan segala cara. Hal ini tentu akan meningkatkan jumlah pengunjung organik dan interaksi spontan. Anda dapat menyewa desainer grafis profesional dan pengembang konten untuk memastikan kualitas.

Tips # 2. Promosikan Anda Halaman Facebook (Paid dan Gratis)
Facebook kini mungkin platform yang paling populer untuk iklan kepada pemilik bisnis. Bahkan sebelum Anda membuat halaman fan, Anda harus mempersiapkan strategi promosi untuk mendapatkan penggemar Facebook. Anda dapat mempromosikan halaman bisnis Anda secara manual dalam kelompok yang relevan dan halaman atau, Anda dapat beriklan tentang halaman Anda di Facebook. Saat ini, Facebook menawarkan metode yang berbeda dari promosi dibayarkan pada situs web.

Facebook adalah solusi Per Klik Dibayar mahal untuk bisnis apapun hari ini. Namun, iklan di Facebook layak harga PPC iklan seperti ini membawa pengunjung yang ditargetkan dan tinggi-konversi. Tapi Anda harus berkonsultasi dengan seorang ahli SEO dibayar untuk mempersiapkan anggaran untuk perusahaan bisnis Anda dan meletakkan garis tepat. Pada saat yang sama, Anda harus mendorong penggemar yang ada untuk berbagi kata-kata Anda dan didengar ke jaringan yang lebih besar dari teman-teman.

Tip # 3. Optimalkan Halaman Anda untuk Handphone dan Tablet
Dalam beberapa statistik peneliti telah menunjukkan sekitar 70% dari pengguna login ke Facebook dari ponsel, tablet dan perangkat portable lainnya. Facebook telah mulai bekerja pada ini dan mereka terus mengoptimalkan halaman mereka untuk perangkat mobile dan sistem operasi yang berbeda sesuai. Anda dapat membiarkan Facebook app pengembang membantu bisnis Anda dalam situasi ini atau menyewa seorang ahli coder juga.

Mengoptimalkan halaman ini bisnis menjadi lebih user-friendly platform menarik adalah keharusan sebagai masa depan jaringan internet tentu akan lebih berorientasi pada perangkat portabel. Perbaikan kecil dapat meningkatkan banyak hal dan membuat halaman fan Anda lebih menarik dan interaktif. Setelah Anda telah dioptimalkan halaman, jangan lupa untuk menguji-menjalankan halaman.

Tip # 4. Penawaran Diskon, Internet Promo Khusus dan Kontes Run
Terlepas dari isi biasa, Infografis dan fakta informatif, Anda juga harus mempersiapkan sesuatu untuk acara-acara khusus. Hal ini hanya akan menaikkan penjualan dan meningkatkan visibilitas ke audiens yang lebih besar. Banyak Facebook app pengembang telah merancang aplikasi kontes khusus, diskon platform dan alat-alat produktif lainnya. Anda juga dapat mempersiapkan perencanaan strategis untuk menawarkan diskon khusus, penawaran promo dan kontes run.
Aplikasi dibayar beberapa situs telah membantu bisnis online untuk menjalankan kontes promosi, musim diskon dan acara-acara serupa. Anda harus kreatif dan sangat terfokus untuk layanan pelanggan profesional. Perencanaan strategi pemasaran harus dilakukan bahkan sebelum Anda meluncurkan fan page.

Tip # 5. Gunakan 'Like' Facebook Button dan Plugin
Dalam laporan analitis beberapa, para peneliti telah mengungkapkan bahwa sekitar 25 persen suka, saham dan komentar yang dibuat melalui website seperti tombol dan plugin. Tombol-tombol ini menarik dan HTML plugin juga mendapat perhatian dari pelanggan mengunjungi situs bisnis resmi Anda. Para pelanggan setia akan merujuk lebih banyak klien melalui profil Facebook mereka dan itulah teknik lain dan menghasilkan.

Demikian artikel kali ini,semoga bermanfaat untuk semua :)
Baca juga di Auto Invite Teman Ke Grup Facebook

Cara Pasang Widget Like Facebook Nyumput Di Kanan Blog

Kamu Tau Kan Widget Like Facebook ? , Macem2 kan bentuknya ? , Biasanya Kamu Kalau Pasang Di Blog Di Sidebar / Di Header sama Footer Posting Kan ? Nah Sekarang Saya Akan Memberitahu Bagaimanaca Cara Membuat Widget Itu Nempel Di Kanan Blog dan Saat Di Hover Akan Muncul Widgetnya ,, Gampang Kok Caranya Asalkan Kamu Baca Dengan Teliti Tutorialnya ! , Tanpa Banyak Cingcong Lagi Yuk Ahh Mulai Ke Tutorialnya, Eitss.. Sebelumnya Kamu Harus Punya Fanspage Blog/Website Kamu Di Facebook...

Caranya :
1. Login Ke Blog Kamu
2. Kamu Masuk Ke Bagian Tata Letak/ Layout
3. Di Situ Kamu Bikin Gadet HTML/JavaScript (Jangan Di Kasih Judul)
4. Kamu Copy/Paste Script Di Bawah Ke Dalam Gadget Yang Tadi Buat:

<script type="text/javascript">//<!--$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});//--></script><style type="text/css">.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}.w2bslikebox div{border:none;position:relative;display:block;}.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.w2bslikebox span a{color: #808080;text-decoration:none;}.w2bslikebox span a:hover{text-decoration:underline;}</style>
<div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FIDPAGEKAMU&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 545px;background:#fff;"></iframe></div></div></script>

5. Kamu Klick Save Aja ,, Dan Liat Hasilnya!

Ket.
   Tulisan Berwarna Merah Yang Di Dalah Script Itu Ganti Dengan ID Fanspage Blog Kamu Di Facebook. Gadget HTML/JavaScriptnya Jangan Di Kasih Judul.

Cara Membuat Shadow Menu Navigation Pada Blog

Kamu Pasti Tahu Apa Itu Menu Navigasi kan ? dan Menu Navigasi Itu Pasti Berbeda-beda Di Setiap Blog/Website , Nah Sekarang Saya Akan Memberi Menu Navigasi Yang Di Beri Effect Shadow Saat Di Sentuh.. Nih Dia Caranya!

Caranya :

1. Login Ke Blog Kamu

2. Masuk Ke Bagian Tata Letak/ Layout

3. Kamu Buat 1 Gadget HTML/JavaScript Di Bagian Bawah Header

4. Kamu Copy/Paste Script HTML Di Bawah Ini Lalu Save.

<ul id="shadowmenu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>

5. Lalu Kamu Masuk Ke Bagian Edit HTML, Di Situ Kamu Cari Kode ]]></b:skin>  Lalu Kamu Copy/Paste Script CSS DiBawah Ini Tepat Di Atas Kode ]]></b:skin>.

#shadowmenu {
font-size:24px;
list-style:none;
padding:0;
margin:120px auto;
width:100%;
text-align:center;
}
#shadowmenu li a, #shadowmenu li a:hover {
transition:all 100ms ease;
}
#shadowmenu li a {
text-decoration:none;
color:#666;
padding:5px 10px;
border-radius:5px;
background:rgba(255,255,255,0.2);
box-shadow:0 2px #555;
position:relative;
}
#shadowmenu li a:hover {
color:#666;
}
#shadowmenu li {
display:inline-block; margin-right:10px;
}
#shadowmenu li a:active {
box-shadow:none;
bottom:-2px;
}
#shadowmenu li a:hover{
color:#fff;
text-shadow:0 0 10px #fff;
}

6. Jika Sudah Save Template dan Liat Hasilnya :D ... 

NB.

  Di Script HTML Kamu Bisa Mengganti Nama Menu dan Link Tujuannya Dengan Cara Misalnya Menu "HOME" Kamu Beri Link Blog Kamu http://www.blogkamu.blogspot.com/ Linknya Di Simpan Di Tempat Tanda # Kress , Dan Jangan Lupa Hapus Tanda # Kressnya Kalau Sudah Menyimpan Link.

Effect Flip Untuk Gambar Dengan CSS3

 Yo ... Sekarang saya mau ngasih cara baru nih ,, yaitu cara membuat Effect Flip Untuk Gambar Di Blog Dengan CSS3 Pastinya. Sebelum mulai ada yang Effect Flip Gak ?? kalau belum tau gini , Effect Flip ini hampir sama kaya nge Rotate gambar kalau nge Rotate biasakan gambarnya kebalik ? tapi kalau flip kita itu membalikan gambar tapi tidak terbalik kayak Foto Ini,, Nah udah tau kan ? kalau begitu ini dia caranya!

Caranya :

1. Login Blog Dulu

2. Masuk Ke Bagian Edit HTML

3. Terus Kalau Udah Di Edit HTML Kamu Cari Kode ]]></b:skin> terus Simpen Script Di Bawah Ini Tepat Di Atas Kode ]]></b:skin> :

img {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
} 

 4. Jika Sudah Save Template , Lalu Lihat Blog Kamu Semua Gambar Pada Kebalik Dengan Sempurna .

Gambar Semula :

Gambar Saat Terkena Effect Flip :

Nah Kalau Kamu Mau Effect Flip Ini Hanya Terkena Pada Gambar Tertentu Kamu Hanya Tinggal Membuat ID Tags/Class Tags dan Link Gambarnya Saja ... Misalnya ID Tags/Class Tags "gambar", Kamu Membuat Script CSSnya :

ID Tags:

#gambar {

        -moz-transform: scaleX(-1);

        -o-transform: scaleX(-1);

        -webkit-transform: scaleX(-1);

        transform: scaleX(-1);

        filter: FlipH;

        -ms-filter: "FlipH";





} 

Class Tags:

.gambar { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} 

Ditambah Dengan Script Link Gambar:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYK5jMPASVwtTJ6STnk5bFatSbvQFwD8hFSsaVnU3vbRKZ5VKrVKDrX1gdT3brqPjKDY10w2J5dVTcRtz03lmfEe4b2-Rwo0E0f7dmQqF2F7mf8IkgCa4-o6dd98QFqcj5D9lVKDqVgZgI/s1600/Flip+Image.png" target="_blank">

<img class="gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYK5jMPASVwtTJ6STnk5bFatSbvQFwD8hFSsaVnU3vbRKZ5VKrVKDrX1gdT3brqPjKDY10w2J5dVTcRtz03lmfEe4b2-Rwo0E0f7dmQqF2F7mf8IkgCa4-o6dd98QFqcj5D9lVKDqVgZgI/s320/Flip+Image.png" alt="ANEH" title="MAHO">

Nah Script Ini Itu Di Simpan Di Atas ]]></b:skin>

Fullnya:

.gambar {-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYK5jMPASVwtTJ6STnk5bFatSbvQFwD8hFSsaVnU3vbRKZ5VKrVKDrX1gdT3brqPjKDY10w2J5dVTcRtz03lmfEe4b2-Rwo0E0f7dmQqF2F7mf8IkgCa4-o6dd98QFqcj5D9lVKDqVgZgI/s1600/Flip+Image.png" target="_blank"><img class="gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYK5jMPASVwtTJ6STnk5bFatSbvQFwD8hFSsaVnU3vbRKZ5VKrVKDrX1gdT3brqPjKDY10w2J5dVTcRtz03lmfEe4b2-Rwo0E0f7dmQqF2F7mf8IkgCa4-o6dd98QFqcj5D9lVKDqVgZgI/s320/Flip+Image.png" alt="ANEH" title="MAHO">

Ket.

  Script Di Atas Itu Sudah Mencakup Ke Pada Semua Gambar Pada Blog Kecuali Gambar Pada Widget. Link Yang Berwarna Merah Adalah Link Tujuan Gambar Saat Di Klick, Dan Yang Warna Biru Link Gambarnya. Selamat Mencoba :D

Cara Memasang Loading Opacity Pada Halaman Blog

Cara Memasang Loading Opacity Pada Halaman Blog. Sekarang Saya Akan Memberi Tahu Cara Membuat Loading Blognya Unik Dari Transparant Jadi Jelas Dengan CSS Keyframe ,, Ini Gak Akan Buat Blog Berat Kok Jadi Di Coba Aja Ok :D .. 
Kalau Mau Liat Demonya Udah Di Pasang Di Blog Ini Kok Liat Aja Deh Loading Blognya :D

Caranya Kamu Hanya Tinggal Memasukan Script CSS Di Bawah Ini D Atas Kode ]]></b:skin> ,, Nah ini Dia Script CSSnya :D :

@keyframes tb4all

{

from{opacity:0;}

to{opacity:10;}

}

@-moz-keyframes tb4all

{

from{opacity:0;}

to{opacity:10;}

}

@-webkit-keyframes tb4all

{

from{opacity:0;}

to{opacity:10;}

}

@keyframes

{

from{transform:translate(0px, 9000px)}

to{transform:translate(0px, 0px)}

}

@-moz-keyframes

{

from{-moz-transform:translate(0px, 9000px)}

to{-moz-transform:translate(0px, 0px)}

}

@-webkit-keyframes

{

from{-webkit-transform:translate(0px, 9000px)}

to{-webkit-transform:translate(0px, 0px)}

}

#header-wrapper {

  animation: tb4all 5s;

  -moz-animation: tb4all 5s;

  -webkit-animation: tb4all 5s;

}

#content-wrapper {

  animation: tb4all 5s;

  -moz-animation: tb4all 5s;

  -webkit-animation: tb4all 5s;

}

#main-wrapper {

  animation: tb4all 5s;

  -moz-animation: tb4all 5s;

  -webkit-animation: tb4all 5s;

}

#sidebar-wrapper {

  animation: tb4all 5s;

  -moz-animation: tb4all 5s;

  -webkit-animation: tb4all 5s;

}

#nav {

  animation: tb4all 5s;

  -moz-animation: tb4all 5s;-webkit-animation: tb4all 5s;

}

h1,h2,h3,h4,h5,h6,a {

  animation: tb4all 5s;

  -moz-animation: tb4all 5s;

  -webkit-animation: tb4all 5s;

}

h1,h2,h3,h4,h5,h6,.post img {

  animation: tb4all 5s;

  -moz-animation: tb4all 5s;

  -webkit-animation: tb4all 8s;

}

Ket.
   Script Di Bawah Ini Yang Sudah Tertera Di Atas Bisa Di Hilangkan Contoh Kamu Tidak Mau Memberi Effect Opacitynya Di Sidebar, Nah Kode Sidebar Itu Adalah #sidebar-wrapper..... Kamu Tinggal Menghilangkannya Dan Sidebar Kamu pun Tidak Akan Terkena Effect Opacity Tersebut Jika Ingin Yang Lainnya Tidak Terkena Effectnya Sama Caranya Hanya Tinggal Menghapus Bagiannya ,, 

#header-wrapper {animation: tb4all 5s;-moz-animation: tb4all 5s;-webkit-animation: tb4all 5s;}
#content-wrapper {animation: tb4all 5s;-moz-animation: tb4all 5s;-webkit-animation: tb4all 5s;}
#main-wrapper {animation: tb4all 5s;-moz-animation: tb4all 5s;-webkit-animation: tb4all 5s;}
#sidebar-wrapper {animation: tb4all 5s;-moz-animation: tb4all 5s;-webkit-animation: tb4all 5s;}
#nav {animation: tb4all 5s;-moz-animation: myfirst 5s;-webkit-animation: tb4all 5s;}
h1,h2,h3,h4,h5,h6,a {animation: tb4all 5s;-moz-animation: tb4all 5s;-webkit-animation: tb4all 5s;} 

h1,h2,h3,h4,h5,h6,.post img {animation: tb4all 5s;-moz-animation: tb4all 5s;-webkit-animation: tb4all 8s;} 

Kalau Udah Save dan Lihat Hasilnya ,, Gimana Unik Bukan ?
Selamat Mencoba

Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka

             Kali ini TB4all Akan Memberitahu Bagaimana Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka.

Caranya :

1. Login Ke Akun Blogger Sobat
2. Pilih Rancangan > Tambah Gadget > HTML/JavaScript
3. Lalu Copy Script Dibawah dan Pastekan Ke Dalam Gadget Yang Tadi Dibuat !

Langsung Copy-Paste Script HTMLnya :

<style>.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #bbb; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #bbb; background-color:#bbb; } .showpagePoint { color:#fff; text-decoration:none; border: 1px solid #fff; background: #000; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #bbb; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333; } </style> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount=5; var displayPageNum=3; var firstPageWord = 'Awal'; var endPageWord = 'Akhir'; var upPageWord ='Sebelumnya'; var downPageWord ='Selanjutnya'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; }else{ html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>'; } if(postNum==1) postNum++; html += '</div>'; if(isPage || isFirstPage || isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://tb4all.blogspot.com/"></a><a href="http://tb4all.blogspot.com/">All About Tutorial</a></div>

4. Jika Sudah Save dan Lihat Apa Yang Terjadi ^_^ 10000% SUKSES

Selesai Sudah Tutorial Dari TB4all Cara Mengubah Page Terbaru/Sebelumnya Menjadi Angka, Terima Kasih Sudah Berkunjung dan Menbaca Artikel Blog Kami ^_^ Jangan Lupa Follow Atau Tinggalkan Sebuah Komentar :D

Cara Membuat Label Cloud Berputar Serti Bola Dunia

          Kali ini TB4all Akan Memberitahu Bagaimana Cara Membuat Label Cloud Berputar Serti Bola Dunia,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Membuat Label Cloud Berputar Serti Bola Dunia.

Caranya :
1. So Pasti Login Akun Blogger Sobat
2. Pilih Rancangan > Edit HTML > Centang  Expand Template Widget.
3. Cari Kode <b:section class='sidebar' id='sidebar' preferred='yes'> Pake Ctrl+F
4. Jika Sudah Ketemu Copy Script Dibawah dan Paste Kan Dibawah Kode <b:section class='sidebar' id='sidebar' preferred='yes'> Pake Ctrl+F

Langsung Copy-Paste Script HTMLnya :

<b:widget id='Label100' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2></b:if> <div class='widget-content'> <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div><script type='text/javascript'> var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='18'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div></b:includable> </b:widget>

5. Jika Sudah Simpan Template dan Lihat Apa Yang Terjadi :D

Terima Kasih Sudah Membaca dan Berkunjung Ke Artikel dan Blog Kami, Jangan Lupa Follow dan Comment Ya :D

Cara Memasang Widget Total Post dan Komen

            Kali ini TB4all Akan Memberitahu Bagaimana Cara Memasang Widget Total Post dan Komen,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu  Cara Memasang Widget Total Post dan Komen .

Caranya : 

1. Yang Pasti Login Ke Akun Blogger Sobat

2. Pilih Rancanagn > Tambah Gadget > HTML/JavaScript
3. Copy Script Dibawa dan Paste kan Kedalem Gadget Yang Tadi Di buat. 

Langsung Copy-Paste Script HTMLnya :
Script Yang Ini Jika Total Post dan Komentnya Ingin Dibuat Berjalan (Marquee)
<script style="text/javascript"> function numberOfPosts(json) { document.write('<marquee>Total Posts : <b>' + json.feed.openSearch$totalResults.$t + '</b> ~ '); } function numberOfComments(json) { document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b></marquee>'); } </script> <script src="www.tb4all.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script> <script src="www.tb4all.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script> <b>Get this Widget from <a target="_blank" href="http://tb4all.blogspot.com/">here!!!</a></b>

Ganti www.tb4all.blogspot.com dengan URL Blog Sobat Sendiri !
Jika Sobat Ingin Membuatnya Berjajar Doang Hapus Kode <marquee> dan </marquee>

Script Yang Ini Jika Total Post dan Komentnya Ingin Secara Berurut Kebawah
Langsung Copy-Paste Script HTMLnya :

<script style="text/javascript"> function numberOfPosts(json) { document.write('<ul><li>Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b></li>'); } function numberOfComments(json) { document.write(' <li>Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b></li></ul>'); } </script> <ul><li><script src="www.tb4all.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li><li><script src="www.tb4all.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul><b>Get this Widget from <a target="_blank" href="http://tb4all.blogspot.com/">here!!!</a></b>

Ganti www.tb4all.blogspot.com dengan URL Blog Sobat Sendiri !

Jika Sobat Ingin Menanpilkan Total Post, Koment dan Online Reader !
Langsung Copy-Paste Script HTMLnya :

<script style="text/javascript"> function totalPosts(json) { document.write('Stories: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>'); } function totalComments(json) { document.write('Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>'); } </script> <script src="URL BLOG KAMU/feeds/posts/default?alt=json-in-script&callback=totalPosts"></script> <script src="URL BLOG KAMU/feeds/comments/default?alt=json-in-script&callback=totalComments"></script> <p style="margin-top: 0; margin-bottom: 0"><table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"><tr> <td width="35%"> Online Readers:</td> <td width="65%"><p style="margin-top: 0; margin-bottom: 0"><b><script src="http://fastonlineusers.com/on3.php?d=URL BLOG KAMU" type="text/javascript"></script></b></p></td> </tr></table></p><script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-4679235-4"); pageTracker._trackPageview(); } catch(err) {}</script> <b>Get this Widget from <a target="_blank" href="http://tb4all..blogspot.com/">here!!!</a></b>

Jangan Lupa Ganti www.tb4all.blogspot.com dengan URL Blog Sobat Sendiri !

4. Jika Sobat Sudah Milih Script Mana Yang Mau di Pake Tinggal Save Template dan Liat Apa Yang Terjadi.

Sumber

Ya Sekian Dulu Tutorial Tentang Cara Memasang Widget Total Post dan Komen, Terma Kasih Sudah Membaca Artikel Kami :D 

Cara Memasang Animasi Berputar Di Cursor Mouse

              Kali ini TB4all Akan Memberitahu Bagaimana Cara Memasang Animasi Berputar Di Cursor Mouse,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Memasang Animasi Berputar Di Cursor Mouse.

Caranya : ====>>> DEMO

1. Login Ke Akun Blogger Sobat
2. Pilih Rancanagn > Tambah Gadget > HTML/JavaScript
3. Copy Script Dibawah dan Paste kan Kedalam Gadget Yang Tadi Dibuat!

Langsung Copy-Paste Script HTMLnya :

<script language="JavaScript" type="text/javascript"> var xCol = "#FF0000"; var yCol = "#24ED12"; var zCol = "#0000FF"; var n = 6; //number of dots per trail. var t = 40; //setTimeout speed. var s = 0.2; //effect speed. var r,h,w; var d = document; var my = 10; var mx = 10; var stp = 0; var evn = 360/3; var vx = new Array(); var vy = new Array(); var vz = new Array(); var dy = new Array(); var dx = new Array(); var pix = "px"; var strictmod = ((document.compatMode) && document.compatMode.indexOf("CSS") != -1); var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); var idx = d.getElementsByTagName('div').length; for (i = 0; i < n; i++) { var dims = (i+1)/2; d.write('<div id="x'+(idx+i)+'" style="position:absolute;' +'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+xCol+';font-size:'+dims+'px"><\/div>' +'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+yCol+';font-size:'+dims+'px"><\/div>' +'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;' +'left:0px;width:'+dims+'px;height:'+dims+'px;' +'background-color:'+zCol+';font-size:'+dims+'px"><\/div>'); } if (domWw) r = window; else { if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0) r = d.documentElement; else { if (d.body && typeof d.body.clientWidth == "number") r = d.body; } } function winsize() { var oh,sy,ow,sx,rh,rw; if (domWw) { if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number") { oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; } else { rh = r.innerHeight; rw = r.innerWidth; } h = rh; w = rw; } else { h = r.clientHeight; w = r.clientWidth; } } function scrl(yx) { var y,x; if (domSy) { y = r.pageYOffset; x = r.pageXOffset; } else { y = r.scrollTop; x = r.scrollLeft; } return (yx == 0)?y:x; } function mouse(e) { var msy = (domSy)?window.pageYOffset:0; if (!e) e = window.event; if (typeof e.pageY == 'number') { my = e.pageY - msy + 16; mx = e.pageX + 6; } else { my = e.clientY - msy + 16; mx = e.clientX + 6; } if (my > h-65) my = h-65; if (mx > w-50) mx = w-50; } function assgn() { for (j = 0; j < 3; j++) { dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix; dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix; } stp+=s; for (i = 0; i < n; i++) { if (i < n-1) { vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left; vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left; vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left; } else { vx[i].top = dy[0]; vx[i].left = dx[0]; vy[i].top = dy[1]; vy[i].left = dx[1]; vz[i].top = dy[2]; vz[i].left = dx[2]; } } setTimeout(assgn,t); } function init() { for (i = 0; i < n; i++) { vx[i] = document.getElementById("x"+(idx+i)).style; vy[i] = document.getElementById("y"+(idx+i)).style; vz[i] = document.getElementById("z"+(idx+i)).style; } winsize(); assgn(); } if (window.addEventListener) { window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); document.addEventListener("mousemove",mouse,false); } else if (window.attachEvent) { window.attachEvent("onload",init); document.attachEvent("onmousemove",mouse); window.attachEvent("onresize",winsize); } </script>

4. Jika Sudah Di Copy-Paste Pindahkan Gadget Yang Baru Dibuat ini Ke Tempat Yang Kosong,
5. Jika Sudah Linggal Save dan Lihat Hasilnya Taraaaa :D

NB :  var xCol = "#FF0000";
    var yCol = "#24ED12";
    var zCol = "#0000FF";
    Kode Yang Berwarna Merah Adalah Warna Animasi Berputar Pada Cursor!    
    Kode Warna Ini Dapat Diganti Dengan Warna Kesukaan Sobat :D

Sekian Dulu Ya Artikel Tentang Cara Memasang Animasi Berputar Di Cursor Mouse, 

Semoga Bermanfaat :D

Jika Sobat Mengalami Kesulitan Dalam Mengerjakannya Sobat Bisa Bertanya Kepada Kami Melalui Kontak Komentar.

Mohon Maaf Bila Ada Kesalahan Terhadap Script Mohon DiBeritahukan Kami Akan Selalu Membantu.

Demo Animasi Berputar Pada Cursor Blog

Cara Menghilangkan Border Image atau Garis Pinggir Gambar Pada Blog

Kamu tau Border Image? border itu adalah garis pinggir pada sebuah blog / website yang terlihat seperti bingkai biasa, biasanya border pada sebuah gambar tampak karna pengaturan bordernya blum di matikan / OFF, dan biasanya Border Image atau Garis Tepi pada gambar tidak ekspresif yang membuat gambar itu tidak menawan ? dan biasanya border pada gambar itu menggangu bukan ? kalau mengganggu ini nih caranya biar bordernya gak ada.

Ikuti Cara Berikut :

1. Kamu login dulu ke akun blog kamu biar bisa edit HTMLnya di Blogger.com /
Blogspot.com .

2. Terus kamu masuk ke bagian "Edit HTML" Caranya : Dasbor Blog --> 

Rancangan --> Edit HTML, udah tau kan ? kalau udah lanjut langkah ke-3 !

3. Cari kode di bawah ini :

.post-body img

4. biasanya si kode itu tampil seperti ini :

.post-body img{ border:1px solid #666; margin:5px}

5. kalau udah ketemu kamu ganti tulisan yang berwarna merah menjadi none .
6. Langkah Terakhir kamu hanya tinggal klick tombol save lalu liat hasilnya.

  Look semua border pada gambar di blog ilang semua it's magic ... you know ... dan terlihat menawan bukan ? tapi bukan berarti blog yang gambarnya ada border itu tidak menawan, border pada gambar itu di sesuaikan dengan design templatenya Ya .

Cara Mencegah Copy/Paste Artikel Blog

Assalamu'alaikum Wr, Wb. Hey blog kamu pasti ada yang pernah di Copy/Paste ya pasti Artikelnya ? terus gak di kasih sumbernya kan ? gini TB4all punya satu trik biar blog kamu BISA ( gak bisa ) di Copy/Paste. Caranya gampang kok gampang banget, kamu hanya tinggal menambahkan satu group script di HTML blog kamu, mau tau caranya ? langsung aja nih!

Cara Mencegah Copy/Paste Artikel Blog

1. Kamu login dulu ke akun blog kamu biar bisa edit HTMLnya di Blogger.com / 

    Blogspot.com .

2. Terus kamu masuk ke bagian "Edit HTML" Caranya : Dasbor Blog --> 

    Rancangan --> Edit HTML, udah tau kan ? kalau udah lanjut langkah ke-3 !

3. Kamu cari kode </head> pada HTML blog kamu, biar lebih cepat untuk  

    mencarinya kamu bisa gunakan "CTRL + F" lalu masukan kode/text yang  

    ingin di cari.

4. Jika sudah ketemu kamu simpan 'script' di bawah ini tepat di atas kode 

    </head> , Copy/Paste :

<script type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</script>

5. Langkah Terakhir kamu hanya tinggal klick tombol save lalu liat hasilnya.

  Nah jika suatu saat orang yang gemar mengCopy/Paste Artikel blog kamu ingin mengCopy/Paste beberapa artikel blog kamu itu, sudah tidak bisa soalnya tombol mouse sebelah kanan yang biasanya digunakan untuk mengCopy/Paste Artikel akan dinonaktifkan (disable).

Cara Membuat Floating Share Button

       

     Assalammu'alaikum Wr.Wb | Kali ini TB4all Akan Memberitahu Bagaimana Cara Membuat Floating Share Button,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Membuat Floating Share Button. dan Sebelumnya Maaf Ya Baru Share Tutorial Lagi :D

Jadi Caranya :

Pertama : Yang Paling Penting Login Akun Blogger Sobat !

Kedua   : Pilih Desaign/Rancangan ==> Add Gadget ==> 

          HTML/JavaScript.

Ketiga  : Pilih Warna Share Button Yang Sobat Inginkan !

Silver :

                  <style type='text/css'>#sharebutton {background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><div id='sharebutton'><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

RED :

                  <style type='text/css'>#sharebutton {background:#C12424;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F54F4F), color-stop(1, #C12424));background:-moz-linear-gradient(top, #F54F4F, #C12424);border:1px solid #B31919;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><div id='sharebutton'><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

BLUE :

                   <style type='text/css'>#sharebutton {background:#295698;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3980E6), color-stop(1, #295698));background:-moz-linear-gradient(top, #3980E6, #295698);border:1px solid #1E4A8A;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><div id='sharebutton'><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>

BLACK :

                   <style type='text/css'>#sharebutton {background:#333;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #656565), color-stop(1, #333));background:-moz-linear-gradient(top, #656565, #333);border:1px solid #222;position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #sharebutton .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><div id='sharebutton'><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.tb4all.blogspot.com" target="blank"><font color="blue">[Get Widget]<font></font></font></a></div></div>
KeEmpat : Jika Sobat Sudah Memilih Warnanya Sobat Tinggal Copy-Paste Ke Dalam Gadget Yang
                    Dadi Di Buat !

Selesai dan Selamat Mencoba ^_^

Ket. Jika Sobat Tidak Mendapatkan Warna Yang Di Inginkan Sobat Tinggal Ganti Kode Warnanya Menjadi Warna Yang Sobat Inginkan !

Terima Kasih Sudah Berkunjung dan Membaca Artikel Kami Semoga Bermanfaat. Wassalam

Jika Sobat Ada Yang Tidak Mengerti Silahkan Comment, dan Kami Akan Menjelaskannya Lebih Jelas Lagi ^_^.

Sekali Lagi Selamat Mencoba ^_^