Memasang Hit Counter di blog

Posted by Unknown Monday, March 18, 2013 1 comments
Dari sekian banyak widget yang telah saya bahas pada artikel terdahulu, kali ini saya mencoba share cara memasang hit counter di blog salah satu widget yang tak kalah penting dari widget lainnya yaitu hit counter dimana dengan widget ini kita dapat mengetahui jumlah visitor yang masuk ke dalam blog kita.

Salah satu alasan kenapa kita harus mempertimbangkan untuk memasang widget ini adalah dalam kegiatan blog sendiri tentunya kita perlu mengetahui/menjadikan tolak ukur apakah informasi/konten yang telah kita sajikan sudah cukup populer atau memberikan banyak manfaat untuk orang lain atau tidak.

Sebetulnya ada banyak penyedia layanan counter yang bisa sobat gunakan, namun pada pembahasan kali ini saya hanya akan share cara memasang hit counter di blog melalui layanan histat counter. tenang saja sob layanan ini gratis kok, cuma perlu daftar saja terus pasang deh kodenya di blog.

Untuk membuatnya silahkan sobat ikuti panduan dibawah ini :

1. Pertama masuk dan daftar dulu di situs histat.com lalu masukan data-data yang perlukan untuk proses pendaftaran

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

2. Lalu cek email sobat untuk melakukan verifikasi pendaftaran
3. Setelah melakukan verifikasi selanjutnya sobat login di situs histat dengan menggunakan username dan pasword yang digunakan pada saat melakukan pendaftaran
4. Pada halaman control panel sobat pilih menu +Add Website dan masukan data blog

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

5. Selanjutnya klik nama blog yang sudah didaftarkan tadi

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

6. Untuk memasang kode histat di blog sobat, klik pilihan counter code
7. Selanjutnya klik Add New Counter maka akan menampilkan pilihan design histat yang dapat dipilih sesuai selera

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

8. Pada ceklis data terdapat pilihan visitor today, total visitor, page view today, total page view dan user online silahkan pilih data apa saja yang akan ditampilkan pada blog sobat lalu klik save.

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

9.    Selanjutnya sobat kembali ke list counter, kemudian klik ID counter yang telah dibuat tadi
10. Maka akan muncul tampilan kode/HTML histat, terakhir copy paste kode histat tersebut pada HTML/Javascript pada blog sobat

Sekarang blog sobat sudah terpasang histat, demikian tutorial cara memasang hit counter di blog semoga bermanfaat

Baca Selengkapnya ....

Cara Memasang Facebook di Blog

Posted by Unknown 1 comments
Bagaimana kabarnya sob? maaf nih saya baru sempet update lagi artikelnya so lagi banyak kerjaan. Ok soba kali ini saya akan coba share cara memasang facebook di blog, mungkin sebagian dari sobat blogger sudah pada thu caranya namun tidak ada slahnya kalau saya share kembali barangkali ada sebagian dari sobat yang belum paham cara membuatnya.


Salah satu alasan saya share cara memasang facebook di blog ini adalah selain dapat mempercantik blog juga dapat meningkatkan jumlah pertemanan di akun facebook saya, pengunjung dapat dengan mudah melihat profil saya dan tidak sedikit yang langsung add FB saya tersebut. so kata orang banyak teman banyak rezeki he.....

Baiklah sob dari pada ngalor ngidul gag jelas kita langsung saja pada pokok pembahasannya, berikut ini panduannya :



1. Pertama sobat masuk ke halaman ini  Klik disini
2. Selanjutnya klik lencana profil


Berikut ini panduan bagaimana memasang facebook di blog supaya anda dapat berinteraksi dengan pengunjung

3. Pilih tempat yang akan di pasang lencana facebook, apabila belum ada pilih other
Berikut ini panduan bagaimana memasang facebook di blog supaya anda dapat berinteraksi dengan pengunjung

