Zona Blogger

Cara Menyembunyikan Buku Tamu

noreply@blogger.com (arihermana) — Sat, 17 Mar 2012 00:09:00 +0000

Postingan ini adalah lanjutan dari Daftar cBox dimana widget ini sangat berarti sekali buat blog kita.Selain untuk menjalin tali silaturrahmi sesama blogger juga berfungsi memperkenalkan blog kita kepada pengunjung yang lain untuk dengan meninggalkan jejak mereka di blog kita.Dan kali ini saya ingin memberikan variasi buku tamu agar tidak terlalu monoton, yaitu dengan cara menyembunyikannya di samping kanan atas .Untuk menyembunyikan buku tamu tidaklah sulit!

Ikuti Langkah Berikut ini :

1. Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",

2. Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",

3. Copy code berikut dan paste Elemens HTML/JavaScript

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i.imgur.com/jkh8k.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.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">



<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4. Ganti scipt merah dengan scipt shoutmix/cbox Anda.
5. Klik "save".
6. Selesai deh...!!!

Membuat 2 Kolom di Bawah Posting

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 23:03:00 +0000

Beberapa cara untuk membuat blog kita agar tampak lebih indah di pandang mata, Berikut tips cara untuk memasang 2 kolom widget di bawah posting, mudah mudahan ini dapat sedikit membantu untuk para sobat blogger di dunia maya. :)

1. Seperti bisa Login, masuk ke pangaturan dan seterusnya lihat gambar :

2. Masukkan Kode CSS berikut tepat di atas ]]></b:skin> :

.underpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.underleft{
float:left;
width:265px;
margin-right:15px;
}
.underright {
float:right;
width:265px;
}

Selanjutnya temukan kode ini :

<data:post.body/>

Dan tempatkan kode berikut tepat dibawah kode yang di atas.

<b:if cond='data:blog.pageType == "item"'>

<div class='underpost'>

<div class='underleft'>

(teks and atau kode iklan)(kiri)

</div>

<div class='underright'>

(teks and atau kode iklan)(kanan)

</div>

</div>

</b:if>

3. Lalu save template.

Selamat mencoba..

Cara Membuat Artikel Terkait Dengan Gambar (Thumbnail)

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 20:59:00 +0000

Pada postingan sebelumnya saya telah share Cara Membuat Artikel Terkait dengan Scroll Bar dan Cara Membuat Related Post dengan Thumbnail yang kedua-duanya sama kegunaannya untuk membuat artikel terkait dibawah postingan blog hanya berbeda model saja. Dan kali ini saya masih akan membahas Cara Membuat Artikel Terkait dengan Gambar (Thumbnail) tapi lebih mudah dan praktis tidak perlu mengedit html template dalam membuatnya. Kita akan menggunakan bantuan LinkWithin untuk membuat artikel terkait ini.

LinkWithin akan membaca setiap gambar yang ada didalam setiap postingan artikel dan akan menjadikannya artikel terkait secara otomatis dengan gambar yang relevan dengan judul tepat dibawah postingan artikel. Dan untuk mendapatkannya cukup mudah, untuk langkah-langkahnya silahkan ikuti cara dibawah ini, , , ,

1. Langsung menuju TKP >>> LinkWithin

2. Jika sudah isi form registrasi blog kita untuk mendapatkan Widget ini. Untuk mengisinya seperti gambar dibawah ini :

3. Untuk langkah selanjutnya dalam LinkWithin sudah dijelaskan dengan rinci cara memasangnya diblog, jika sobat ingin mengambil link Klik bacaan Install Widget

4. utk langkah selanjutnya sobat blogger pasti langsung paham dengan mengikuti langkah yang telah ada pada langkah yang disediakan LinkWithin.

Dan secara otomatis akan langsung terinstall diblog kita, dan selamat Widget LinkWithin utk Membuat Artikel Terkait dengan Gambar berhasil dipasang diblog

<<<<< Selamat Mencoba >>>>>

Langkah-langkah Membuat Read More Otomatis

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 19:47:00 +0000

Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.

Zona Blogger

Langkah-langkah cara membuat Read More Otomatis di Blogspot

Login ke Blog anda
Buka halaman design > Edit HTML > centang Expand template widget
Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :

summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.

