Cara Menampilkan Blog di Google

Google adalah mensin pencari terbesar di dunia untuk sekarang ini. Untuk sekarang ini jika orang ingin mencari berita mereka tinggal memasukkan kata di google, dan semua yang ingin mereka temukan langsung muncul di halaman pertama. Tentunya hal ini sangat membantu orang - orang yang ingin mencari berita , dan kemudahan ini hampir bisa dilakukan siapa saja sekalipun orang yang tidak terbiasa dengan internet(pemula). Ternyata selain membantu orang untuk mencari berita google juga berguna untuk sebagaian besar orang yang mencari penghasilan lewat internet. Jika anda termasuk orang yang membangun blog dengan tujuan mendapat penghasilan darinya maka anda wajib mendaftar di google, walaupun tidak semua orang yang memasukkan web / blog ( blog pribadi , blog pemerintah , blog layanan masyarakat , dll) ke dalam google bertujuan untuk menghasilkan uang.

Baiklah tanpa berlama - lama lagi saya akan menjelaskan bagaimana cara blog tampil di blog.

Langkah Pertama / First Step

Seperti biasa , silahkan login terlebih dahulu jika anda belum login di www.blogger.com, dan
setelah login silahkan masuk ke halaman tata letak / layout. Anda akan berada pada element halaman / element page.

Langkah Kedua / Second Step

Silahkan kunjungi web google di http://www.google.co.id/intl/id/add_url.html .

Keterangan 

URL. Masukkan alamat web / blog anda. Cth : http://www.gotblogger.co.cc/
Tanggapan. Deskripsikan blog anda. Anda bisa memasukkannya dengan judul,  keyword atau deskripsi yang ada di blog anda . Cth : blog saya mengajarkan cara blog masuk di google.

setelah anda mengisi keterangan di atas silahkan klik tambah url.

Langkah Ketiga / Third Step

Pada langkah ketiga saya hanya akan menjelaskan sedikit tentang cara blog tampil di google / cara blog masuk google. Biasanya blog / web anda akan terindeks setelah 3 - 8 minggu tergantung dari cara anda mengelolah blog yang telah anda buat. Setelah anda mendaftarkan diri anda saya sarankan anda segera mendaftarkan diri anda di google webmaster , dan google feedburner .

Sangat mudah bukan?. Jika anda masih binggung tentang cara blog tampil di google silahkan bertanya , maka saya akan senang hati menjawab semua pertanyaan anda.

sumber

Read more »

Mengganti Header Blog

Supaya blog Anda terlihat unik atau beda dari yang lain. Maka Anda harus mengganti tampilan blog Anda.

Ada banyak cara untuk melakukannya. Misalnya dengan mengganti template yang dibuat oleh pihak ketiga tapi rata-rata template tersebut sudah ada yang menggunakannya.

Terkecuali Anda membuat template sendiri namun cara ini memerlukan waktu yang lama dan tidak mudah untuk membuat sebuah template yang bagus. Jadi salah satu cara yang paling mudah dan efektif adalah mengganti header pada template.

Header merupakan unsur yang paling penting dalam sebuah template karena setiap pengunjung yang datang ke blog Anda pertama kali yang dilihat adalah headernya. Jadi mengganti header merupakan cara yang paling tepat.

Header tidak harus berupa gambar. Anda juga bisa menggunakan teks sebagai header yang penting enak dilihat. Jika anda ingin menggunakan gambar sebagai header tetapi tidak bisa membuatnya. Jangan khawatir, karena saat ini ada banyak situs yang menyediakan gambar header secara gratis jadi Anda tinggal mendownload saja. Beberapa website yang memiliki header yang cukup bagus seperti: 100pixel.blogspot.com, freewebpageheaders.com, smashingmagazine.com, dan masih banyak lagi.

Pada postingan ini saya akan membahas tentang mengganti header dari freewebpageheaders.com. Untuk mendowloadnya, silahkan ikuti langkah-langkah dibawah ini:

1. Buka situs http://freewebpagesheaders.com/gallery

2. Untuk mendownload header. Anda harus memiliki account terlebih dahulu. Klik register untuk mendaftar.

3. Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info.

Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini

4. Kemudian klik Submit Registration Form. Jika sudah Anda akan mendapat pesan seperti ini.

5. Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.

6. Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.

7. klik Return to the front page of free Web Page Headers.

8. Lalu klik Login untuk mendowload gambar header.

9. Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.

10. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.

11. Selesai. Sekarang gambar sudah tersimpan di komputer Anda

Langkah selanjutnya yang harus Anda lakukan adalah mencari tahu berapa ukuran header pada template Anda supaya pada saat mamasang ukurannya pas dengan header template Anda. Caranya:

1. Klik Layout->Edit HTML.

2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketik "header-wrapper" lalu tekan Next.

3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya #header-wrapper { background: url } no-repeat; width:980px; height:100px;

Width adalah panjang header dan Height adalah lebar header. Berarti Anda harus meresize gambarnya menjadi 980x100 pixel. Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, photoshop untuk meresizenya.

4. Setelah selesai. Buka Blogger, masuk ke menu Design->Page Elements.

5. Klik Edit pada bagian Header.


6. Kemudian akan muncul halaman baru.


7. Pilih Browse from your computer jika gambarnya disimpan dikomputer atau Browse from the web jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket, dan Geocities.

8. Pada bagian "Placement". Pilih Behind title and description jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description jika Anda ingin menutupi judul dan deskripsi blog.

9. Lalu klik Save. Klik View Blog untuk melihat hasilnya.