4. Copy kode yang diberikan, untuk dipasang pada widget blog


Berikut ini panduan bagaimana memasang facebook di blog supaya anda dapat berinteraksi dengan pengunjung

5. Selanjutnya masuk ke dasbord blogger pilih rancangan - edit HTML
6. Masukan kode dari lencana facebook pada edit HTML lalu save


Nah sekarang coba cek blog sobat tersebut, pasti sudah terpasang profil facebooknya. cukup mudah kan sob, sekian tutorial cara memasang facebook di blog semoga bermanfaat

Baca Selengkapnya ....

Membuat Aplikasi Blog

Posted by Unknown Thursday, March 14, 2013 0 comments
Sobat kali ini saya akan share membuat aplikasi blog, aplikasi blog memang salah satu pilihan untuk mempercantik tampilan blog, selain blog tampak lebih menarik juga dapat menarik perhatian pengunjung. Saat ini ada begitu banyak pilihan aplikasi yang dapat sobat pasang, namun perlu diingat tidak semua aplikasi cocok untuk blog sobat.

Tampilan blog yang terlalu ramai akan terkesan kurang nyaman dilihat serta malah akan membuat loading blog sedikit terhambat, oleh karena itu dalam membuat aplikasi blog pilihlah aplikasi yang sesuai dengan tema blog sobat supaya mempunyai kesan yang selaras serta blog lebih terlihat rapi. Dengan begitu akan menaikan image si pemilik blog di mata pengunjung dengan kesan yang baik dalam merawat blog.

Baik kita kembali ke pembahasan awal, saya akan share beberapa aplikasi yang bermanfaat untuk ditanamkan di blog sobat. Berikut ini beberapa aplikasi pilihan :

Facebook Social Plugin

Aplikasi ini biasanya dipergunakan bagi perusahaan atau bisnis yang ingin selalu menjaga komunikasi dengan konsumen atau pengunjung setia mereka. Dengan aplikasi ini kita tetap dapat berhubungan dengan visitor walaupun mereka tidak mengunjungi blog kita.

Twitter Widget

Aplikasi berupa widget ini berguna untuk menampilkan stream twitter pada halaman blog kita, sehingga visitor dapat mengetahu setiap update yang dilakukan oleh pemilik twitter blog tersebut. Selain itu aplikasi ini juga berfungsi untuk berbagi konten blog yang dapat dikirmkan ke halaman stream twitter followernya.

Foursquare Widget

Aplikasi ini bermanfaat untuk menampilkan lokasi kita sekarang, foursquare sendiri merupakan social media yang berfokus pada lokasi sehingga visitor dapat mengetahui keberadaan atau lokasi kita sekarang.  

Dengan begitu banyak manfaat dari aplikasi tersebut, sobat blogger bisa mempertimbangkan apakah blog sobat tersebut memungkinkan untuk dipasang aplikasi atau tidak.

Demikian tutorial membuat aplikasi blog semoga bermanfaat

Baca Selengkapnya ....

Cara Membuat Link Blog

Posted by Unknown 2 comments
Sobat blogger kali ini saya akan coba membahas mengenai cara membuat link blog, namun sebelumnya kita perlu kupas dulu apa sih yang dimaksud dengan link tersebut. Link adalah sebuah kata atau kalimat yang apabila kita klik maka akan diarahkan pada halaman/tujuan dari link tersebut.

Link biasanya banyak digunakan untuk menu sebuah blog/website namun banyak juga digunakan untuk memberi tautan atau keterkaitan antara satu artikel dengan artikel yang lainnya, contoh pada artikel B kita memberi link/tautan ke artikel A maka pada saat pengunjung membuka artikel B dan klik tautan tersebut maka artikel A juga akan mendapat kunjungan.


Selain itu keuntungan lain dari cara membuat link blog adalah apabila link tersebut berisi keyword atau kata kunci maka itu akan membantu blog/website kita untuk mendapat baklink internal, sobat ada yang tertarik dengan membuat link? 