Cara Membuat Tombol Share Facebook, Twitter dan Google +

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 19:08:00 +0000

http://tampilan-blog.blogspot.comCara Membuat Tombol Share Facebook, Twitter, Google + dll. Membuat tombol share facebook, twitter, digg atau mungkin ditambah dengan Google + diatas setiap posting / artikel blog dengan cara menambahkan kode atau script pada template anda. Share button atau tombol share untuk blogger sebenarnya bisa langsung anda dapatkan kodenya di situs situs yang menyediakannya, seperti contoh situs sharethis.com yang menyediakan kode untuk di pasang pada blog anda dengan fitur share yang lengkap. Namun yang kurang menarik adalah penempatannya yang kurang stretegis. Kali ini saya akan share cara membuat tombol share facebook, twitter, Google + dll di atas posting blog anda.

Cara membuat tombol Share atau Share button Blogger

1. Pertama silahkan login blog anda
2. Klik menu Design > Edit HTML > centang expand widget templates
3. Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
4. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>

<g:plusone size="medium"></g:plusone>

<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>

5. Langkah terahir yaitu simpan template

Cara Membuat Tombol Share atau share button di blogger ini adalah cara paling mudah untuk memasang fitur share / membagikan artikel anda. Share button ini juga bisa anda edit sesuai keeinginan anda, tapi jangan lupa back up templatenya dulu untuk menghindari kesalahan pada proses editing. Oh ya "User Name" diganti user name twitter anda. Untuk blog yang sudah menggunakan read more biasanya bukan menggunakan kode
<div class='post-body entry-content'>
melainkan kode di bawah ini
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
Pahami dulu, baru praktekkan cara membuat tombol share atau share button blogger type ini.

Semoga berhasil...!

Membuat Posting Blog yang Baik

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 16:01:00 +0000

bagaimana cara membuat posting blog yang baik?

pertanyaan itu sering kali muncul di benak blogger, terutama blogger pemula. Di sini saya akan mencoba memberikan sedikit tips blogging yang saya punya berdasarkan pengalaman saya menjadi blogger.

Tulislah judul yang informatif
judul seperti apa yang informatif? judul yang informatif adalah judul yang bisa dimengerti oleh pembaca dan sesuai dengan isi postingan. Jika ada sebuah posting yang isinya memberitahukan nama-nama pemenang lomba blog, mana di antara 2 judul posting ini yang informatif? “pengumuman” atau “pengumuman pemenang lomba blog“? tentu saya judul yang informatif adalah “pengumuman pemenang lomba blog“
Isi posting jangan terlalu sedikit
menulis posting di blog tidak sama dengan mengupdate status di twitter yang hanya 160 karakter. Tulislah informasi yang lebih banyak lagi.
Tambahkan gambar pada postingan
menambahkan gambar pada postingan bisa menjadi nilai lebih pada postingan anda. Dengan adanya gambar, pengunjung tidak merasa bosan membaca tulisan anda, apalagi jika posting anda terlalu panjang. Tentunya gambar yang ditambahkan harus sesuai dengan isi postingan
Sebutkan sumbernya jika anda mengambil posting / mengutip dari orang / web lain
Anda akan disebut sebagai plagiat jika mengambil tulisan dari posting orang lain tanpa menyebutkan sumbernya.

Panduan Membuat Blog di Google

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 15:50:00 +0000

Cara Membuat Blog - Kali ini saya akan memberikan tips cara buat blog di blogger, kalian pasti sudah tahu kan apa itu Blogger? Blogger ini menyediakan fasilitas kepada kita semua bila ingin membuat blog gratis yang dan bisa di akses langsung di www.blogger.com. Disini kita hanya tinggal daftar beberapa langkah dengan email kita sendiri, pokoknya mudah kok caranya dan akan saya kasih cara-caranya dibawah ini.

Langkah pertama cara membuat blog adalah mempunyai email sendiri, terserah itu email apa! tapi lebih mudahnya menurut saya sediakan email yang dari gmail. Apabila belum punya persiapkan dahulu dan mendaftar emailnya disini www.gmail.com. Dan kali ini saya anggap kalian sudah mempunyai email dari gmail, kemudian ikuti langkah berikut :

Cara Membuat Blog

1. Pertama buka di browser anda dan ketik www.blogger.com
2. Lihat tulisan get started / memulai, lalu klik