Catatan:
Tidak semua template bisa dipasang gambar. Ada yang menggunakan teks saja. Jadi pilihlah template sesuai kebutuhan.

Selamat mencoba.

Read more »

Cara Membuat Widget Melayang

Cara Membuat widget melayang itu sebenarnya mudah, tapi saya sendiri membuatnya dengan mengulang beberapa kali. Tapi mungkin anda bisa membuatnya hanya denga satu kali. Itu mungkin jika anda melihat semua step di bawah ini (harus semua):

1. Masuk ke Blogger
2. Masuk ke tata letak
3. Tambah Gadget
4. HTML/JAVASCRIPT
5. Masukan Kodenya di bawah ini :
   

 
#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:150px;

width:30px;

float:left;

cursor:pointer;

background:url('http://i895.photobucket.com/albums/ac151/simbahbrukno/th_Gb.jpg') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #000000;

background:transparent;

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(30-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 1 ? 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 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=557612&amp;boxtag=63175r&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=557612&amp;boxtag=63175r&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>

</div>

<!-- END CBOX -->

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

NB: warna merah kamu ganti dengan url gambar chat box kamu
       warna hijau kamu ganti dengan kode warna kesukaanmu (untuk border)
      warna biru kamu ganti dengan warna kesukaan kamu (untuk background chat box)
      warna ungu kamu ganti dengan kode chatbox kamu
6. Jangan kamu klik rich text , karena jika di klik akan gagal
7. Langsung klik simpan dan lihat hasilnya

 sumber

Read more »

Pasang Tombol "Like" Facebook pada setiap Artikel Blog

Facebook, situs layanan jejaring sosial paling ngetop, baru-baru ini merilis fitur baru yaitu Faebook Like. Kalau sebelumnya tobol “Like” hanya terlihat pada situs Facebook saja (misalnya di bawah status update seorang pengguna Facebook), dengan fitur ini seorang pengguna Facebook bisa menunjukkan rasa suka/like langsung di situs di luar Facebook. Tapi tentunya hanya pada situs/blog yang memasang tombol ini.

Nah, bila anda ingin juga memasang tombol “Like” di artikel blog, berikut ini cara pemasangannya.

Sebenarnya, di situs Facebook sudah tersedia tool untuk mendapatkan kode yang bisa dipasang di website/blog (silahkan lihat di sini). Tapi sayangnya, pada pilihan URL to Like di tool itu, kita hanya bisa menentukan URL statis, tidak bisa membaca secara otomatis URL setiap artikel/halaman blog (URL dinamis). Untuk itu perlu sedikit modifikasi dari kode yang bisa di dapat di Facebook itu.

Silahkan pilih kode yang sesuai dengan platform blog yang dipakai.

*

1. Pasang di template Blogspot/Blogger

Silahkan login, masuk ke Layout, lalu klik Edit Template, centang pilihan Expand Widget Templates. Cari kode <data:post.body/> di template anda, lalu di atas/di bawahnya pasang kode ini:

<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>

*

2. Pasang di template WordPress.ORG (self hosted)

Silahkan login, masuk ke Appearance, lalu klik Editor (Themes editor). Silahkan buka template Single Post (single.php) atau Page Template (page.php). Carilah kode <?php the_content(); ?>, lalu di atas/di bawahnya tambahkan kode ini:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:25px;"></iframe>

*

3. Pasang di Sidebar/Widget/Webpage (javascript)

<script type="text/javascript">
document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=' + escape(location.href) + '&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=100%&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; height:25px;"></iframe>');
</script>

*

Catatan:

• Kita bisa memilih setting tampilan tulisan pada tombol, yaitu “Like” (Suka) atau “Recommend” (Rekomendasikan). Silahkan ganti kode like pada bagian action=like menjadi action=recommend pada pilihan kode di atas (kode berwarna biru).
• Kalau mau silahkan ganti-ganti setting pada kode yang berwarna hijau, utuk pilihannya silahkan lihat di situs Facebook.

Kalo suka artikel ini, boleh juga direkomendasikan atau di-”like”

 sumber

Read more »

Menampilkan Widget pada Halaman Tertentu

Saya sudah pernah posting tentang Menampilkan Widget Hanya di Halaman Selanjutnya atau tentang Menampilkan Widget Hanya di Halaman Depan . Tapi kali ini saya akan posting lagi dengan beberapa tambahan tentang menampilkan widget hanya di halaman tertentu/di halaman yang anda inginkan saja. Oke langsung saja Step.By.Step :

1. Login ke blog anda tentunya

2. Masuk Design > Edit HTML > beri centang pada Expand Template Widget

3. Cari judul widget yang kalian ingin sembunyikan dan tambahkan kode berwarna merah berikut

<b:widget id='HTML3' locked='false' title='The New Posting' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

4. Kode merah yang bercetak tebal bisa di ganti dengan kode di bawah ini :
Menampilkan Widget Hanya di Homepage
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Menampilkan Widget selain di Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>

Menampilkan Widget hanya di Archivepages
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != &quot;archive&quot;'>

Menampilkan Widget hanya di Itempages / Postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != &quot;item&quot;'>

Menampilkan widget hanya di Staticpages
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

Menampilkan widget selain di staticpages
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

Menampilkan widget pada Postingan Tertentu
<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>

Catatan : ganti alamat postingan dengan url postingan kamu

5. Save templates.
Semoga bisa bermanfaat dan jika ada yang kurang jelas silahkan tinggalakn comment terima kasih

Read more »