Membuat Profil FB di Blogger Kamu

Wah udah lama nih nggak ngasih tulisan buat blog ku yang satu ini, jadi nggak enak rasannya. Maklumlah mahasiswa mahasibuk ya... begini nih, heheheh...
Baiklah karena tutorial ini baru di utlis lagi kita mulai dengan yang ringan-ringan aja, yaitu, memasukkan profil facebook kita di blogger.

Sederhananya ini seperti menampilkan profil yang ada di blogger yang berupa gadget, tapi ini berupa akun facebook gitu.
Baiklah kita mulai.
1. Login ke Login ke facebook
2. Pilih lihat profil saya, biasanya berada di sebelah kanan foto profil pada halaman beranca.
3. Sekarang lihat ke bagian bawah, disana ada link ke "Buat Lencana Profil", lalu klik.
4. Lencana profil anda sudah terlihat, namun jika anda masih ingin mengeditnya, misal anda tidak ingin memperlihatkan foto profil, anda klik "Sunting Lencana ini", centang sesuai kebutuhan berdasarkan opsi yang ada lalu simpan.
5. Salin semua kode yang ada didalam kolom.
6. Login ke Blogger
6. Lalu tambah gadget berupa HTML/Javascript, kalau lupa silahkan lihat disini (Menghias Blog dengan menambah gadget)
7. Paste kode yang tadi anda copy dari facebook.
8. Simpan.

Dengan begitu status anda di facebook akan terhubung ke blogger anda. Sekian untuk tulisan saya kali ini, kalau ada yang sulit, silahkan bertanya melalui form komentar.

Ping Serivce Percepat terindex Google

Hari ini saya dapet hal baru nih... cara mempercepat index oleh google. Bertambah lagi ilmu kita... melanjutkan yang kemarin tapi kali ini nggak usah pusing pake kode-kode HTML,. cukup daftar-daftar biasa ajah.

Caranya adalah dengan Ping Service.Ping service adalah layanan dimana kita bisa memberikan informasi kepada search engine bahwa kita telah melakukan update pada blog kita. Hal ini kalau mau dapet feedback bagus harus dilakukan setiap hari atau setiap kali kita update blog kita. Mungkin agak sedikit ribet tapi beberapa Ping service memberikan hasil luar biasa loh....

Ini beberapa alamat yang sering saya kunjungi untuk melakukan ping:

http://mypagerank.net

http://www.pingoat.com/

http://pingomatic.com/

Kenapa seh ketiga alamat itu, karena ketiganya melakukan ping secara otomatis. Jadi nggak usah repot-repot. Sebenernya memang bagus kalau kita lakukan satu-satu karena lebih pasti. Tapi lebih banyak lebih bagus, lebih cepat lebih baik.

Menaikkan Page Rank dengan Blog Directory

Sekali lagi saya akan bertukar pengalaman soal mempercepat terindex oleh google. Kali ini tentang memanfaatkan blog directory. Kita bisa mendaftarkan blog kita di banyak Blog directory agar bisa membantu kenaikan page rank dan pengunjung, Di sana banyak berkumpul orang-orang pemilik web atau blog baik yang baru atau yang sudah lama. Meraka membuka diskusi, membagi pengalaman bahkan ada yang bisa membantu blog baru menaikkan page rank mereka.

Anda harus memanfaatkannya, karena cara ini nggak kalah jitu dengan ping service. Menurut pengalaman saya loh.

Tapi saya sarankan anda bisa sedikit-sedikit bahasa inggris. Karena banyak orang luarnya, bahkan Blogger indonesia juga kalau kasih komen pake bahasa inggris. Pusling..... Saya kurang bisa bahasa inggris

Yang paling seru adalah Technorati (Karena Banyak Blogger), BlogCatalog (Orangnya asyik-asyik) dan Digg (Cepat buat kita terindex). Tapi masih banyak seh, saya kasih daftarnya aja yah...

Digg



Technorati



Topblogarea



Topblogging



Blogtoplist



Fuelmyblog



MyBloggingarea



BlogCatalog



BloggingFusion



BlogHop



Blogarama



Topbloglists



Myblogdirectory



Bloggernity.com

Topofblog.com

BloggerFind.com

Dignow.org

Today.com

Membuat Footer Multikolom

Membuat Footer dengan multikolom untuk kebutuhan widget. Soalnnya, menurut pengalaman saya, kadang kurang asyik kalau harus menempatkan semua gadget di sisi kanan. Kadang ada gadget yang kurang pas dan bikin nggak enak dipandang mata.

Tapi pilihan lain juga nggak banyak membantu, soalnya cuma ada footer dengan 1 kolom. Memanjang lagi.

Setelah Googling berlama-lama akhirnya saya bisa menemukan bagaimana cara membuat footer dengan multikolom.