Zona Blogger

3. Kemudian ada tampilan dibawah ini lalu lengkapi semua seperti, email, pasword, nama tampilan, tanggal lahir kalian, verifikasi, sesuai perintah. Lalu centang klik persetujuan lalu tekan tombol lanjutkan.

Zona Blogger

4. Setelah itu muncul halaman seperti ini, Judul blog isi dengan judul blog kalian, dan url adalah alamat blog kalian di browser silahkan kalian pilih.

Zona Blogger

5. Setelah buat alamat judul dan url kalian selesai, lalu anda di pilih untuk memilih tema blog kalian sesuai tampilan gambar dibawah ini, pilih salah satu yang kira-kira cocok lalu klik lanjutkan.

Zona Blogger

6. Tampilan ini adalah memberitahukan bahwa akun cara membuat blog kalian sudah sukses dan berhasil. Tinggal langkah selanjutnya yaitu memulai mengisi blog anda dengan postingan. Langsung klik mulai blogging.

Zona Blogger

Bagaimana sangat mudah dan gampang bukan cara membuat blog gratis di blogger? Sekarang tinggal sering-sering posting agar blog yang kalian buat mempunyai banyak postingan dan tentunya semakin banyak postingan juga akan semakin banyak traffic yang datang di blog anda, selamat ngeblog ria!! apabila masih ada yang bingung atau kurang paham bisa kalian tanya2 lewat komentar dibawah ini, kalau saya bisa pasti langsung saya kasih solusi / jawabannya. Demikian posting kali ini cara membuat blog.

Cara Membuat Banner Flash

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 08:18:00 +0000

Cara membuat banner flash dengan mudah dan gratis --Tips dan triks blog kali ini adalah yang berhubungan dengan banner, yaitu bagaimana caranya membuat banner flash dengan mudah dan gratis. Tanpa memahami basic design grafis seperti pembuatan flash dengan Macromedia Flas MX dan sebagainya agan-agan sudah bisa membuat banner profesional dengan mudah dan gratis.

Layanan yang kita gunakan adalah layanan pembuatan banner flash dari 123-banner.com. Kelebihan situs ini pembuatannya bisa secara online tanpa install software dan tanpa ada embel-embel. Dengan demikian, tampilan banner kita kan menjadi lebih profesional.

Tertarik untuk mencoba? Berikut Cara membuat banner flash dengan mudah dan gratis :

1. Kunjungi situs ini : http://www.123-banner.com/flashbanner.php

2. Pilih banner yang agan inginkan :

3. Maka akan tampil seperti ini:

1). Masukkan teks pertama dan kedua lalu url alamat tujuannya jika di klik.
2). Lalu pilih warna teks yang diinginkan.

4. Kemudian lihat kebawah lagi dan pilih warna background yang diinginkan.

5. klik "submit query" dari sini tampak banner design anda sendiri.

6. Download bannernya, lalu upload banner flash di google site.

Akhirnya selesai Cara membuat banner flash dengan mudah dan gratis. Happy share

Cara Membuat Scroll Bar

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 07:20:00 +0000

Baiklah, kali ini saya akan posting gimana caranya membuat scroll bar. yah, scroll bar digunakan untuk membuat blog kita rapi dan juga menghemat ruangan pada blog kita, mungkin sudah banyak yang tau trik ini, tapi yah ini hanya sekedar share aja.

Ini kode scroll barnya

——————————————————————————————————————
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Masukkan teks atau kode yang ingin anda letakkan disini</div>
——————————————————————————————————————
pada teks width:80px; height:80px;. ganti ukuran sesuai dengan ukuran sidebar anda.
misalnya kita buat dengan kode seperti ini:
——————————————————————————————————————
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Masukkan teks atau kode yang ingin anda letakkan disini</div>
——————————————————————————————————————
maka hasilnya seperti ini

Masukkan teks atau kode yang ingin anda letakkan disini

nah, sekian postingan kali ini, sekiranya bisa bermanfaat bagi yang belum tahu

Membuat Software Awesome screenshot

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 06:36:00 +0000

Cara menampilkan screenshot halaman blog full --Pada saat tertentu kita membutuhkan screenshoot full halaman untuk menampilkan bukti atau detail tentang tampilan halaman, atau report halaman. Sebenarnya bisa saja kita menggunakan software, atau hanya dengan menggunakan tombol print screen di keyboard.