Oke kita langsung saja, sobat pasang kode dibawah ini pada halaman yang diinginkan. baik pada halaman posting maupun widget, masih inget kan cara membuat widget? nah untuk memasang link pada posting sobat lihat ada dua menu Compose dan HTML nah sobat pilih yang HTML.

Berikut kodenya :

<a href="http://membuatblog-sendiri">membuat blog sendiri</a>


Untuk kode yang saya kasih warna merah sobat ganti dengan URL web/blog, dan yang berwarna biru ganti dengan kata/kalimat yang telah sobat tentukan baik berupa kalimat bisa atau berupa keyword, script diatas apabila kata yang berwarna biru di klik maka akan meampilkan link web/blog tujuan pada satu halaman.

Cara kedua apabila sobat ingin link tersebut terbuka pada tab baru sobat bisa menambahkan kode "_blank> sehingga kodenya menjadi :

<a href="http://membuatblog-sendiri.blogspot.com"_blank">membuat blog sendiri</a>

Sobat bisa membuat link yang dinginkan baik di halaman posting maupun widget, dan untuk link pada posting sebaiknya sobat sisipkan keyword dari blog/web sobat karena itu akan berdampak pada backlink internal.


Sampai disini dulu tutorial cara membuat link blog, apabila ada yang kurang jelas bisa tinggalkan pesan pada kotak komentar

Baca Selengkapnya ....

Cara Membuat Kursor di Blog

Posted by Unknown Wednesday, March 13, 2013 0 comments
Buat sobat blogger yang bosan dengan tampilan kursor yang biasa, berikut saya share panduan cara membuat kursor di blog, caranya cukup mudah kok tinggal cari image kursor yang sobat inginkan melalui google.

Berikut ini, beberapa contoh kursor yang saya dapat dari google. silahkan sobat cari sesuai selera masing-masing.


Buat kursor blog sobat lebih menarik dengan puluhan desain kursor terbaik
Selanjutnya untuk langkah-langkanya cara membuat kursor di blog sobat ikuti panduan dibawah ini :

1. Login ke akun blogger
2. masuk ke dasbord -->Design --> Page element
3. Add gadget dan pilih HTML/Java Script
4. Copy paste kode dibawah ini

Kode1 : mengubah kursor namun tidak mengubah saat menyorot link

<style type="text/css">
body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}
</style>


Kode2 : Mengubah kursor maupun ketika menyorot link

<style type="text/css">body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}body a:hover{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}</style>


Sobat tinggal ganti kode yang berwarna ungu dengan link tempat menyimpan gambar kursor yang telah sobat upload.

Demikian tutorial cara membuat kursor di blog, semoga bermanfaat


Baca Selengkapnya ....

Membuat Kotak Komentar Blog

Posted by Unknown 0 comments
Sobat kali ini saya akan coba share membuat kotak komentar blog, Kotak komentar merupakan salah satu bagian yang paling penting dalam sebuah blog, dimana  kita dapat berinteraksi dengan pengunjung blog melalui kotak tersebut. Artikel yang telah kita buat akan sangat berarti dan memiliki manfaat disaat ada pengunjung yang memberikan komentar baik itu berupa masukan atau saran kritik dll.

Oleh karena itu begitu pentingnya kotak komentar sehingga banyak sobat blogger yang berinovasi supaya kotak komentarnya lebih terlihat menarik dan mengatur tata letaknya sehingga lebih memberikan kemudahan kepada pengunjung untuk menggunakannya.

Nah pada kesempatan kali ini saya akan share bagaimana membuat kotak komentar blog dibawah posting blog, untuk langkah-langkahnya iktui panduan dibawah ini :

1. Login dulu ke akun blogger
2. Kemudian masuk ke setting --> coment 
3. Pada bagian menu coment palcement klik pada tulisan embedded below post kalau sudah  selesai jangan lupa klik save