1. Biasa... Login ke Blogger.



2. Klik Tata Letak



3. Klik Edit HTML



4. Tambahkan kode berikut persis di atas kode ]]></b:skin>:

/* bottom

---------------------------- */



#bottom {

width: 100%;

position: relative;

clear:both;

margin: 0 auto;

color:#0B0B0B;

float: left;

background:#D8D8D8;

padding: 15px 0 15px 0;

}



#bottom h2 {

padding: 5px 0 2px 0;

margin: 0 0 10px 0;

color:#0B0B0B;

font-size: 15px;

letter-spacing: -1px;

border-bottom: 1px solid #000000;

}



#bottom ul {

padding: 0;

margin: 0;

}



#bottom ul li {

line-height: 14px;

list-style-type: none;

border-bottom: 1px dashed #0B0B0B;

}



#bottom ul li a {

display: block;

padding: 0 10px;

color:#000000;

text-decoration: none;



}

#bottom ul li a:hover {

background: #B1ACB1;

}



#left-bottom { /* kode untuk kolom kiri */

width: 300px;

float: left;

padding-left:10px;

}



#center-bottom { /* kode untuk kolom tengah */

width: 300px;

float: left;

padding-left:10px;

}



#right-bottom { /* kode untuk kolom kanan */

width: 300px;

float: left;

padding: 0 5px 0 10px;

}

Kemudian cari kode seperti ini :

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

Copy paste kode berikut persis di atas kode yang atas tadi :

<div id='bottom'>



<b:section class='bottom' id='left-bottom'/>



<b:section class='bottom' id='center-bottom'/>



<b:section class='bottom' id='right-bottom'/>



</div>

Simpan Perubahan. Nah soal ukuran ini nih... Saya pernah mencoba pada dua blog dengan template berbeda, yang satu okeh... yang satu membleh... Masalahnya ada pada ukuran. Jadi Set aja sendiri kali ya soal ukuran....

Membuat Tulisan Read More

Hari ini saya akan berbagi penglaman saya tentang Membuat Blog tentunya.

Karena kemarin ada yang bertanya kepada saya bagaimana caranya membuat tulisan Read More. Tulisan yang jika di klik akan menampilkan isi posting keseluruhan, jadi sebelumnya yang tampil pada postingan kita hanya secuil kalimat yang memberikan deskripsi singkat isi posting.

Untuk apa tujuannya, saya juga masih mencari-cari. Tapi yang saya tahu hanya satu. Pertama untuk SEO, untuk meningkatkan kunjungan yang pada blog kita. Maksudnya begini, kalau yang tampil hanya setengah otomatis pembaca yang tertarik akan mencari bagian lanjutannya (biasanya yang agak tertarik juga). Dengan begitu kunjungan oleh satu orang bisa dua kali, pertama pada halaman muka lalu ke halaman posting.

Yah itu seh terserah, bagi newbie seperti saya itu hanya sebagai penghias, ilmu yang harus dipraktekkan dan senang-senang aja. Nggak ngerti seh soal SEO.

Ya udah, dari pada kelamaan, saya mulai tutorial ini OKEh....

1. Login dulu ke Blogger

2. Setelah masuk Dashboard, Klik Pengaturan atau kalau bahasa inggris klik Setting.

3. Terus cari menu Format, Klik.

4. Akan tampil jedela berupa pengaturan. Cari Template Posting, Biasanya di bagian bawah (Emang bagian bawah).

5. Masukkan kode ini di kotak yang tersedia.

<span class="fullpost"> </span>

6. Klik Save.

7. Klik lagi Tata Letak di bagian atas.

8. Klik Edit HTML

9. Silahkan download template anda terlebih dahulu.

10. Klik/centang Checkbox Expand Widget

11. Cari kode ini: <data:post.body/>

12. Hapus kode tersebut dan ganti dengan kode ini:

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <data:post.body/> <b:else/> <style>.fullpost{display:none;}</style> <data:post.body/> <a expr:href='data:post.url'><strong>Read More......</strong></a> </b:if>

13. Klik Simpan Template

Gimana? Enak to? Mantep to? HAHAHAHAHA...

Cara Mempostingnya Tulis postingan artikel yang ingin di tampakkan sebelum kode <span class="fullpost"> lalu sisa artikel setelah kode tersebut. Klik Publikasikan.

Tulisan merah di atas bisa diganti dengan kalimat kesukaan kamu, misalkan More, Baca Selanjutnya, Selanjutnya dan lain selanjutnya...

Menampilkan kode HTML pada postingan

Pada tutorial saya tentang Mengganti template tanpa menghapus widget saya menampilkan kode html pada posting. Namun berbeda dengan jika anda menulis kode untuk link pada posting maka yang tertampil adalah haya bacaan saja, tidak keseluruhan kode.

Misal saya tulis di posting <a href="http://www.google.co.id">Google</a> maka yang tampil adalah Google, bukan keseluruhan kode.

Maka jika ingin menuliskan kode HTML pada postingan maka ada beberapa simbol yang perlu diganti.

1. < diganti &lt;

2. > diganti &gt;

3. " diganti &quot;

4. ' diganti &#039;

Mengganti kode bisa dengan cara manual, bisa juga dengan Find and Replace di Ms. Office Words, atau parse online
Di sini. Cukup dengan meng-copy kode, Klik kode parse. setelah itu copy dan paste ke postingan.

Disable Klik Kanan.

Para blogger yang takut akan kegiatan copy paste para blogger lainnya ada cara untuk menanggulani ketakutan tersebut. Ini juga bisa dipakai oleh seluruh blogger tidak hanya blog yang sudah besar (maksudnya traffic tinggi). Namun semua itu terserah para pembaca ingin memakai cara ini atau tidak.

Caranya dengan men-disable klik kanan.

1. masuk ke Blogger lalu klik Tata letak.
2. Klik Elemen Halaman
3. Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan Kode ini:

<script>
var message="Maaf, Klik Kanan Saat Ini Saya Disable";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

6. Simpan.

Selamat bersenang-senang....

Membuat Teks Berkedip

Mungkin sebagian pembaca yang awam akan bingung, maksudnya teks berkedip itu apa?

Saya akan beri contoh:

Selamat Belajar

Mengerti kan? Caranya dengan menyisipkan kode HTML berikut:

<blink>Kata yang ingin di kedipkan</blink>

Maka contohnya tertulis seperti ini:

Blogger Keren

Simple kan... Selamat mengedipkan kata...

Upload Gambar

Pada posting Menampilkan gambar di posting saya menyebutkan sekilas tentang sumber gambar. Cara agar anda mendapatkan alamat sumber gambar adalah dengan mengupload gambar anda.

Ada beberapa situs yang saya tahu untuk mengaupload gambar.

1. Photo Bucket

2. Shareapic

3. Mypicx

Ketiganya punya kelebihan dan kekurangan masing-masing. Bahkan ada yang memberi dolar pada kita setiap kali gambar dilihat oleh pengunjung.

Namun penulis lebih suka Mypicx karena untuk mengupload kita tidak usah mendaftar akun kita terlebih dahulu. Multiple uploadnya juga hingga 15 gambar.

Baiklah ikuti langkah berikut:

1. Masuk ke http://www.mypicx.com/

2. Klik Browse

3. Pilih gambar yang akan di upload.

4. Beri Judul pada Tilte

5. Klik Upload.

Setalah selesai akan tertampil gambar yang tadi anda upload dan sebaris alamat web. Nah, alamat itulah yang anda taruh sebagai sumber gambar.

Cukup mudah bukan?

Membuat Link

Kamu pasti sudah tidak asing lagi dengan tulisan yang seperti ini Google. Ya, Ketika di klik maka kita akan mendapat halaman baru, atau diarahkan ke halaman baru.


Dalam menulis posting itu kadang diperlukan. Caranya adalah dengan menggunakan tag anchor.

<a href="halaman yang dituju">Teks tampilan</a>

Contoh: <a href="http://www.google.co.id">Google</a>

Maka yang tampil Google

Jika ingin menampilkan halaman pada jendela baru tinggal menambah target="new" setelah halaman yang dituju.

Selamat mencoba

Tips Menampilkan Posting Terjadwal

Untuk kamu yang tidak punya banyak waktu untuk posting tiap hari tetapi punya banyak article yang mau diposting, ada cara untuk membuat artikel blog kamu tampil secara terjadwal. Artinya kamu bisa mengatur jadwal kapan article yang kamu tulis di-posting.


Biasanya ini dilakukan agar Blog kamu selalu up to date (Baru terus) tanpa harus setiap hari koneksi internet hanya untuk mengurusi posting. Atau Blogger yang sudah handal biasanya menggunakan cara ini untuk SEO.

Caranya sebagai berikut:
1. Sig in ke Blogger

2. Pada menu dasbor pilihlah Posting baru

3. Tulis postingan kalian seperti biasa, Tulis Judul dan Isi Posting.

4. Pada bagian bawah ada klik menu opsi.

5. Atur tanggal kapan posting kamu akan di publish, Atur juga jamnya.

6. Setelah selesai klik MEMPUBLIKASIKAN POSTING. Selanjutnya akan ada notifikasi kapan postingan anda akan di publikasi.

Selesai. Anda bisa mengguakan cara ini atau secara manual sesuai kebutuhan anda.