Software atau aplikasi untuk menampilkan screenshoot sangat banyak, ada yang gratis bahkan berbayar. Salah satu aplikasi gratis yang bisa gunakan adalah Awesome Screenshoot.

Awesome Screenshoot adalah aplikasi yang bisa digunakan melalui berbagai browser. Yang saya beberkan kali ini adalah melalui browser populer yaitu Mozilla dan Crome.

Cara menampilkan screenshot halaman blog full

1. Download addon untuk pengguna mozilla firefox (disarankan firefox versi 9 ketas)
2. Install aplikasi tersebut..
3. Buka halaman yang hendak digunakan untuk ditampilkan full.
4. Klik pada icon Awesome screenshoot dipojok kanan atas Firefox kemudian klik pada “Capture Full Page”
5. Jika sudah didapat gambarnya edit sedikit sesuai selera.
6. Save

Sobat bisa menggunakannya melalui Crome. Selamat mencoba, and happy blogging..

Cara Menggunakan Screenshot

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 05:51:00 +0000

Tips dan triks blog kali ini adalah mengambil gambar dari layar monitor, untuk sebagian blogger yang baru kenal dunia blogging seperti saya, saya yakin agan-agan pasti bingung bagaimana cara mengambil gambar dari layar monitor dalam artian lain menampilkan screenshot ke dalam postingan.

Nah, triks berikut ini adalah mengambil layar dengan cara sederhana dan mudah, agan tidak memerlukan software apapun. Cukup menggunakan program bawaan komputer sobat.

Berikut cara mudah mengambil gambar dilayar monitor komputer dan laptop netbook:

1. agan tetapkan dulu gambar apa yang mau sobat ambil dari layar monitor misalnya, gambar data statistik kunjungan blog dll.

2. Tekan tombol PrintScrint pada keyboard komputer letaknya diatas kanan keyboard, untuk yang menggunakan laptop atau netbook biasanya harus menekan fn + prt sc.

3. Nah, jika sudah ditekan, sekarang agan buka program paint pada komputer atau laptop agan-agan, Star menu --> Program --> Accecories --> Paint

4. Klik menu Edit --> paste atau CTRL + V pada keyboard.

5. Jika mau disimpan, klik menu file --> Save copy to , simpan dengan nama file yang agan-agan inginkan. Jika agan-agan menggunakan Windows 7, cukup Save as saja..

6. Selesai, dan bisa agan-agan edit sesuai keinginan

Selamat mencoba,

Cara Pasang Emoticon Yahoo di Kotak Komentar

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 05:23:00 +0000

Banyak pertanyaan sobat-sobat tampilan-blog.blogspot.com tentang bagaimana memasang Emoticon di kotak komentar blog. Pertanyaan ini sudah lama diajukan, tapi belum terjawab.

Akhirnya saya menyempatkan diri membuat tutorialnya. Nah agan-agan semua, tidak butuh tips dan trik tertentu untuk Emoticon yahoo ini. Hanya saja syaratnya adalah harus cocok dengan Template yang sedang agan-agan gunakan. Karena, jika tidak cocok emoticon yahoonya tidak akan pernah tampil. Kriteria cocok atau tidak belum pasti. Namun, menurut pengalaman saya harus sesuai dengan langkah-langkah yang saya gunakan. Kalau sesuai berarti berhasil.

Untuk Demonya, sobat bisa lihat pada kotak komentar dibawah. Gimana ? tertarik untuk mencoba.. Lets go!

Berikut adalah Cara pasang emotion yahoo di kotak komentar

1. Seperti biasa masuk ke menu edit HTML, lalu download dulu template lengkapnya takut gagal nanti.

2. Jangan lupa beri tanda centang pada "Expand Widget Templates"

3. Lalu sobat cari kode : </body>

4. Lalu letakkan script berikut diatas kode </body> tadi :

<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>

5. Selanjutnya cari kode berikut :

<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>

6. Kode diatas kadang berbeda, carilah yang menurut sobat mirip. Lalu letakkan kode berikut dibawah <p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>

7. Jika sudah silahkan di SAVE template sobat.

Akhirnya selesai Cara pasang emoticon yahoo di kotak komentar. Selamat mencoba, semoga berhasil.. Sharing pengalaman agan-agan di bawah, siapa tahu ada masalah dan solusinya.. Happy blogging and sharing..

Perlukah Jasa SEO, Agar Kita No.1 di Google?

noreply@blogger.com (arihermana) — Fri, 16 Mar 2012 04:19:00 +0000

No 1 di Google

Waktu pertama kali, membuat website dengan frontpage saya tidak pernah memperhatikan apa itu title page, meta name, keyword dan istilah-istilah lain yang membuat pusing kepala saya. Maklum saya bukanlah web programmer yang ahli, atau pakar dibidangnya. Saya hanyalah pemula, yang kebetulan tertarik untuk menekuni bisnis melalui website. Memang No 1 di google bukan jaminan bisnis kita akan sukses, tetapi dengan no.1 di google kemungkinan orang akan mengunjungi web kita akan tinggi. Karena kebanyakan orang mencari produk di internet lewat Google. Memang saat ini Google adalah mesin pencari terpopuler di dunia.

Kemarin saya sempat jalan-jalan di pusat perbelanjaan dan ada kantor yang menawarkan Jasa Search Engine Optimation, yaitu jasa untuk membuatkan website sehingga website kita bisa di halaman pertama di Google dengan keyword yang kita inginkan, bahkan mereka menjanjikan bisa di urutan satu di halaman pertama Google. Iseng-iseng saya catat websitenya, dan saya coba search di google dengan keyword-keyword yang biasa digunakan untuk para penyedia jasa SEO.

Pertama saya coba cari dengan kata kunci : “Jasa SEO ” saya cari sampai halaman enam baru ditemukan, kemudian saya ganti dengan kata kunci :” Jasa Pembuatan website” saya cari sampai halaman empat baru ditemukan, kemudian saya cari lagi :” Konsultant SEO” sampai sepuluh halaman saya buka belum juga ditemukan.

Kalau saya lihat harga yang ditawarkan mereka cukup mahal, untuk membangun sebuah web yang katanya SEO Friendly mereka mematok harga diatas sepuluh juta..wow..mahal sekali. Yang dapat saya ambil pelajaran disini, kalau mereka belum bisa membuat web mereka sendiri No 1 di Google, kenapa mereka bisa berani memberikan Jasa untuk membuat web orang lain menjadi No1 di Google.

Dari pengalaman saya mengelolal web, hal-hal yang perlu diperhatikan agar web kita bisa no 1 di Google adalah sebagai berikut :

Pilih nama domain yang sesuai atau mendekati kata kunci yang kita inginkan. Misalnya kita mau jualan handphone kita bisa memilih domain: www.tokohandphonemurah.com, walaupun ini bukan jaminan.
Title web harus diisi sesuai kata kunci yang kita inginkan, misalnya plazabatik.com : Batik murah, batik asli pekalongan, pusat batik jakarta
Meta keyword kitan isi kata-kata kunci yang kita targetkan.
Register web anda di Google dengan link sebagai berikut : http://www.google.co.id/addurl, tunggu dua atau tiga hari cek di google dengan nama domain anda apa sudah dikenal di google.
Umur domain, ini juga berpengaruh domain yang baru diregister dengan domain lama lebih mudah dikenal domain lama untuk menjadi No 1 di google.
Sering update web anda, buat web anda penting bagi banyak orang, misalnya berisi manual buku petunjuk, review produk yang detail, dan kalao bisa lain daripada yang lain.

Sesuai judulnya, sebenarnya perlu gak sih, kita pakai Jasa SEO? menurut saya, kalau memang kita tidak punya waktu atau malas untuk mengelola website dan kita kita punya kelebihan uang, kita perlu menggunakan jasa mereka. Yang penting, kita harus benar-benar bisa memilih Jasa SEO yang benar-benar punya bukti. Kita bisa lihat peringkat web mereka di Google, kita juga bisa langsung cek portofolioweb-web yang sudah menggunakan jasa mereka, apa benar-benar bisa peringkat 1 di google. Jangan sampai kita sudah bayar mahal-mahal ternyata web kita tetap di nomor sepatu di Google.

Cara Membuat Google Translate

noreply@blogger.com (arihermana) — Thu, 15 Mar 2012 20:36:00 +0000