4. Masuk ke dasbord lalu klik menu layout lalu klik Edit HTML kemudian cari kode dibawah ini

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

Kemudian ganti dengan kode dibawah ini

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>

5. Terakhir klik tombol save dan lihat hasilnya


Bagimana cukup mudah kan sob? nah sekarang blog sobat sudah mempunyai tampilan kotak komentar yang cukup manarik dengan tata letak yang baik. 

Demikian tutorial membuat kotak komentar blog semoga bermanfaat.

Baca Selengkapnya ....

Animasi For Blog

Posted by Unknown Monday, March 11, 2013 0 comments


Sob kemarin saya mengunjungi salah satu blog dimana pada blog tersebut terdapat berbagai animasi yang lucu-lucu, blog sobat sudah mempunyai animasi? kalau belum kali ini saya akan share sedikit tips mengenai animasi for blog untuk menambahkan gambar bergerak atau animasi.


Tipsnya masih sama seperti pada pembahasan sebelumnya yakni dengan membuat Gadget baru dan menempatkan script di dalamnya, masih pada ingat kan?

untuk panduan animasi for blog, ikuti panduannya dibawah ini :

Login dulu ke dasbord Blogger
Masuk ke rancangan element ==>Tambah Gadget==>HTML Java script
Copy dan paste kode animasi dibawah ini 
Terakhir klik simpan


Berikut ini saya share kumpulan kode animasi yang dapat di gunakan pada blog sobat, semoga bermanfaat. Jangan terlalu berlebihan ya, nanti kesannya blog sobat terlalu lebay he.....


1. Spombob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



2. Kepala Semangka 


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



3. Tengkorak


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



4. Dewa Cinta


<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>



5. Bayi Ngakak


<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

Sobat demikian tutorial animasi for blog semoga bermanfaat

Baca Selengkapnya ....

Cara Pasang Iklan di Blog

Posted by Unknown 0 comments
Maaf nih sob baru update lagi, maklum habis liburan dulu he...oke sob kali ini saya akan coba share mengani cara pasang iklan di blog. seperti yang telah kita ketahui bersama selain sebagi media bertukar informasi blog juga dapat kita jadikan ladang rupiah yang lumayan untuk mengisi kantong sobat.

Advertiser biasanya akan berbondong-bondong antri untuk memasang space iklan di blog sobat apabila pagerank sobat sudah tinggi atau trafic kunjungan blog sobat sudah tinggi, ini bisa kita manfaatkan untuk menambah penghasilan ya hitung-hitung mengganti biaya internet yang selama ini telah sobat keluarkan.

Untuk memsang iklan sendiri tergolong cukup mudah, sobat bisa kunjungi situs PPC lokal maupun luar untuk mendaftar sebagai publisher atau pemasang iklan dan untuk jenis PPC bisa sobat cari di google.

Setelah mendaftar nanti sobat akan diberi suatu script iklan yang harus dipasang di blog sobat tersebut, biasanya berupa iklan text atau baner. Untuk mempersingkat waktu saya anggap sobat sudah mendaftar di salah satu jasa penyedia iklan dan sudah mendapat script iklannya.

Untuk cara pasang iklan di blog, sobat ikuti panduan dibawah ini :


  1. Sobat login dulu ke akun blogger
  2. Selanjutnya masuk ke element ==>Tambah gadget==>HTML java script
  3. Masukan kode iklan yang telah diberikan
  4. Trakhir klik save
Apabila sobat ingin tampilan iklan melayang di blog bisa ikuti trik dibawah ini :


  1. Masuk ke rancang elemet ==>Tambah gadget==>HTML Java script
  2. Sobat masukan kode dibawah ini 

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

MASUKAN SCRIPT IKLAN SOBAT

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>


3.  Terakhir klik tombol save dan lihat hasilnya


Bagaimana sob cukup mudah bukan, silahkan berkreasi dengan menempatkan iklan agar tampak lebih rapih.

Demikian panduan cara pasang iklan di blog semoga bermanfaat.

Baca Selengkapnya ....

Membuat Menu Blogger

Posted by Unknown Saturday, March 9, 2013 0 comments
Cara membuat menu dibawah header blog
Sobat blogger kali ini saya akan coba share bagaimana cara membuat menu blogger, seperti yang telah sobat ketahui menu pada blogger terdiri dari menu vertikal dan horizontal. nah kali ini yang akan kita bahas disini adalah menu dropdown diatas header.

Untuk membuat menu pada blogger memang memerlukan pengetahuan dalam membuat script, tapi sobat tenang saja saya sudah sediakan script yang dibutuhkan untuk pembelajaran kali ini.


Untuk melihat contoh sobat blogger bisa lihat demonya Disini apabila sobat tertarik untuk memasang menu blogger yang serupa bisa ikuti panduannya dibawah ini

  1. Pertama sobat login dulu ke akun blogger
  2. Kemudian pilih rancangan dan klik edit html => lanjutkan
  3. Sobat cari kode ]]></b:skin> lalu letakan kode berikut tepat diatas kode ]]></b:skin>


/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(http://2.bp.blogspot.com/-eVufkC686Cw/TwGo8YAlWwI/AAAAAAAAAYM/tWP7l3ENpjY/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTkF98ozP17rJifjHNuGkAW9Tco5VCH54XuRSM_VDZUPL1AiydN30L9qRKd502ktXzODJx7pqkcAIEk4bdHRH0DkgzJojtN03AF_v58XMBcjb3iB9zetM5e9Tx2G2O4HJJUY0F2Gdzejg/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}


Selanjutnya sobat cari kode <head> untuk menempatkan menu diatas header dan </head> untuk menempatkan menu dibawah header, copy kode dibawah ini dan letakan diatas <head> atau dibawah </head>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgquQP6P8Je4iZvT1p3nm85MWH8eor4Qx0LWuTJr7NetEk05zIzFq9cMGc148Edx87mj1buYVJp6zNg4QAUe3VuR8qJ2jBztEdZGiNu-_FqpDluN-TYxZH-6sENIet-BuCsORXmz1Qlid4/s1600/home_white.png' style='padding:0px;'/>Home</a></li>
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/den_zuaz' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.myspace.com/denzuaz' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/zuazTama' target='new'>Zuaz&#39;Z on Facebook</a></li>
</ul>
</li>
<li><a href='http://zuazz.blogspot.com' target='new'>Zuaz&#39;Z Creator</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20komputer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20blog'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://zuazz.blogspot.com/2012/01/tv-online.html'>TV Online</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/computer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/desain%20grafis'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/game'>Game</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/microsoft'>Microsoft</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20aplikasi'>Software APP</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20program'>Software Program</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://zuazz.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://zuazz.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXQLx-Bh8uwBgV0Yh4E-tMyhG0IqmGchH0NzbjdiJKvZgI4Ftr87KJZT-r7w-FFtLsSX4EYFATyx4H2bTmid3Pnxps7czdPkS8kd3UbBqIwRFj2YUE2pu44IjqvwOPrSASr0QxF7mlGoo/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPep1NB-hScKa-YsqtxlnhLUOsnQXrZCjzh0s5PeNVn7bqMcQc-CK-08KqgWhk7tGg-q_tzu4Y3Te0OlmwsfsGCqcJyZTwZphq3IIDZNcATDKGxhPCpJt5TdMGSmbBYL0VfWa-tY3w6Q/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>



Kode yang berwarna merah adalah URL tujuan silahkan sobat ganti dengan URL blog sobat, dan kode yang berwarna kuning adalah tampilan kalimat pada menu dropdown silahkan sobat rubah sesuai kebutuhan. 

Demikian panduan membuat menu blogger semoga bermanfaat.

Baca Selengkapnya ....

Memasang ym di blog

Posted by Unknown Friday, March 8, 2013 0 comments
Cara pasang ym di blog sebagai sarana untuk berkomunikasi dengan pengunjung
Sobat blogger setelah sebelumnya kita membahas mengenai widget blog nah pada kesempatan kali ini saya akan coba share bagaiman memasang ym di blog untuk memasangnya sendiri cukup gampang kok sob tidak beda dengan pesangan widget lainnya kita hanya membutuhkan gambar serta id ym.


Pentingkah status ym di blog? tergantung sobat blogger si tapi kalau saran ane tidak ada salahnya kalau dipasang ya barangkali ada dari pengunjung yang mau pasang iklan atau kepentingan lain terus dia bingung tuh mau hubungi sobat ke mana jadi dengan kata lain dengan adanya contak di blog diharapkan komunikasi antara sobat dan pengunjung lebih lancar.

Sebelum sobat memasang ym di blog terlebih dahulu sobat persiapkan gambarnya, atau bisa dicopy gambar yang diatas. Selanjutnya sobat login ke blogger - terus klik page element - Add Gadget - klik opsi HTML - JAVASCRIPT setelah itu copas kode dibawah ini


<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=id_yahoo_kamu&amp;m=g&amp;t=0&amp;1=us"/>

Dari kode script diatas sobat tingga ganti kode yang saya cetak warna merah dengan id yahoo messenger sobat blogger.

Kalau sudah selesai tinggal save dan lihat hasilnya, demikian panduan memasang ym di blog semoga bermanfaat.


Baca Selengkapnya ....

Widget Blog

Posted by Unknown 0 comments
Percantik blog sobat dengan widget pilihan yang menarik
Banyak hal yang dapat membuat blog sobat lebih hidup dan tampak lebih menarik, selain desain header yang bagus, kontent yang berkualitas serta pengaturan tata letak yang baik ada satu hal lagi yang perlu sobat pertimbangkan yakni penambahan pernak-pernik melalui widget blog.

Banyak jenis widget yang dapat sobat pilih seseui dengan selera dan tampilan blog sobat, baik itu berupa animasi tulisan maupun animasi. tidak dapat dipungkiri blog yang mempunyai tampilan menarik seakan mempunyai magnet yang membuat pengunjung lebih betah berada di blog sobat.

Coba sobat bayangkan kalau blog sobat tampilannya cuma konten doang tentu tidak akan sedap dipandang mata bukan, kalau menurut saya blog itu ibarat wanita yang memerlukan sedikit sentuhan dan penambahan riasan supaya lebih terlihat cantik sehingga setiap orang yang memandangnya akan terpesona he....lebay

Meskipun pemasangan widget blog itu baik, namun sobat mesti inget jangan terlalu berlebihan dalam memasang widget nanti bukannya kelihatan bagus malah membuat blog sobat lola alias loading lama. ntar pengunjung blog malah pada kabur 

Berikut daftar widget keren untuk blog sobat


  1. Google Gadget ==> banyak jenis dan pilihan yang bisa sobat pilih tinggal ketik di kotak pencarian jenis widget yang sobat inginkan
  2. Yahoo Widget ==> Hampir sama seperti diatas namun hanya beda penampilannya saja
  3. Softcircuits ==> Widget untuk pagerank
  4. Clocklink > jenis widget yang satu ini adalah untuk menampilkan jam di blog sobat
  5. Histat ==> nah sob kalau yang satu ini selain dapat memepercantik tampilan tapi juga dapat memberitahu berapa jumlah visitor yang berkunjung ke blog sobat
  6. Soutbox ==> untuk menampilkan kotak pesan di blog
Sebenrnya masih banyak sih sob jenis widget lainnya, sobat tinggal cari saja lewat mbah google dan cari tuh widget yang menurut sobat pas buat dipasang di blog sobat. sampai di sini dulu panduan widget blog semoga bermanfaat kita lanjut lagi di lain waktu.




Baca Selengkapnya ....

Header Blog

Posted by Unknown 0 comments
Rubah header blog dengan cepat dan pilih desain sesuai tema blog
Header blog merupakan tampilan awal yang dilihat pertama kali ketika pengunjung datang ke blog/web sobat, diibaratkan organ tubuh header ini merupakan wajah. sehingga kesan pertama pegunjung akan terlihat ketika pertama melihat header blog anda sehingga apabila header blog sobat terlihat menarik bukan mustahil kalau pengunjung akan betah berlama-lama diblog sobat tersebut.

Sebetulnya banyak juga yang tidak terlalu mempedulikan tampilan header blog, bahkan ada yang beranggapan bahwa apabila header blog terlalu banyak di otak-atik malah akan berdampak blog lebih lelet karena harus menunggu header blog terbuka dengan sempurna sehingga membuat pengunjung kesal dan segera beranjak dari blog tersebut.

Namun apabila sobat blogger memang bosan dengan tampilan header yang monoton, tidak ada salahnya kalau pada kesempatan ini kita bahas bagaimana mengganti header blog sobat tersebut.

Kali ini saya akan bahas bagaimana mengganti header blog sobat dengan gambar, untuk panduannya bisa sobat lihat dibawah ini :

  1. Pertama sobat masuk ke blogger > Rancangan
  2. Pada element header sobat klik menu edit
  3. Selanjutnya sobat akan diarahkan pada konfigurasi yang berisi isian untuk judul blog, deskripsi, gambar dan penempatan gambar.
  4. Isilah data-data yang diperlukan, dan untuk gambar pilih browse dan mengupload gambar header sobat dari direktori komputer
  5. Agar gambar sesuai dengan ukuran header sobat pilih susutkan agar sesuai
  6. Aturlah penempatan gambar seseui dengan keinginan sobat dengan 3 pilihan opsi yang diberikan
  7. Terakhir klik tombol simpan
Bagaimana sobat blogger cukup mudah bukan, buatlah tampilan blog sobat lebih menarik supaya terlihat lebih profesional.

Demikian panduan mengnai header blog, semoga bermanfaat

Baca Selengkapnya ....

Cara Membuat Posting

Posted by Unknown 0 comments
Kita berlanjut ke pembahasan selanjutnya sobat blogger, setelah kita membahas mengenai template yang tak kalah penting yang akan kita bahas sekarang adalah cara membuat posting.  Boleh dibilang posting atau isi konten merupakan ruh atau makanan agar blog kita tetap eksis.

Update posting secara berkala merupakan kegiatan yang sangat tepat agar blog kita tetap bertahan dan lebih disukai oleh mbah google, sebelum membuat posting ada baiknya sobat pikirkan terlebih dahulu maksud dan tujuan sobat dalam membuat blog apakah hanya sekedar menyalurkan hobi menulis atau bisnis.

Apabila tujuan sobat dalam membuat blog adalah untuk tujuan bisnis, sebaiknya persiapkan bahan artikel/posting yang banyak dicari oleh kebanyakan orang. untuk mengetahui apakah artikel sobat banyak dicari atau tidak dapat dilihat melalui google keyword tools external. disana sobat dapat melihat apakah artikel yang akan sobat buat tersebut populer dan banyak dibutuhkan atau tidak.

Selanjutnya setelah menetapkan tema artikel yang diinginkan sobat ditinggal posting, dan untuk cara membuat posting sobat masuk ke Dasbord blog - Entry Baru

sobat blogger dapat berkreasi dengan memilih tulisan serta menambah link atau menambahkan gambar supaya blog sobat tampak lebih menarik.

Demikian panduan cara membuat posting, semoga bermanfaat.

Baca Selengkapnya ....

Seo Blog Template

Posted by Unknown 0 comments
Seperti yang telah sobat blogger ketahui template adalah salah satu element terpenting dalam sebuag blog, coba bayangkan kalai blog sobat tanpa template tentunya tidak akan enak dipandang mata bukan meskipun isi kontennya sangat berkualitas.


Namun terlepas dari pemilihan template, ada salah satu kunci dalam pemilihan template agar nantinya blog sobat lebih ramah di mata google salah satunya yaitu dengan pemilihan template yang seo frriendly.

Disini saya akan coba share salah satu template seo friendly yang dapat sobat unduh dan pergunakan untuk blog sobat.

Buat blog kamu lebih seo friendly dengan puluhan template siap pakai


VIEW DEMO | DOWNLOAD
Template ini cukup baik karena lebih mengutamakan template seo yang valid dengan HTML5, dan sudah pasti akan memberi dampak menambah kualitas blog terhadap seo. karena sangat jarang sekali kita menemukan template yang valid dengan HTML5.

Segitu dulu sobat yang dapat saya bagikan, lain waktu saya akan share template seo yang lebih banyak lagi. semoga bermanfaat

Baca Selengkapnya ....

Cara Merubah Background

Posted by Unknown 0 comments
Apakah sobat blogger bosan dengan tampilan backround blog yang itu-itu saja, oke pada kesempatan kali ini saya kan mencoba share bagaimana cara merubah background blog supaya blog sobat terlihat lebih menarik.

Sebetulnya ada dua pembahasan yang akan saya bahas dalam merubah background yaitu dengan merubah warna background dan merubah background dengan gambar, namun kali ini saya hanya akan share bagaimana merubah background dengan gambar terlebih dahulu.

Seperti apa caranya, baiklah kita langsung bahas saja. Disini kita akan mengambil contoh background body, pertama cari kode body {

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Nah selanjutnya untuk mengganti background dengan gambar sobat blogger upload dulu gambar yang akan dijadikan sebagai bacround sehingga nantinya akan didapat URL seperti dibawah ini

http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg

Selanjutnya sobat tinggal menambahkan URL tersebut tepat dibawah kode body { sehingga akan menjadi seperti dibawah ini 

body{
background:#ded8c0 url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AAAAAAAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Bagaimana cukup mudah bukan, silahkan sobat blogger berkreasi dengan melakuk

Baca Selengkapnya ....

Template Blog

Posted by Unknown 0 comments

Sob kemarin saya telah membahas mengenai cara membuat blogger kali ini kita akan lanjutkan dengan template blog, seperti yang telah kita ketahui template merupakan tampilan dari halaman blog itu sendiri. Ada begitu banyak pilihan template yang dapat kita pergunakan sebagai tampilan blog yang telah kita buat, baik itu template bawaan dari blogger maupun template yang dapat kita unduh pada layanan penyedia template dari mulai yang gratisan hingga yang premium.


Sebelum sobat memilih template, saya memberi saran pilihlah template yang ringan ketika diakses karena biasanya google lebih suka blog dengan template yang lebih ringan dibuka serta seo friendly.

Untuk mendapatkan template yang sobat inginkan silahkan berkunjung ke layanan penyedia template seperti http://btemplates.com. Ada begitu banyak pilihan template yang dapat sobat blogger pilih sesuai dengan jenis blog yang telah sobat buat.

Setelah sobat unduh template pilihan sobat tinggal ganti deh template sobat di blogger, untuk mengganti template sangat mudah kok caranya :


  1. Sobat masuk ke Dasboard blog sobat tersebut kemudian pilih template 
  2. Selanjutnya pilih opsi cadangkan/pulihkan
  3. Klik chose file kemudian buka template yang telah sobat unduh pada direktori
  4. Akhiri dengan Klik upload


Nah sampai disini sobat sudah berhasil mengganti template bawaan blogger dengan template pilhan sobat.


Baca Selengkapnya ....