Showing posts with label Widget Blog. Show all posts
Showing posts with label Widget Blog. Show all posts

Membuat Lencana Fb di Blog

Membuat widgate Facebook di blog
untuk siang ini saya akan berbagi bagaimana cara memasang lencana facebook di blog

1. masuk ke facebook.com
2. Masuk mengunakan akun anda
3. lalu anda menuju Profil anda untuk lebih jelasnya perhatikan di bawa ini


Setelah itu Anda akan di bawa ke halam berikutnya seperti Ini jelasnya

Selain memasang pada blogger juga anda bisa memasangya pada wodprres dll.
4. Lalu Klik di bagian blogger karna kita menjelaskan memasang di blog bukan yang lain
5. Lau kita akan dibawa ke halam selanjutnya dimana kita mendapatkan code html

Copas code tersebut dan
6. Masuk ke Blogger.com
7. Lalu masuk ke tataLetak
8. Pilih dimana tempat yang cocok untuk blog anda
9. lalau tambah gadget ( HTML / JavaScript )
10. Lalu copas code tadi dikolom gadget tersebut
11. Selesai

Cukup sekian Dulu postingan saya kali ini mudah mudahan bermanfaat bagi nusa dan bangsa

Memasang Widgate ChatBox

Memasang Widgate ChatBox Melayang
Untuk kali ini saya akan berbagi Bagaimana cara memsang widgate chatbox pad blog dan melayang di sisi kanan

Pertama jika anda tidak memiliki code chatbox silahkan login atau registrasi disini dan dapatkan code anda

1.Masuk Ke blogger.com
2. Klik menu Tata Letak
3. Tambah Gadget - html / JavaScript
4.Lalu copas code di bawah ini 
<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:90px;
width:29px;
float:left;
cursor:pointer;
background:url('http://i997.photobucket.com/albums/af96/fauzan_zifa/Untitled-1-11.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#FFFFF;
padding:2px;
}
</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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
simpan disini Code ChatBox anda
<!-- END CBOX -->
<!-- END CBOX -->
</div>
</div>
<script type="text/javascript">

var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Tanda merah tersebut ganti dengan code chatbox anda 

Setelah itu Lalu simpan dan lihat Hasilnya pada Blog anda 

cukup sekian dulu berbagi saya kali ini mudah-mudahan bermanfaat bagi nusa dan bangsa

Pasang statistik histats di blog

Memasang Statistik histats di blog
Statistic histats ini adalah fungsinya untuk mengetahui peningkatan jumlah pengunjung setiap harinya di blog kita , dan sebenarnya widget statistic ini sudah di sediakan oleh blogger dengan cara pemasangannya seperti ini, Namun pada widgate yang di sediakan oleh blogger tersebut kurang lengkap , seperti keywoard penelusuran google dengan memasang statistic histats ini di blog kita , maka statistic blog akan ditampilkan secara realtime  dan ini beberapa fitur yang disediakan oleh histats traffic summary ( page views dan counter) dan kata kunci google untuk  masuk ke blog kita dan masih banyak lagi 

 
Ini adalah cara untuk memasang statisik histats di blog