Cara Membuat Google Translate di blog sangat membantu kita atau mereka saat berkunjung di blog yang bukan bahasa kita. Anda pasti mengalaminya kan, saat anda berkunjung di blog yang berbahasa inggris ?. Nah untuk itu cukup mudah.

Berikut langkah-langkah Mudah untuk memasang Google Translate di blog Anda :

Masuk ke Blogger
Pilih Design atau Rancangan
Setelah di page element > susunan elemn laman silahkan Add a Gadget > Tambah Gadget
Kemudian pilih HTML / JavaScript
Kemudian Copy Code dibawah ini :

    <div class='widget-content'>
    <div id='crosscol-wrapper' style='text-align:center'>
    <br/><style>

          .google_translate img {
          filter:alpha(opacity=100);
          -moz-opacity: 1.0;
          opacity: 1.0;
          border:0;
          }
          .google_translate:hover img {
          filter:alpha(opacity=30);
          -moz-opacity: 0.30;
          opacity: 0.30;
          border:0;
          }
          .google_translatextra:hover img {
          filter:alpha(opacity=0.30);
          -moz-opacity: 0.30;
          opacity: 0.30;
          border:0;
          }
          </style>

          <div>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/UK%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/France%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Deutschland%20Germany%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Spain%20Espanya%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Italy%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Nederlands%20Netherlands%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <br/><br/>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Russia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://lh3.googleusercontent.com/-1-vTFifnr1I/Tjk3zNil2iI/AAAAAAAAAr4/3OLyA4EOics/Portuguese%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Japan%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://lh5.googleusercontent.com/-KJ7PRXE7apg/TjkxCjzh7pI/AAAAAAAAArc/ZUoFuAx79eI/Korea%252520Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/Arabia%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>

          <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Chinese" height="32" src="http://www.veryicon.com/icon/32/Flag/Not%20a%20Patriot/China%20Flag.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="32"/></a>
          </div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div></div>
    </div>

Setelah anda Copy Dan Paste Ke elemn laman blog anda , silahkan save. Lalu lihat Blog anda dan lihat google Translate yang barusan anda buat tersusun rapi dengan logo bendera.

Selamat Mencoba..

Perlukah Submit Blog Ke Situs Google dan Yahoo?

noreply@blogger.com (arihermana) — Thu, 15 Mar 2012 20:32:00 +0000

Di beberapa kesempatan blogwalking, saya menemukan beberapa blog yang membahas bagaimana terindeks Google dan Yahoo. Menurut saya uraian mereka bagus. Namun ada hal yang mengejutkan saya, karena mereka masih merekomendasikan untuk submit ke situs google.com/addurl dan submit.search.yahoo.com/. Jika saya mengulas masalah serupa, maka saya tidak akan merekomendasikan untuk submit ke 2 situs tersebut..

Karena Google dan Yahoo jelas-jelas mengumumkan bahwa blog yang di daftarkan akan terindeks setelah 6 atau 8 minggu (saya lupa spesifiknya berapa). Anda mau menunggu selama itu? Saya sih gak mau, karena dalam waktu selama itu tentu banyak yang bisa kita lakukan dari pada menunggu blog untuk terindeks.
Memang mereka tidak salah, kan memang tema posting-nya mengenai “cara terindeks Google dan Yahoo”, jadi men-submit ke ke 2 situs tersebut memang caranya. Namun bukan cara yang cepat. Saya punya banyak blog, dan semuanya terindeks di Yahoo pula Google, tanpa pernah saya mensubmit ke Google.com atau Yahoo.com, namun setiap saya meluncurkan blog baru saya menaruh linknya ke blog saya yang telah terindeks, kemudian tunggu saja 2,3 atau 4 hari kemudian pasti blog baru tersebut terindeks di Google. Jadi cara tercepat ialah melakukan tukeran link dan link satu arah, bukan dengan cara submit ke situs Google atau Yahoo.

Lalu kenapa menaruh link satu arah dan tukeran link lebih cepat dari pada submit langsung ke Google?
Untuk menjawabnya saya punya ilustrasi begini, jika anda saya perkenalkan ke teman saya, pastilah teman saya akan menyambut anda dengan ramah dan memberi perhatian kepada anda, karena dimatanya anda adalah teman saya, sehingga ia percaya bahwa anda orang baik-baik, karena teman saya percaya dengan saya. Lain halnya, jika anda sendiri memperkenalkan diri (tanpa saya), tentunya teman saya akan terkejut dan menunjukkan sikap waspada.

Begitupun reaksi Google disaat menerima blog yang muncul dihadapannya melalui submit langsung disitusnya. Google akan melihat blog tersebut dengan waspada dan menimbang apakah blog anda pantas untuk masuk ke databasenya. Lain halnya, jika blog baru anda di “bawa” oleh blog yang Google telah kenal (yang telah terindeks) maka Google akan dengan mudah mempercayainya dan mengindeksnya.
Begitulah kira-kira kenapa tukeran link dan link satu arah membuat blog lebih cepat terindeks daripada men-submit langsung ke situs Google.com dan Yahoo.com.

Semoga bermanfaat.

3 Jenis Google Bot

noreply@blogger.com (arihermana) — Thu, 15 Mar 2012 20:29:00 +0000

Untuk memulai posting ini, ada baiknya dengan memahami program yang di gunakan Google untuk melakukan spider dan crawl terhadap sebuah situs, program tersebut umumnya dikenal dengan BOT, ia adalah program yang melakukan crawl sebuah situs atau halaman situs secara rutin atau sering, tergantung popularitas sebuah situs.

Bot Google terbagi di bagi menjadi 3:
1. Adsense bot
2. FreshBot
3. DeepCrawl Bot

Bot Adsense, dari namanya kita sudah mendapat gambaran bahwa bot ini mempunyai kaitan dengan Adsense, ia di tugaskan untuk mempelajari dan akhirnya mengidentifikasi halaman dari situs publisher Adsense melalui pesan dari Kode Javascript yang terintegrasi di dalam kode Adsense yang kita letakan di template, tujuannya agar iklan Adsense yang tampil relevant dengan niche dan konten blog si publisher.

Freshbot, adalah bot yang paling aktif di antara bot yang lain, ia secara rutin mengunjungi sebuah blog untuk meng-crawl halaman dan halaman yang paling popular. Berapapun jumlah halaman blog tersebut. Namun besaran frekuensi kunjungan Freshbot tidak terlepas dari faktor popularitas sebuah blog/website, tentu saja semakin popular sebuah web maka semakin sering freshbot bertandang. Situs berita seperti BBC, CNN atau situs Marketplace Online seperti Ebay.com, Amazon.com di crawl dalam hitungan menit (biasanya 10 menit sekali) setiap harinya.
Setiap blog yang sudah cukup lama online, umumnya mempunyai apa yang disebut dengan Deeper Links, nah ketika Freshbot menemukan mereka saat berkunjung, ia akan menempatkan deeper link dalam daftar antri (Queue) menunggu hingga Deepcrawl beraksi.

DeepCrawl bot bot ini di atur untuk melakukan crawl tiap satu bulan sekali, sebelum ia beraksi, ia terlebih dahulu mengecek semua deeper link yang telah ngantri di database, lalu ia menggunakannya sebagai refrensi saat meng-crawl sebuah blog. di karenakan, ia di program untuk melakukan kunjungan tiap satu bulan sekali, maka diperlukan waktu satu bulan agar seluruh konten blog kita terindeks. Dan update Pagerank sebuah blog/halamannya erat kaitannya dengan kedatangan Deepcrawlbot.

Bagaimana mengenali/mengetahui kedatangan freshbot dan deepcrawl bot:
Untuk mengenalinya tentu saja melalui IP Address, biasanya IP address freshbot dimulai dengan 64, dan Deepcrawlbot dimulai dengan 216. Dan keseluruhan bentuk ipnya seperti ini:
Freshbot IP:

64.208.32.4.
64.68.82.0-255
64.68.82.47

Deepcrawlbot IP:

216.239.45.4
216.239.46.0-255
216.239.46.53

Jadi saat anda melihat ip address di awali dengan 216 rawa-riwi di blog anda. Maka siap-siap karena Google akan “berdansa” (Google dance), untuk mengkalkulasi ulang PR, Backlinks dan rangking kemunculan blog anda di SERP, yang hasil dari semua kalkulasi tersebut adalah UPDATE PAGERANK!

Semoga dapat membantu para Blogger semua...