Tips dan Trik Blogger

saat aku lagi cari-cari blog, tiba-tiba aku melihat ada yang beda dengan blog http://novel-bloggerholic.blogspot.com. ternyata ada "animasi" di sudut blognya. aku telusuri artikelnya, dan akhirnya ketemu juga cara masang kodenya.

Gini, gimana cara membuat "animasi" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "animasi" itu apa? "animasi" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar jin aladin (pojok kiri bawah). Nah, udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:


1. Login ke blogger trus klik Layout -->> Edit HTML
2. Cari kode ini ]]> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode

http://novel-bloggerholic.blogspot.com">
http://www.geocities.com/op3l_scorpio/avatar_bloggerHolic.gif" border="0" />

"http://novel-bloggerholic.blogspot.com" adalah link. ganti dengan link kamu.
"http://www.geocities.com/op3l_scorpio/avatar_bloggerHolic.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

Baca Selengkapnya >>

Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu mau tahu cara pembuatamnya?
Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML

2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu.

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini

sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode

diakhir script/Kode.

Dah gitu aja, gampang kan
Artikel ini dikutip dari http://trik-tips.blogspot.com/

Baca Selengkapnya >>

saat aku lagi cari-cari blog, tiba-tiba aku melihat ada yang beda dengan blog http://trik-tips.blogspot.com. ternyata ada "animasi" di sudut blognya. aku telusuri artikelnya, dan akhirnya ketemu juga cara masang kodenya.

Gini, gimana cara membuat "animasi" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "animasi" itu apa? "animasi" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sinchan lagi ngucapin Assalamu'alaikum (pojok kiri bawah). Nah, udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:


1. Login ke blogger trus klik Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://belajar-trik-blogger.blogspot.com">
<img src="http://www.geocities.com/op3l_scorpio/logo-tips-trik-blog.jpg" border="0" /></a>
</div>

"http://belajar-trik-blogger.blogspot.com" adalah link. ganti dengan link kamu.
"http://www.geocities.com/op3l_scorpio/logo-tips-trik-blog.jpg" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

Baca Selengkapnya >>

Sudah merupakan hal yang biasa jika saya bertanya tentang blog. Tetapi apa salahnya jika kita tahu awal mula diciptakannya blog.

Penggunaan istilah “weblog” pertama kali digunakan oleh John Berger pada tahun 1997. Pada bulan Mei 1999, Peter Merholz mengubah nama itu tetapi tetap menggunakan karakter yang sama. Dia mengubahnya menjadi “we blog”. Dia juga yang memperkenalkan kata “blog”. Setelah itu, kata ini menjadi kata dunia yang diterima oleh masyarakat global.


Salah satu situs blogging yang pertama adalah Xanga. Xanga memiliki 100 orang bloggers pada tahun 1997, yang secara mengejutkan berubah menjadi 50 juta di akhir tahun 2005. Orang-orang mulai menggunakan blog secara global di tahun 1999. Blogging mulai menular di mana-mana. Evan Williams dan Meg Hourihan dari Pyra Labs, membuat alat blog mereka sendiri yang bernama “Blogger”.

Dengan semua orang dapat memulai blogger hanya dalam hitungan menit. Keseluruhan system blogger ini gratis dan sangat mengejutkan. Secara mengejutkan pula, Google membeli jasa Blogger ini di tahun 2004. Blogger masih tetap gratis, tetapi di bawah nama Google. Kata-kata “weblog”, “weblogging”, dan “webblogger” telah di masukkan ke dalam Oxford Dictionary pada bulan Maret 2003. Ini menandakan keseriusan dunia akan suatu kata yang bernama “blog”

Jika ada tanggapan atau kritik silahkan mengirimkan komentar.

Baca Selengkapnya >>

Kata "alexa" mungkin sudah sering anda dengar. Sebenarnya apa itu alexa? Kalau menurut mas Vavai dalam artikelnya Tips Meningkatkan rangking alexa di blog, yaitu :

Alexa adalah website yang menjadi bagian dari Amazone.com dan menyediakan informasi traffic dari mengenai suatu website. Alexa dapat dijadikan gambaran mengenai jumlah pengunjung yang mendatangi suatu blog dan terekam oleh Alexa.

Lebih lanjut Mas Vavai juga menyebutkan kalau beberapa situs seperti ReviewMe,Text Link Ads, AdBrite, Sponsored Review menjadikan alexa untuk mengetahui data-data dari publisher. Semakin tinggi ranking di Alexa, situs-situs tadi lebih percaya untuk meng-approve publishernya.

Ada beberapa faktor yang dapat meningkatkan ranking di Alexa, yaitu dengan cara memasang widget alexa di blog. Sampai saat alhamdulillah saya mendapat peringkat 9 dari alexa

Langkah-langkahnya:

1. Login ke alexa.com
2. Pada menu Developer's Corner pilih Widgets, maka akan tampil seperti gambar berikut:

Ada 3 pilihan yaitu:
Button (120 x 95 )
Vertical Banner ( 120 x 240 )
Banner ( 468 x 60 )


3. Ketikkan URL dari blog anda, lalu klik Build Widget, maka akan muncul seperti gambar berikut:

Copy/paste code html tersebut kedalam blog anda (sebelumnya tentukan dulu dimana widget ini akan dipasang, mis: sidebar)


4. Selesai

Setelah selesai pasang dengan widget ini diblog anda, harap kasi komentar ya.
Semoga berhasil.

Baca Selengkapnya >>