1. silahkan login di histats ( bagi yang sudah memiliki akun histsats jika belom silahkan kil register . untuk lebih jelasnya perhatikan contoh di bawah


2.Isi Form berikut dengan data yang benar

3. Lalu kalian masuk ke email google atau yahoo  kalian untuk aktivasi akun histats anda
4. setelah aktivasi selesai anda langsung Menuju control Panel seprti ini 
5. Setelah itu  Anda Klik add a wibsites dan anda akan disuruh memasukan data blog anda 
  • situs URL = situs Blog anda contoh http://Bloganda.blogspot.com atau http://websiteanda.com
  • Bahasa
  • Time Zone =  isikan Waktu dengan benar seusaikan dengan waktu anda sekarang
  • title = Judul blog anda
  • deskripsi = deskripsi blog anda
  • Klik accept
  • isikan captcha
  • dan klik continue

4. Lalu anda akan di bawa ke control panel website / blog anda  klik counter code

5. Lalu anda klik add new counter

 6. Lalu anda tinggal memilih statistic mana yang cocok untuk blog anda ,  contoh saya memilih seprti gambar di bawah ini

7.setelah di klik anda akan dibawa ke . Choose which informations will be displayed on your counter. klik semua kotak terebut seperti visitors today total visitor setelah selesai Klik save 

8. Lalu anda akan di bawa ke control panel counter copy paste script di bawah ke blog anda 

9. Buka Blogger ( masuk ke blog anda )
10. Lalu masuk ke menu Tata Letak 
11. Tambah Gadget
12. Pilih Menu HTML / Jacascript
13. Lalu Pastekan Code Counter tersebut
14. Selanjutnya Save 
15. Silahkan Lihat Apakan counter sudah terpasang dengan Benar

Cukup Sekian tentang pasang statistik histats di blog dari saya Mudah-mudahan Bermanfaat
Salam Blogger
silahkan Commentar

Widget google translet blog


Memasang Widget google translet di blog

Widget ini berfungsi untuk Menerjemahkan blog anda ke berbagai bahasa di seluruh Dunia , misalnya ada user yang mengunjungi blog anda ternayata dia adalah orang arab ,mungkin dia sedikti asing dengan bahasa yang kita pasang di blog karna blog kawan adalah bahasa indonesia , user hanya tinggal Memilih bahasa yang dia mengeti dan di bawah ini salah satu widget yang di sediakan oleh google translet bagaimana menraik bukan untuk di pasang silahkan pasa ng saja script di bawah ini

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

sekian dulu postingan kali ini mudah-mudahan bermanfaat baki semuanya

Meta Tag SEO Frendly

META TAG SEO FRENDLY

Meta tag ini mempunyai peran penting dalam blog anda khususnya untuk meningkatkan pengunjung blog anda , google juga ikut bicara dalam menerapkan meta tag blog, dan menyarankan agar mengunakan meta tag yang mudah dikenali oleh google dan bisa di index sama mbah google
Ini beberapa yang terpenting dalam tag meta 

1. Title
  Judul atau dalam bahasa inggris title ini juga memiliki peran penting dalam blog anda karna judul sebuah blog title juga merupakan sebuah identitas blog, kita bisa merubah agar menjadi SEO friendly di postingan di search engine
Pertama backup dulu template blog anda karna ditakutkan gatot ( gagal total )
Setelah anda membackup template anda masuk ke perancangan template untuk mengutak-ngatik template
Cari code <title><data:blog.pageTitle/></title> lalu rubah dengan code di bawah ini 

<b:if cond=’data:blog.pageType == “item”>
<title><data:blog.PageName.> | <data.blog.title/><>/title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>

Atau bisa juga dengan mengunakan yang ini

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title>
<title><data:blogpage.Name/></title>
</b.if>

Jika anda ingin menebak keyword gunakan tag title ini

<b:if cond='data:blog.pageType == “index”’>
<title><data:blog.pageTitle/> | keyword 1 | keyword 2 | dan seterusnya</title>
<b:else/>
<title><data:blogpage.Name/></title>
</b.if>

2. deskripsi
   Deskripsi ini adalah untuk mendeskripsikan atau menjelaskan yang terdpat pada blog anda
Deskripsi ini juga menjelaskan lebih dalam tentang blog anda mengenai isi dari blog anda
Cari code 

<meta content=’deskripsi mengenai blog atau website anda' name='description'/>
Contoh

<meta content='TUTORIAL KOMPUTER | gratis software | belajar pemrograman C++ | memahami server linux' name='description'/>
 Minimal isi karakter jangan lebih dari 100 karakter

3. keyword
   Meta tag ini adalah penentu tujuan dari blog anda. Kata kunci yang membantu anda dalam optimasi SEO di search engine . usahakan isi dari keyword ini hampir mirip dengan deskripsi

<meta content=’kata kunci blog atau website anda’ name='keywords'/>

Contoh :
<meta content='TUTORIAL KOMPUTER , gratis software, belajar pemrograman C++, memahamin sever linux' name='keywords'/>

Mungkin cukup sekian dari saya mudah-mudahan bermanfaat 

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes