Tips dan Trik Blog

Gold Price

2011-06-07T07:27:00.000-07:00

Gold is definitely in this year! Everyone is tired of taking risks with their hard earned money. So they invest in a more stable and visible commodity. They just keep it and its value just goes up on its own. Gold becomes the purest form of money for years since people knew its value. It is also the most fluid investment. You can easily buy and sell gold on the market which never closes.

Before you buy gold, we need to know information about the price of gold.Where can you get information about the current gold price? For the easiest way, you can get it online. There are many credible online sources which provide you with gold charts and prices online. To know the spot gold price, you can visit at http://www.goldcoinsgain.com.

Gold spot price needs to be set to provide a recognized rate as an international benchmark for the world’s markets. Gold prices are now fixed twice a day by phone, at 10:30 and 15:00 GMT. There is nothing in this world can devalue your gold. It is a very good reason to invest your money on gold rather than on paper investments.

Mengetahui Perkiraan Nilai Suatu Blog Atau Situs

2010-12-15T02:43:00.001-08:00

MENGETAHUI PERKIRAAN NILAI SUATU BLOG ATAU SITUS. Kemarin, Tips dan Trik Blog melakukan browsing dan secara tidak sengaja menemukan sebuah layanan online yang mampu menyajikan perkiraan nilai sebuah situs, informasi , dan data pengunjung suatu situs dan informasi situs yang berguna lainnya.

Adalah BIZ INFORMATION yang menyediakan layanan dimaksud. Untuk mengetahui informasi serta nilai perkiraan suatu situs, kita hanya perlu memasukkan alamat URL situs tersebut pada kotak yang disediakan. Kemudian kita hanya perlu menekan button “NILAI” dan kemudian menunggu beberapa detik untuk mendapatkan informasi yang lengkap dari situs tersebut.

Informasi yang ditampilkan antara lain :

Nilai Situs
Titik Halaman Harian
Pengunjung Harian
Peringkat Dunia
Peringkat Indonesia
Jenis Web
Page Rank
Jumlah Halaman
Tautan Eksternal
Nilai Metrik
Pengenalan Situs
Sejak Online Situs
Dll

Untuk mencobanya, silakan ikuti langkah-langkah berikut ini.

Pertama, buka halaman http://bizinformation.org/id/

Kedua, masukkan alamat URL situs/blog pada kotak yang disediakan

Ketiga, klik “NILAI”

Keempat, tunggu beberapa saat untuk mendapatkan hasilnya.

Berikut contoh hasil dari informasi blog ini (Tips dan Trik Blog). Dan dari penilaian layanan tersebut BLOG ini mempunyai nilai perkiraan 41 juta. Sungguh angka yang menakjubkan. Sayangnya hanya berupa angka saja.

Selamat Mencoba!!

Cara Memasang Share This Post

2010-08-24T16:03:00.000-07:00

Cara Memasang Share This Post. Banyak trik SEO yang dapat kita gunakan agar blog atau halaman blog kita menjadi populer dan diindeks oleh mesin pencari (search engine). Salah satu trik yang dengan dengan mudah dapat kita lakukan adalah dengan cara memasang Share This Post pada halaman atau postingan blog milik kita.

Dengan memasang tool tersebut adalah halaman atau postingan kita dipublikasikan pada situs social bookmark yang dipilih oleh pengunjung, antara lain Digg, Delicious, Facebook, Google, Stumble, Technorati dan Twitter. Dengan terpublikasinya halaman postingan blog kita maka diharapkan akan dapat meningkatkan traffic pengunjung pada blog kita.

Jika pengunjung tertarik untuk memasang tool tersebut, Tips dan Trik Blog akan mengetengahkan cara untuk memasangnya.

Berikut langkah-langkah memasang Share This Post tersebut.

Pertama, login ke akun blogger masing-masing hingga masuk Dasbor >> Rancangan >> Edit HTML

Kedua, jangan lupa centangi “Expand Templates Widget”

Ketiga, cari kode ]]>></b:skin>

Keempat, copy script di bawah ini di atas kode ]]>></b:skin> tersebut.

div.sociable { margin: 16px 0;}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: #f5f5f5;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;

border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

Kelima, kemudian cari kode <data:post.body/>

Jika blog kita sudah menggunakan fungsi readmore maka akan terdapat dua kode tersebut dan pilih kode yang kedua atau terakhir agar tidak tampak pada halaman utama.

Keenam, copy script di bawah ini dan letakkan di bawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='maspeypah' src='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfOTb1pF1I/AAAAAAAAAuI/M-fC8ABhw6c/s1600/share.jpg' title='Share This Artikel'/>
</div>
<ul>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfN_PyGWsI/AAAAAAAAAtw/HUcVDlUpfwg/s400/digg.png' title='Digg'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='http://1.bp.blogspot.com/_KgIhfKU4BcE/SwfN5pqFA4I/AAAAAAAAAto/HFYS5rLHaIo/s400/delicious.png' title='del.icio.us'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='http://2.bp.blogspot.com/_KgIhfKU4BcE/SwfOGlfWg6I/AAAAAAAAAt4/1NpvgqnynAg/s400/facebook_002.png' title='Facebook'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfOL1O6pFI/AAAAAAAAAuA/fCpnpHg87yg/s400/googlebookmark.png' title='Google'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='http://3.bp.blogspot.com/_KgIhfKU4BcE/SwfObF-toHI/AAAAAAAAAuQ/SwO1_vXBHWg/s400/stumbleupon.png' title='StumbleUpon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='http://4.bp.blogspot.com/_KgIhfKU4BcE/SwfOoNe2fWI/AAAAAAAAAuY/cxTxqKCpVYE/s400/technorati.png' title='Technorati'/></a></li>
<li><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='http://2.bp.blogspot.com/_KgIhfKU4BcE/SwfOswiRsWI/AAAAAAAAAug/cllKpvLIDi4/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
</b:if>

Ketujuh, simpan template.

Kedelapan, refresh blog kita dan pastikan tool tersebut sudah “hadir” dalam setiap postingan yang telah kita buat.

Selamat ber-SEO ria.

Memasang Widget Kurs Mata Uang

2010-07-30T06:27:00.000-07:00

Memasang Widget Kurs Mata Uang Rupiah. Pada kesempatan yang terdahulu, di sini, sebenarnya Tips dan Trik Blog telah memposting tema serupa tentang pemasangan kurs mata uang ini. Namun tidak ada salahnya, jika kali ini Tips dan Trik Blog mempostingnya kembali dengan layanan yang berbeda, yaitu KlikBCA. Dengan postingan ini diharapkan para pengunjung mempunyai banyak pilihan jika ingin menggunakan salah satunya.

Dengan memasang kurs mata uang pada blog diharapkan dapat membantu para pengunjung (terutama yang sering berkecimpung dalam dunia perdagangan valas) untuk mengetahui kurs mata uang rupiah secara up to date (realtime). Dengan demikian mereka tidak perlu repot-repot menuju ke situs yang menyediakan kurs mata uang.

Cara pemasangannya cukup mudah, yaitu dengan langkah-langkah sebagai berikut.

Pertama, login ke akun blogger hingga masuk Dasbor >> Rancangan >> Tambah Gadget >> Tambahkan HTML/Javascript.

Kedua, kemudian copy kode berikut ini.

Keterangan
Jika menginginkan, kita dapat merubah variable “height” dan “width” dengan angka yang lebih besar atau lebih kecil tergantung selera dan kebutuhan.

Ketiga, simpan perubahan

Keempat, selesai

Sekarang, refreshlah blog dan pastikan widget kurs mata uang telah "bercokol" pada blog kita. Hasilnya seperti di bawah ini.

Selamat Mencoba!!!

Memasang Harga Emas Realtime

2010-07-27T06:30:00.000-07:00

Memasang Widget Harga Emas Realtime. Ketika bersilahturahmi di blog teman, Tips dan Trik Blog menemukan widget yang menampilkan Harga Emas secara realtime, di mana kita dapat melihat harga emas yang terupdate setiap saat. Sebenarnya widget serupa juga pernah Tips dan Trik Blog ketengahkan pada postingan sebelumnya, di sini, namun tidak ada salahnya jika Tips dan Trik Blog mengetengahkan lagi dengan harapan para blogger mempunyai pilihan untuk memasang salah satu widget harga emas tersebut.

Adalah Gold-Quote.net yang menyediakan layanan harga emas yang akan terupdate secara realtime. Harga emas yang ditampilkan adalah dalam satuan dollar per troy oz, di mana 1 troy oz sama dengan 31,1 gram. Jadi untuk mengkonversi harga emas ke dalam rupiah adalah dengan membagi harga tersebut dengan 31,1 kemudian dikalikan dengan kurs rupiah terhadap dollar.

Contoh perhitungannya telah Tips dan Trik Blog sampaikan pada postingan yang terdahulu, di sini.

Untuk memasang widgetnya pada side bar blog kita dengan cara sebagai berikut.

Pertama, login kea kun blogger hingga masuk Dasbor >> Rancangan >> Tambah Gadget >> HTML/Javascript

Kedua, buka halaman http://gold-quote.net/dashboard.php?lang=en

Ketiga, kita akan melihat beberapa tampilan yang dapat kita pilih sesuai dengan selera masing-masing. Dan pilihlah tampilan yang kita inginkan.

Keempat, di bawah tampilan yang kita inginkan tersebut terdapat script yang harus kita pastekan pada di sidebar blog kita. Copy dan pastekan script tersebut pada Gadget.

Kelima, simpan.

Keenam, selesai

Sekarang, refresh blog dan pastikan widget harga emas tersebut telah muncul pada blog kita, contoh hasilnya adalah seperti di bawah ini.

Selamat Mencoba!!!

Cara Memberi Keterangan Gambar Pada Posting Blog

2010-07-16T15:12:00.000-07:00

Cara Memberi Keterangan Gambar Pada Posting Blog. Jika kita sering membaca koran, kita pasti sering melihat photo / gambar yang berfungsi sebagai ilustrasi atas berita / artikel tertentu. Nah, biasanya pada bagian bawah photo /gambar tersebut diberi keterangan sehubungan dengan photo / gambar tersebut. Dalam dunia blog, kita juga dapat melakukan hal yang serupa, yaitu menambahkan photo / gambar ilustrasi dan kemudian kita dapat memberikan keterangan di bawah gambar ilustrasi tersebut. Jika tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Kita semua mengetahui bahwa untuk memasang photo / gambar pada postingan blog dapat dilakukan dengan dua cara. Pertama, dengan cara mengupload gambar secara langsung dari PC (komputer) dan kedua, dengan cara menempatkan / mengupload gambar pada suatu layanan photo hosting (misalnya, photobucket, flicker, dll) kemudian linknya dipastekan (ditempatkan) pada postingan blog.

Jika kita menggunakan cara yang pertama, kita akan mendapati scriptnya seperti contoh di bawah ini.

Untuk memberi keterangan gambarnya, caranya adalah dengan menyisipkan teks (keterangan) pada script gambar tersebut. Tuliskan teks (keterangan) pada teks yang berwarna merah seperti di bawah ini.

Jika kita menggunakan cara yang kedua, maka contoh scriptnya adalah seperti di bawah ini.

Untuk memberi keterangan gambarnya, caranya juga serupa yaitu dengan menyisipkan teks (keterangan) di antara script tersebut. Perhatikan teks yang berwarna merah.

Hasilnya seperti di bawah ini.

keterangan gambar

dan

Keterangan Gambar

Jika kita perhatikan, posisi gambar di atas adalah di tengah (center) secara horizontal, hal ini disebabkan karena pada waktu menguploadnya, Tips dan Trik Blog memilih opsi “center” sedangkan tulisan (keterangan)nya rata kiri sehingga terlihat kurang bagus.

Oleh karena itu, untuk menjadikan keterangan gambar menjadi rata tengah, kita dapat menambahkan script <div style="text-align: center;"> dan </div> yang mengapit script di atas, sehingga selengkapnya menjadi seperti ini.

<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s1600/hacker1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 109px; height: 122px;" src="http://4.bp.blogspot.com/_dATSF_iv-iw/TEBbj4e-yTI/AAAAAAAADzc/QaXcvWavVIA/s200/hacker1.jpg" alt="" id="BLOGGER_PHOTO_ID_5494492217407883570" border="0" /> keterangan gambar </a></div>

<div style="text-align: center;"><a href="http://s209.photobucket.com/albums/bb287/yono_pati/?action=view&current=hp.jpg" target="_blank"><img src="http://i209.photobucket.com/albums/bb287/yono_pati/th_hp.jpg" alt="Photobucket" border="0" /> Keterangan Gambar </a></div>

Setelah itu, hasilnya seperti di bawah ini.

keterangan gambar

dan

Keterangan Gambar

Oh, iya jika kita perhatikan, keterangan gambar pada image yang kedua berada di samping gambar, jika menginginkan di bawah gambar, kita dapat menambahkan <br> sebelum keterangan gambar, selengkapnya menjadi seperti ini.

dan hasilnya akan menjadi seperti di bawah ini.

Keterangan Gambar

Selamat Mencoba!!

Cara Memasang Kode Warna Pada Blog

2010-06-25T15:25:00.000-07:00

Cara Memasang Kode Warna Pada Blog. Jika kita sering mengotak-atik template terutama yang berhubungan dengan warna maka kita akan sering menggunakan kode html warna . Tidak susah untuk menemukan kode html untuk warna ini, kita bisa melakukan browsing di internet untuk menemukan situs atau link yang menyediakan hal tersebut. Atau daripada susah-susah mencari ke sana kemari, kita dapat memasang kode html warna tersebut pada blog kita sendiri. Dengan begitu, setiap kali kita melakukan pengeditan pada template, kita hanya perlu menuju ke "kode html warna" yang kita buat tersebut.

Untuk memasang kode warna pada blog, langkah-langkahnya sebagai berikut.

Pertama, login ke akun blogger hingga masuk [Dasbor][Rancangan][Edit HTML]

Kedua, jangan lupa centangi "Expand Template Widget".

Ketiga, cari dan temukan kode </head>

Keempat, copy paste kode berikut ini di atas kode </head> tersebut.

Kelima, simpan template.

Keenam, langkah selanjutnya adalah memasang kode warna pada blog kita. Kode warnanya adalah seperti di bawah ini.

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>

Untuk memasang kode warna ini dapat dilakukan dengan dua cara. Cara Pertama, kita dapat menempatkan kode warna ini pada postingan dan Cara Kedua, kita dapat menempatkan kode warna ini pada side bar.

Cara Pertama
1. Buat postingan >> kemudian copy paste kode warna di atas.
2. Beri judul postingan, misalnya Kode HTML Warna
3. Berilah label yang relevan
4. Terbitkan Entri (postingan)

Cara Kedua
1. Masuk Dasbor >> Tata Letak >> Rancangan Template >> Elemen Halaman
2. Tambahkah Gadget >> Tambahkan HTML/Javascript
3. Kemudian copy paste kode warna di atas.
4. Simpan Perubahan

Saran saya, agar tidak membuat blog menjadi "lelet", sebaiknya tempatkan kode warna ini pada postingan saja kemudian buatkan link ke postingan tersebut.

Selamat Mencoba!!

Contoh hasilnya dapat dilihat pada link kode warna ini.

Menampilkan Hanya Judul Posting Ketika Label Diklik

2010-06-01T07:05:00.002-07:00

Cara Menampilkan Hanya Judul PostiLabel Diklik. Ketika jumlah postingan blog kita sudah begitu banyak maka penggunaan label atau kategori akan menjadi bagian yang penting. Penggunaan label akan mempermudah atau mempercepat pengunjung dalam menemukan apa yang mereka cari.

Pada keadaan normal (default), ketika kita mengklik suatu “label” tertentu maka semua postingan dengan label dimaksud akan ditampilkan berikut isi postingannya. Jadi, misalkan saja, suatu label berisi 50 postingan maka ke-50 postingan tersebut akan ditampilkan semua. Dengan kondisi demikian dapat membuat pengunjung menjadi tidak sabar untuk melanjutkan pencariannya. Apalagi kondisi tersebut masih diperparah dengan panjangnya isi setiap postingan yang ada dan juga beratnya loading blog. Dengan kondisi demikian, dapat kita bayangkan betapa lama dan membosankan ketika pengunjung mencari suatu tema/postingan yang mereka kehendaki.

Sehubungan dengan hal tersebut, jika menginginkan, kita dapat mengatur sedemikian rupa sehingga ketika pengunjung mengklik suatu label tertentu, yang ditampilkan hanya judul postingannya saja tanpa disertai isi postingannya. Dengan demikian dapat mempersingkat pengunjung dalam melakukan pencarian karena yang ditampilkan hanya judulnya saja.

Jika menginginkan hal tersebut , berikut langkah-langkahnya.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, jangan lupa centangi “Expand Widget Template”

Ketiga, cari dan temukan kode berikut ini.

<b:include data='post' name='post'/>

Keempat, ganti kode tersebut dengan kode berikut ini.

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

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

<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

Kelima, Simpan Template.

Keenam, selesai.

Sekarang, cobalah untuk mengklik salah satu label yang ada dan pastikan bahwa pengaturan baru tersebut telah berjalan dengan baik.

Selamat Mencoba!!!

Cara Memasang Lencana Facebook di Blog

2010-05-04T06:17:00.000-07:00

Cara Memasang Lencana Facebook di Blog. Jika pada kesempatan (postingan) yang lalu, Tips dan Trik Blog telah menjelaskan cara memasang banner blog pada facebook maka sebaliknya pada postingan kali ini Tips dan Trik Blog akan menjelaskan cara memasang lencana facebook pada blog. Dengan memasang lencana facebook pada blog diharapkan akan dapat menambah pertemanan pada situs jejaring sosial yang paling populer (setidaknya untuk saat ini) tersebut. Jika tertarik, silakan ikuti tipsnya berikut ini.

Berikut langkah-langkahnya.
Pertama, login ke akun facebook kita.

Kedua, kemudian pilih Profil, seperti screenshot di bawah ini.

Ketiga, kemudian scroll ke bawah, klik “Buat Lencana Profil” yang ada di bagian kiri, seperti screenshot di bawah ini.

Keempat, kemudian akan tampil halaman untuk pengaturan “Lencana Profil”, seperti di bawah ini.

Kelima, klik “Buat Lencana Baru” untuk membuat lencana facebook.

Keenam, lakukan pengaturan sesuai selera kita masing-masing.
Tata letak dapat dipilih di antara “Tegak”, “Mendatar”, “2 Kolom”.

Isi dapat dicentangi beberapa atau semua opsi yang ada, seperti “Photo Profil”, “Nama”, “Jaringan”, “Kota Asal”, “Kota Sekarang”, dan lain-lain.

Ketujuh, setelah selesai melakukan pengaturan, kemudian klik “Simpan”.
Kedelapan, setelah itu, kita akan mendapati kode scriptnya, seperti screenshot di bawah ini.

Kemudian setelah mendapatkan scriptnya, langkah selanjutnya adalah menempatkan script tersebut pada blog milik kita, dengan cara sebagai berikut.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javacript >>

Kedua, kemudian pastekan kode script lencana facebook yang baru saja kita dapatkan tersebut.

Ketiga, simpan perubahan

Keempat, pastikan sudah “nongol” pada side bar blog kita, seperti di side bar blog ini.

Selamat Mencoba!!!

Cara Membuat Label Di Atas Judul Postingan

2010-04-29T14:55:00.002-07:00

Cara Membuat Label di Atas Judul Postingan. Jika kita mau, mengotak-atik kode HTML dengan tujuan untuk mempercantik blog miliki kita hampir tidak ada habisnya. Setelah kita mengotak-atik yang itu, kemudian ingin mengotak-atik yang ini dan lainnya yang hampir tidak ada puas-puasnya. Pada postingan kali ini, Tips dan Trik Blog ingin share kepada teman-teman blogger tentang ilmu yang baru saja saya dapatkan dari kebiasaan blogwalking dan browsing di dunia maya.

Adalah cara membuat label berada di atas judul postingan yang mungkin dapat membuat blog lebih menarik dan tampil beda. Jika tertarik, silakan ikuti tipsnya berikut ini.

Langkah-langkahnya adalah sebagai berikut.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
Kedua, Jangan lupa beri centang pada “Expand Templates Widget”
Ketiga, buatlah CSS label dengan deklarasi yang menarik. Contohnya seperti di bawah ini.

.label{
padding:5px 5px 5px 0;
margin:0;
font-size:20px;
color:#DF0174;
font-weight:bold;
line-height:1.4em;
}

Keterangan

Silakan untuk melakukan kustomasi sendiri, misalnya ukuran/type hurufnya Untuk mengetahui kode HTML warna-warna, silakan klik HTML Color Codes.

Keempat, letakkan kode berikut ini di bawah kode <div class="post hentry">

Keterangan

Kedua kode yang berwarna merah dapat diganti sesuai keinginan masing, yang penting keduanya harus sama karena merupakan deklarasi dan target. Yang berwarna hijau, silakan diganti dengan notasi yang lain.

Kelima, simpan template

Keenam, selesai.

Sekarang, silakan buka blog kemudian pastikan bahwa label telah “bertengger” di atas judul postingan. Selamat bereksperimen dan semoga bermanfaat.

(sumber : Blog Mas Doyok)

Cara Membuat Cloud Top Comentator

2010-04-15T03:36:00.000-07:00

Cara Membuat Widget Top Komentator Bergaya Cloud. Ketika melakukan blogwalking, saya menemukan suatu blog yang memasang Widget Top Komentator dengan model Cloud pada side barnya. Penasaran dengan widget tersebut mendorong saya untuk mencari tahu bagaimana cara membuatnya. Setelah melakukan browsing ke sana ke mari dan akhirnya saya menemukan tips tersebut pada blog Mas Doyok. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Berikut langkah-langkah membuat Widget Top Komentator Bergaya Cloud.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Tambahkan Gadget

Kedua, kemudian pilih HTML/Javascript.

Ketiga, copy dan paste kode berikut ini.

<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://tips-trik-blog.blogspot.com
&Exclusions=Anonymous, yono, tips blog
&ShowHowMany=15
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span style=" float:right;;margin-top:10px;"><a href="http://bloggersentral.blogspot.com/2010/02/top-commentators-cloud-widget.html" target="_blank">Make your own</a></span>
</div>

Keterangan

Ganti http://tips-trik-blog.blogspot.com dengan URL blog masing-masing.
Untuk memfilter terhadap nama / ID tertentu, silakan ganti anonymous, yono, tips blog dengan nama-nama yang tidak ingin kita tampilkan dalam daftar komentator tersebut, pisahkan dengan koma antara satu nama dengan nama yang lain.
Angka 15 menunjukkan jumlah komentator teratas yang tampil dan jika menginginkannya, silakan ganti dengan jumlah angka yang lain.
Alphabet menunjukkan penyortiran (pengurutan) berdasarkan alphabet dan jika menginginkan penyortiran berdasarkan frekuensi, silakan ganti dengan frequency.
Jika tidak ingin menampilkan jumlah komentar di belakang nama-nama komentator, silakan hapus kode berikut.

ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count

Keempat, Simpan Perubahan.

Kelima, sekarang pastikan bahwa kita telah mempunyai Widget Top Komentator Bergaya Cloud pada blog kita.

Keenam, selamat mencoba dan sukses selalu.

(sumber : Blog Mas Doyok)

Tips Menampilkan Widget Tertentu Hanya Pada Homepage Blog

2010-04-02T03:19:00.000-07:00

Tips Menampilkan Widget Tertentu Hanya Pada Homepage Blog. Karena alasan tertentu, misalkan untuk menghemat ruang side bar maupun mempersingkat waktu loading halaman blog, kita dapat mengatur agar widget tertentu hanya muncul pada homepage saja. Dengan pengaturan tersebut, suatu widget (yang kita kehendaki) hanya akan muncul pada halaman homepage saja. Jika tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Sebagai contoh dalam kasus ini, misalkan saya ingin agar widget “data pengunjung” hanya muncul pada halaman homepage saja sedangkan pada halaman permalink (postingan) widget ini tidak akan muncul. Begitu juga dengan widget yang lain. Caranya sebagai berikut.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
Kedua, jangan lupa centangi “Expand Templates Widget”
Ketiga, cari kode sebagai berikut.

<b:widget id='HTML8' locked='false' title='Data Pengunjung' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Keempat, tambahkan (sisipkan) kode berikut ini (berwarna merah) sehingga menjadi seperti di bawah ini.

<b:widget id='HTML8' locked='false' title='Data Pengunjung' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:if cond='data:title != ""'>
<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>

Kelima, simpan template
Keenam, selesai.

Untuk melihat contoh hasilnya, silakan kunjungi blog Bisnis Internet. Coba perhatikan, Widget "Data Pengunjung" yang ada di side bar sebelah kiri akan muncul pada homepage saja namun ketika kita membuka halaman permalink atau halaman postingan, widget tersebut tidak muncul. Dengan demikian diharapkan dapat mempersingkat/memperingan waktu loading halaman permalink.

Selamat Mencoba!!!!

Cara Membuat Halaman Penggemar Blog di Facebook

2010-03-30T08:42:00.000-07:00

Cara Membuat Halaman Penggemar Blog di Facebook. Selain dengan cara memasang banner, cara mempromosikan halaman situs atau blog milik kita adalah dengan cara membuat halaman penggemar situs/blog pada facebook. Dengan membuat halaman penggemar tersebut, kita dapat mengenalkan blog kita pada teman-teman facebook dan juga memberitahukan info/posting terbaru kepada penggemar tersebut. Untuk membuatnya hanya memerlukan beberapa langkah saja, jika tertarik silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman http://www.facebook.com/pages/create.php

Kedua, kemudian pada menu “Merk, Produk, atau Organisasi” pilih “Situs Web”, seperti screenshot di bawah ini.

Ketiga, berikan nama halaman yang akan kita buat tersebut sesuai kehendak masing-masing dan dilanjutkan dengan mengklik “Buat Halaman”, seperti di bawah ini.

Keempat, sekarang kita sudah berhasil membuat halaman tersebut.

Selanjutnya kita dapat melakukan penyuntingan/kustomasi tentang halaman tersebut, antara lain :

Agar lebih eksklusif, kita dapat menambahkan photo dengan cara klik “Sunting Foto Profil Anda” kemudian pilih “Unggah Photo”.
Kemudian kita juga dapat melakukan penyuntingan informasi mengenai halaman tersebut dengan cara klik tab “Info” kemudian pada bagian kanan klik “Sunting Informasi”.
Untuk menambah atau mengajak calon penggemar bergabung, kita dapat menyarankan teman tertentu dengan cara klik menu “Sarankan ke teman” kemudian pilih teman-teman mana yang ingin kita ajak bergabung.
Untuk tujuan promosi, kita juga dapat menuliskan sesuatu tentang halaman tersebut dengan cara menuliskan kotak yang disediakan yang letaknya di bawah menu “Saran ke teman”.

Selamat Mencoba dan sukses nge-blog!!!

Cara Mengganti Tulisan Poskan Komentar

2010-03-15T07:02:00.000-07:00

Cara Mengganti Tulisan Poskan Komentar. Pada keadaan default, teks petunjuk komentar yang berada di kotak (form) komentar adalah “Poskan Komentar” atau “Post a Comment” . Jika menginginkan, kita dapat mengganti teks tersebut sesuai dengan keinginan kita masing-masing. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Berikut langkah-langkahnya.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua,centangi pada kotak “Expand Template Widget”

Ketiga, kemudian carilah kode berikut ini.

<data:postCommentMsg/>

Kita akan menemukan dua kode tersebut.

Keempat, ganti keduanya dengan tulisan yang kita kehendaki. Dalam contoh ini, saya menggantinya dengan tulisan “silakan berkomentar”.

Kelima, simpan template.

Berikut adalah sebelum dan sesudah modifikasi.

Screenshot sebelum modifikasi.

Screenshot sesudah modifikasi.

Selamat Mencoba!!

Tips Memasang Banner Pada Halaman Facebook

2010-03-01T07:09:00.001-08:00

Tips Memasang Banner Blog Pada Facebook. Tidak bisa dipungkiri bahwa situs jejaring sosial, facebook makin popular di seluruh kalangan masyarakat, mulai anak-anak, remaja hingga dewasa, tua-muda, perempuan dan laki-laki mengenal dan bahkan menggunakan layanan tersebut. Dan ini bagi yang suka nge-blog merupakan keuntungan tersendiri. Kenapa? Karena kita dapat berpromosi, mengenalkan blog kita kepada teman-teman facebook sehingga diharapkan dapat meningkatkan jumlah pengunjung blog kita.

Dengan cara apa kita berpromosi?

Jika selama ini, kita hanya saling bertukar banner kepada sesama blogger, maka dengan adanya facebook ini, kita dapat memanfaatkannya untuk berpromosi blog dengan cara (salah satunya) memasang banner blog kita tersebut pada halaman facebook. Dengan demikian diharapkan teman-teman facebook yang mengunjungi halaman facebook kita akan mengetahui blog kita dan tertarik dan kemudian diharapkan akan dapat mengunjungi blog kita.

Cara Memasang Banner Pada Facebook adalah sebagai berikut.

Pertama, klik halaman http://apps.facebook.com/profilebox

Kedua, kemudian klik (pilih) “Izinkan”, seperti screenshot di bawah ini.

Ketiga, kita akan memasuki halaman pengeditan. Silakan hapus semua teks yang ada di halaman pengeditan tersebut.

Keempat, tempatkan kode banner blog yang ingin kita munculkan pada facebook.
Format kodenya seperti di bawah ini.

<a href="URL_BLOG"><img src="URL_BANNER">

Keterangan

URL_BLOG diganti dengan alamat URL blog kita.
URL_BANNER diganti dengan alamat URL banner kita.

Contohnya seperti di bawah ini.

<a href="http://tips-trik-blog.blogspot.com" target="_blank"><img border="0" src="http://i209.photobucket.com/albums/bb287/yono_pati/mychicklet.gif"/></a>

Kelima, klik "Submit" dan tunggu hingga profil terupdate dengan sukses.

Keenam, untuk menampilkan dalam profil kita, klik "Cantumkan ke dalam profil", seperti screenshot di bawah ini.

Ketujuh, kita akan mendapati dialog konfirmasi “Tambahkan Profil Box ke profil Anda?”. Kemudian klik “Tambahkan”, seperti screenshot di bawah ini.

Kedelapan, kemudian kita akan diarahkan secara otomatis ke profil kita. Kemudian pada dialog box, klik “keep” untuk mempertahankan banner tersebut tetap berada di profil kita.

Kesembilan, selanjutnya, setiap teman-teman facebook yang membuka halaman profil kita, mereka akan melihat banner dari blog kita tersebut.

Kesepuluh, selesai.

Selamat Mencoba!!!

Tips Menampilkan Artikel Blog Pada Facebook

2010-02-23T05:55:00.000-08:00

Tips Menampilkan Artikel Blog Pada Facebook. Teknologi apa pun di dunia ini tidak terkecuali situs jejaring sosial facebook pasti mempunyai dua sisi yang berbeda, yaitu sisi negative dan sisi positif tergantung bagaimana kita menggunakan teknologi tersebut. Nah, bagi kita yang suka dan sering ber-facebook-an, kita dapat memanfaatkan sisi positifnya yaitu (bagi pemilik blog) untuk kegiatan promosi blog yaitu dengan menampilkan artikel blog pada halaman catatan di facebook. Jika tertarik, silakan ikuti tipsnya berikut ini.

Cara Menampilkan Artikel Pada Facebook adalah sebagai berikut.

Pertama, login ke Facebook kemudian pilih menu Akun (yang berada di sisi kanan atas) kemudian pilih menu Pengaturan Aplikasi, seperti di bawah ini.

Kedua, kemudian pilih "catatan", seperti di bawah ini.

Ketiga, kemudian klik “Import Blog”, seperti di bawah ini.

Keempat, msukkan alamat feed blog, jika belum mempunyai feed, ketikkan saja alamat URL blog kita maka secara otomatis akan terisi feed standar bawaan blogger kita. Screenhsotnya seperti di bawah ini.

Kelima, kemudian klik “Mulai Mengimpor”

Keenam, jika berhasil, postingan akan muncul pada catatan di facebook.

Ketujuh, kemudian (pada sisi kanan atas), klik “Konfirmasi Impor” atau jika ingin membatalkannya, klik “batal”.

Kedelapan, selesai.

Selamat Mencoba!!!

Mengganti Tulisan Newer Post, Home, dan Older Post Dengan Image

2010-02-15T06:51:00.001-08:00

Mengganti Newer Post, Home, dan Older Post (Bagian Kedua). Tips ini merupakan pengembangan dari tips sebelumnya. Jika pada postingan yang lalu, telah Tips dan Trik Blog ketengahkan mengenai cara mengganti tulisan Newer / Older Post dan Home dengan teks atau tulisan yang kita kehendaki maka pada kesempatan kali ini Tips dan Trik Blog akan mencoba mengganti tulisan tersebut dengan menggunakan image atau gambar yang kita inginkan. Misalkan saja dengan tanda panah atau image yang lainnya. Dengan variasi tersebut dapat menjadikan blog kita menjadi lebih menarik daripada sebelumnya. Jika tertarik, silakan ikuti tipsnya berikut ini.

Langkah-langkahnya sebagai berikut.

Pertama, siapkan tiga buah image atau gambar (masing-masing untuk Newer Post, Home, dan Older Post) dan uploadlah image tersebut ke image hosting.

Kedua, seperti pada tips sebelumnya, temukan kode seperti di bawah ini. Bagi yang menggunakan Firefox, dapat menggunakan Ctrl + F untuk mempercepat pencarian.

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

Ketiga, silakan kita perhatikan teks yang berwarna merah di atas.
Silakan masing-masing ganti dengan alamat URL image yang telah kita upload sebelumnya.

Sehingga menjadi seperti di bawah ini.

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>URL_image_Newer</a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>URL_Image_Older</a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>URL_Image_Home</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>URL_Image_Home</a>
</b:if>
</b:if>

</div>

Keterangan

Silakan ganti URL_Image_Newer, URL_Image_Older, dan URL_Image_Home dengan URL image yang telah kita siapkan sebelumnya.

Keempat, kemudian simpan template.

Kelima, selesai

Silakan lihat hasilnya dan selamat mencoba!!!

Silakan baca juga bagian pertama.

Mengganti Tulisan Newer Post, Home, Older Post

2010-02-12T14:07:00.000-08:00

Mengganti Tulisan Newer Post, Home, Older Post. Secara default, untuk mempermudah dan memberikan kenyamanan para pengunjung blog, blogspot menyediakan link Newer Post (Posting Sebelumnya), Home (Halaman Depan), dan Older Post (Posting Sebelumnya). Jika kita menekan link Newer Post maka kita akan dibawa menuju ke halaman postingan sebelumnya. Jika kita menekan link Home maka kita akan dibawa menuju ke halaman depan (home) begitu pula jika kita menekan Older Post maka pengunjung akan dibawa menuju ke halaman posting sesudahnya.

Jika dirasa tulisan tersebut membosankan, kita dapat mengubah tulisan tersebut menjadi tulisan yang sesuai dengan keinginan kita. Misalkan saja, kita ingin mengganti Newer Post menjadi Halaman Sebelumnya, Home diganti dengan Halaman Depan, atau Older Post menjadi Halaman Sesudahnya. Jika menginginkan kita dapat mengganti dengan tulisan-tulisan tersebut dengan tulisan sesuai dengan keinginan masing-masing.

Jika tertarik, berikut ini.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, centangi “Expand Templates Widget”

Ketiga, cari kode seperti di bawah ini. Jika kita menggunakan Firefox, gunakan CTRL + F untuk mempercepat pencarian.

Keempat, cobalah untuk tulisan yang berwarna merah dengan tulisan yang kita inginkan.
<data:newerPageTitle/> misalkan kita ganti dengan Sebelumnya
<data:olderPageTitle/> misalkan kita ganti dengan Sesudahnya
<data:homeMsg/> misalkan kita ganti dengan Halaman Depan
Sehingga selengkapnya menjadi seperti di bawah ini.

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Sebelumnya</a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Sesudahnya</a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>Halaman Depan</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>Halaman Depan</a>
</b:if>
</b:if>

</div>

Kelima, kemudian simpan template

Keenam, selesai

Cobalah sekarang refresh blog dan pastikan kita sudah mendapatkan perubahan seperti yang kita kehendaki.

Berikut screenshot tampilan aslinya.

Dan berikut screenshot tampilan setelah kita lakukan perubahan

Selamat Mencoba!!

Silakan untuk membaca Mengganti Newer dan Older Post bagian kedua.

Pengertian dan Fungsi Inbound Link Dan Outbound Link

2010-02-10T04:51:00.002-08:00

Pengertian dan Fungsi Inbound Link dan Outbound Link. Selama ini, saya menemukan banyak blogger yang “salah kaprah” dalam mengartikan kedua istilah tersebut. Salah satu contoh ada sebagian blogger mengartikan Inbound Link sebagai link internal, yaitu link-link yang ada dalam content blog kita yang mengarah ke dalam content lain blog kita sendiri. Kalau boleh saya mengatakan itu hanya bagian dari Inbound Link karena Inbound Link mempunyai pengertian yang lebih luas dari sekedar link internal.

Agar tidak menimbulkan “kesalahkaprahan” dan kerancuan dalam memahami pengertian kedua istilah di atas, saya akan memberikan analogi seperti berikut ini.

Jika situs A melakukan link kepada situs B maka bisa dikatakan situs A mempunyai Outbound Link terhadap situs B dan situs B mempunyai Inbound Link terhadap situs A.

Dari analogi di atas, kita dapat menyimpulkan bahwa Inbound Link adalah link yang mengarah pada blog kita baik pada halaman utama (index homepage) maupun pada halaman postingan (inner page) yang berasal dari web/situs/blog orang lain atau web/situs/blog kita sendiri. Link tersebut juga bisa berasal dari homepage atau bisa juga dari halaman postingan dari suatu web/situs/blog tertentu.

Sedangkan Outbound Link mempunyai pengertian sebaliknya, yaitu link yang kita arahkan kepada suatu web/situs/blog tertentu baik pada index homepage-nya maupun pada inner page-nya.

Outbound dan Inbound Link mempunyai pengertian yang sama hanya tergantung kita dari mana kita memandangnya. Jika kita membangun suatu outbound link terhadap suatu blog maka hal tersebut merupakan inbound link bagi web/blog dan sebaliknya jika suatu web/blog membuat outbound link terhadap blog kita maka hal itu juga menjadai inbound link bagi blog kita.

Dari pengertian tersebut, yang dapat kita lakukan secara langsung adalah membangun suatu Outbound Link. Sedangkan Inbound Link akan tercipta dengan sendirinya setelah kita mempunyai page rank yang bagus. Atau bisa juga dikatakan setelah kita sukses membangun Outbound Link maka kita akan mendapatkan peringkat blog yang tinggi dan efek selanjutnya adalah kita akan mendapatkan Inbound Link dari blog/web lainnya.

Membangun Outbound Link bertujuan untuk mendapatkan banyak backlink agar posisi blog atau halaman postingan tertentu dapat kita optimalkan. Untuk mendapatkan backlink yang bagus kita dapat mencoba melakukan Outbound Link terhadap web/blog yang ber-PR dan ber-SEO tinggi.

Saya telah mencoba membangun Outbound Link untuk meningkatkan page rank dan ternyata berhasil. Ketika itu, saya hanya mempunyai satu blog dengan PR 3 (Tips dan Trik Komputer), kemudian saya ingin membuat blog lagi dengan tema yang lain. Kemudian pada blog yang baru tersebut, saya sering membuat Outbound Link pada hampir setiap postingan yang saya lakukan. Outbound Link tersebut mengarah pada blog saya yang sudah ber PR 3 tersebut.

Saya juga membuat Outbound Link yang mengarah pada web/blog lain (milik orang lain) yang mempunyai PR tinggi, seperti blognya Mas Kendhin, O-om blog, Kang Rohman, Fatih Suhud dan lain-lain.

Jika saya tidak mengetahui blog mana yang ber PR (ber-SEO) tinggi maka saya mencarinya dengan bantuan Search Engine, seperti Mbah Google maupun Yahoo Search. Dari hasil penelusuran dengan keyword tertentu, kemudian saya mendapatkan beberapa blog yang berperingkat atas dan kemudian saya me-link ke blog-blog tersebut.

Terbukti, hanya beberapa bulan, blog baru tersebut (sekarang Tips dan Trik Blog) telah mempunyai PR 3, terlepas sekarang sudah menjadi PR 2 lagi.

Yang perlu diperhatikan dalam membuat atau membangun Outbound Link adalah sebagai berikut.

Perhatikan penggunaan Anchor Text-nya (teks yang dipergunakan untuk menempelkan link dalam postingan kita).
- Usahakan menggunakan Anchor text berupa kata kunci (keyword) yang berbeda-beda.
- Hindari penggunaan anchor text dengan menggunakan teks yang sama dengan alamat URL blog. Sebagai contoh, alamat URL blog ini adalah http://tips-trik-blog.blogspot.com. Jika kita ingin membuat link terhadap URL tersebut, usahakan untuk tidak menggunakan alamat URL tersebut sebagai anchor textnya, kita dapat menggunakan anchor text Tips dan Trik Blog (nama blog ini), atau keyword lain yang relevan.
- Usahakan menggunakan anchor text berupa keyword yang sesuai dengan tema blog kita, atau kategori postingan kita.
- Usahakan untuk tidak menempatkan anchor text hanya pada satu bagian tulisan saja, namun kita dapat menempatkannya pada paragraph pertama, paragraph tengan, dan juga paragraph akhir.
Kita dapat membuat link yang mengarah kepada blog kita sendiri atau bahkan pada postingan lain dalam satu blog yang kita anggap mempunyai backlink yang bagus.
Usahakan untuk membuat Outbound Link pada setiap halaman postingan.

Jika ada kekurangan, silakan untuk menuliskan pada kolom komentar.

Semoga bermanfaat!!

Menggunakan Tool Gratis Backlink Checker

2010-02-10T00:24:00.000-08:00

Menggunakan Tool Gratis Backlink Checker. Sesuai dengan namanya, Backlink Checker adalah salah satu tool yang dapat kita gunakan untuk mengetahui atau mengecek backlink yang mengarah ke blog kita atau situs tertentu. Dengan tool yang dapat kita gunakan secara gratis tersebut, kita akan mengetahui domain serta situs apa saja dari backlink-backlink tersebut seperti .edu, .com, .net, .gov, .mil, .org dan yang lainnya.

Untuk menggunakan tool (layanan) tersebut tersebut, silakan buka halaman di bawah ini.

http://www.online-utility.org/webmaster/backlink_domain_analyzer.jsp

Kemudian masukkan URL blog atau situs yang lain dan kemudian klik button “Check” dan tunggu beberapa saat untuk melihat hasilnya.

Saya sendiri mencoba mengecek backlink salah satu blog saya, Tips dan Trik Komputer dengan alamat http://onoid.blogspot.com dan hasilnya secara garis besar seperti di bawah ini di mana kita akan melihat secara detail setiap blog/situs/halaman dari masing-masing backlink.

Analyzed domain of backlinks for :http://onoid.blogspot.com

0 backlinks from 0 different .edu domains
0 backlinks from 0 different .gov domains
0 backlinks from 0 different .mil domains
252 backlinks from 127 different .com domains
26 backlinks from 3 different .net domains
6 backlinks from 1 different .org domains
7 backlinks from 6 different domains of other types

Setelah mengetahui situs/blog mana saja yang me-link blog/situs kita, kita kemudian dapat melakukan “tindakan” yang ada hubungannya dengan optimasi SEO dan peningkatan backlink blog kita. Dengan menganalisa satu-persatu blog-blog atau situs-situs tersebut, kita akan mengetahui blog/situs mana saja yang akan memberi “pengaruh positif” terhadap blog kita dan kemudian kita dapat melakukan link balik (backlink) terhadap blog/situs tersebut.

Semoga bermanfaat!!!

Tips Memberi Keterangan Pada Link

2010-01-21T13:14:00.000-08:00

Tips Memberi Keterangan Pada Link Teks. Yang dimaksud keterangan di sini adalah tulisan yang akan muncul ketika link tersebut disorot oleh mouse. Fungsi keterangan ini adalah untuk memberikan diskripsi singkat mengenai link tersebut. Jika penasaran, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Format link teks adalah sebagai berikut.

Keterangan

Alamat_URL_Link diganti dengan alamat URL dari blog atau situs atau dari link tertentu.
Nama Link diganti dengan Judul Blog/Situs atau tulisan yang diinginkan.

Contohnya seperti di bawah ini.

<a href="http://onoid.blogspot.com">Tips dan Trik Komputer</a>

Dengan format seperti di atas maka hasilnya seperti di bawah ini.

Tips dan Trik Komputer

Nah, bagaimana caranya untuk menambahkan keterangan pada link tersebut sehingga ketika kita mengarahkan mouse ke link tersebut maka akan muncul tulisan atau keterangan yang kita inginkan.

Formatnya seperti di bawah ini.

Keterangan

Ganti keterangan dengan tulisan yang kita kehendaki.

Contohnya seperti di bawah ini.

<a href=”http://onoid.blogspot.com” title="Sharing Pengalaman Apa Saja Tentang Komputer dan Laptop">Tips dan Trik Komputer</a>

Hasilnya dapat dilihat seperti di bawah ini. Coba sorot linknya maka kita akan melihat tulisan atau keterangan, yaitu Sharing Pengalaman Apa Saja Tentang Komputer dan Laptop".

Tips dan Trik Komputer

Selamat Mencoba!!!

Masih Seputar Image

2010-01-12T04:36:00.000-08:00

Masih Seputar Image. Mungkin postingan yang akan Tips dan Trik Blog ketengahkan ini sudah sering dibahas oleh teman-teman blogger lain. Dan bagi yang sudah mahir, postingan ini mungkin tidak akan ada manfaatnya. Namun bagi new blogger mungkin masih membutuhkannya dan siapa tahu ada manfaatnya. Jika pun tidak ada manfaatnya, anggaplah hal ini “sampah internet” yang tidak perlu kita pedulikan.

Postingan kali ini akan membicarakan seputar membuat unclickable image (tidak bisa diklik), membuat clickable image (dapat diklik), dan membuat image terbuka pada jendela baru (new window) ketika image tersebut diklik oleh pengunjung. Kita dapat menempatkan image tersebut baik pada postingan maupun pada side bar blog.

Sebelum melakukan hal itu, kita harus mengupload image yang ingin kita tampilkan tersebut pada image hosting. Banyak image hosting yang tersedia di internet baik yang bersifat gratisan maupun yang berbayar. Jika ingin yang gratisan, kita dapat mencoba salah satunya, yaitu photobucket.com.

Setelah kita menguploadnya, maka kita akan mendapatkan kode html untuk image tersebut. Contohnya seperti di bawah ini.

http://i209.photobucket.com/albums/bb287/yono_pati/hp.jpg

Untuk menampilkan image pada blog formatnya masing-masing seperti di bawah ini.

Membuat unclickable image, formatnya seperti di bawah ini.

Hasilnya seperti di bawah ini. Image ini tidak bisa diklik, silakan untuk diklik sendiri.

Membuat clickable image, formatnya seperti di bawah ini.

Hasilnya seperti di bawah ini.

Ketika image ini diklik oleh pengunjung maka pengunjung akan dibawa menuju link dari image tersebut. Dan dengan format seperti ini pula, image akan ditampilkan pada jendela yang sama dan oleh karena itu akan menindih halaman yang kita buka sebelumnya.

Jika menginginkan, kita dapat mengganti link image tersebut menjadi link yang lain, seperti alamat blog atau situs milik kita atau pun milik orang lain. Formatnya menjadi seperti di bawah ini.

Catatan

Silakan ganti URL_Blog yang berwarna biru dengan URL_Blog yang dikehendaki.

Membuat Image Terbuka Pada Jendela Baru (New Window), formatnya seperti di bawah ini.

Dengan format seperti di atas maka ketika suatu image diklik maka pengunjung akan dibawa menuju jendela baru. Dengan demikian blog kita akan terlihat lebih professional karena image akan ditampilkan pada jendela baru dan tidak menindih jendela yang lama.

Hasilnya seperti di bawah ini, dan untuk melihat perbedaannya, silakan klik pada image di bawah ini.

Semoga bermanfaat!!!

Membuat Tulisan Terbalik Dengan Flip Text Generator

2009-12-30T13:27:00.000-08:00

Membuat Tulisan Terbalik Dengan Flip Text Generator. Sebenarnya, Tips dan Trik Blog telah mengetengahkan postingan serupa yaitu di sini. Namun demikian perkenankanlah Tips dan Trik Blog untuk mengetengahkan kembali, hanya saja dengan menggunakan situs layanan yang berbeda, yaitu Upside Down Writing yang beralamat di http://www.sherv.net. Dengan layanan tersebut, kita dapat membuat tulisan terbalik dengan mudah dan cepat dan tulisan terbalik yang dihasilkan tersebut dapat langsung kita copy paste pada Live Messenger, email, blog, situs, forum, maupun facebook. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya sebagai berikut.

Pertama, masuk ke halaman http://www.sherv.net hingga muncul halaman seperti screenshot di bawah ini.

Kedua, pada kotak yang bertanda panah, ketikkan kalimat atau paragraph yang dikehendaki.

Ketiga, pada saat itu juga, kita akan mendapatkan hasilnya yang dibagi menjadi dua bagian yang berbeda, pada bagian (kotak) pertama, hasilnya ditujukan untuk penggunaan pada Messenger (seperti MSN atau Live Messenger). Pada kotak kedua, hasilnya ditujukan untuk penggunaan pada email, website, blog, forum, komentar dan lain-lain.

Keempat, kemudian copy dan pastekan hasilnya pada messenger, email, blog, maupun pada forum.

Kelima, selesai dan selamat mencoba.

Contoh hasilnya, seperti di bawah ini.

˙˙˙`ıƃuɐʎɐs ɐʇıʞ ƃuɐʎ ƃuɐɹo-ƃuɐɹo ɐɯɐsɹǝq uıʇɐq uɐp ɹıɥɐl uɐɐıƃɐɥɐqǝʞ uɐʞʇɐdɐpuǝɯ ɐʇıʞ `ıuı unɥɐʇ ɐpɐd ɐƃoɯǝs `0⇂0ᄅ ıɹɐnuɐɾ ⇂ `nɹɐq unɥɐʇ uɐp lɐʇɐu ıɹɐɥ ʇɐɯɐlǝs

Mengecek Ranking Blog Dengan Google SEO Web Tool

2009-12-14T13:04:00.002-08:00

Mengecek Ranking Blog Dengan Google SEO Web Tool. Mempunyai blog dengan rangking yang tinggi dalam mesin pencari (Google Engine) merupakan kebangaan tersendiri. Selain itu, blog kita akan menjadi lebih popular dan tentunya akan mempunyai lebih banyak pengunjung. Dan jika sudah demikian blog kita akan mempunyai backlink yang tinggi pula dan “efek sampingnya” adalah PR blog kita dapat naik.

Terus bagaimana kita mengetahui rangking blog kita dalam mesin pencari? Jangan kuatir, dengan menggunakan Google SEO Web Tool, kita dapat mengetahui rangking blog kita dalam mesin pencari Google untuk setiap keyword yang kita tentukan. Hasilnya, kita akan melihat rangking blog kita dan juga blog yang lain mulai rangking 1 hingga rangking 1000. Jika hasilnya masih nihil alias belum mempunyai peringkat maka kita harus lebih giat lagi untuk meningkatkan rangking blog kita.

Untuk lebih jelasnya, silakan kunjungi http://www.seoserp.com/web_tools/google_top_1000_serps_checker.asp

Cara penggunaanya, adalah sebagai berikut.

Pertama, pilih Google Server, misalnya Indonesia, Amerika, atau yang lainnya.

Kedua, ketikkan keyword yang kita inginkan

Ketiga, ketikkan URL blog kita.

Keempat, kemudian klik “Kirim Query”

Kelima, tunggu beberapa saat sampai keluar rangking blog dari 1 hingga 1000.

Keenam, dari hasil tersebut, kita dapat melihat urutan rangking blog kita. Tidak menutup kemungkinan blog kita akan mempunyai beberapa peringkat dalam keyword tersebut.

Sebagai contoh, saya ingin mengetahui rangking blog ini (tips dan trik blog) dengan keyword “tips trik blog” dalam mesin pencari Google. Setelah saya mengetikkan keywordnya maka hasilnya blog ini berada di urutan ke-3, ke-61, ke-70, dank ke-299. Lumayan.

Selamat mengecek rangking blog masing-masing!!! Ceritakan hasilnya kepada saya.

Cara Meningkatkan Backlink Dengan PR Backlink Generator

2009-12-08T06:46:00.000-08:00

Cara Meningkatkan Backlink Dengan Menggunakan Software PR Backlink Generator. Ada beberapa cara atau tips yang dapat kita lakukan untuk meningkatkan backlink blog atau situs milik kita. Satu diantaranya adalah dengan cara memberikan komentar pada postingan dari suatu blog. Semakin sering melakukannya maka hal ini dapat meningkatkan backlink blog kita.

Namun perlu diingat tidak semua postingan dari suatu blog akan memberikan backlink yang efektif bagi blog kita. Suatu postingan akan memberikan efek backlink yang efektif apabila postingan tersebut berasal dari blog yang mempunyai backlink atau PR yang tinggi. Oleh karena itu, untuk mendapatkan backlink yang efektif, kita dapat memberikan komentar pada postingan-postingan dari blog-blog yang mempunyai backlink atau PR yang tinggi dan juga mempunyai tema yang serupa dengan blog milik kita.

Sehubungan dengan hal tersebut, Tips dan Trik Blog akan mengetengahkan software yang dapat kita gunakan untuk mencari postingan-postingan dari blog-blog yang mempunyai kesamaan tema dengan blog kita dan juga mempunyai backlink atau PR yang tinggi. Software tersebut bernama PR Backlink Generator.

PR Backlinks Generator adalah sebuah software yang akan membantu kita mencari ratusan blog WordPress dengan PR yang tinggi yang bisa disesuaikan dengan tema blog kita dan kemudian kita dapat memberikan komentar sesuka kita pada postingan-postingan dari blog-blog tersebut. Dan dengan komentar tersebut memungkinkan akan mendatangkan backlinkyang berarti pada blog atau situs milik kita.

Yang perlu diingat bahwa software tersebut bukan merupakan auto posting comment, namun software tersebut hanya mempermudah kita dalam mencari blog yang bisa mendatangkan backlink bagi blog kita. Kemudian kita memberikan komennya secara manual.

Kelebihan PR BackLink Generator:

Kita dapat mencari ratusan blog Wordpress sekaligus
Dapat Mencari blog yang berkaitan dengan keyword yang kita targetkan dari segala topik
Kita dapat mencari blog dari PR0 sampai PR8
Softwarenya portable sehingga tidak perlu diinstall

Kelemahan PR Backlink Generator :

Belum support terhadap pencarian blog blogspot

Jika tertarik, silakan untuk melakukan download di sini. Setelah berhasil mendownloadnya, silakan untuk mengekstraknya.

Cara kerjanya sebagai berikut.

Pertama, jalankan aplikasi PR Backlink Generator

Kedua, pada tab “User Information” isikan data Nama, Email dan URL blog kita, kemudian lanjutkan denga memilih “save”

Ketiga, kemudian pindahlah pada tab “Keywords” lalu isi keyword blog yang kita inginkan, misalnya tips dan trik computer, tips dan trik blog, dan lain-lain. Dan kemudian klik “Start Search” dan kemudian tunggu beberapa saat untuk melihat hasilnya.

Keempat, untuk melihat hasil pencariannya, klik pada tab “Search Results”. Pada bagian ini kita juga bisa mensorting blog, misalkan blog dengan kategori PR tertentu saja.

Kelima, kemudian pilih tab “Start Process” untuk memulai meloading 10 blog urutan pertama dengan cara mengklik “Load 10 site”.

Keenam, kemudian kita dapat melihat blog pada pada tab browser 1 - 10. Kemudian mulailah untuk melakukan komentar pada blog-blog tersebut.

Ketujuh, setelah selesai memberikan komentar pada ke-10 situs tersebut, ulangi langkah kelima untuk meloading 10 situs berikutnya dan seterusnya hingga semua situs telah kita berikan komentar.

Semoga bermanfaat!

Download PR Backlink Generator

Membuat Tag Cloud Cumulus Pada Blog

2009-11-28T06:29:00.000-08:00

Tips Membuat Tag Cloud Cumulus Pada Blog. Tag Cloud Cumulus adalah widget yang menampilkan Tag (label) dengan tampilan teks melayang-melayang dan berputar-putar seperti awan. Dengan tampilan seperti itu, label akan terlihat lebih “nyeni”. Jika tertarik, silakan ikuti tipsnya berikut ini bersama Tips Trik Blog berikut ini.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, jangan lupa untuk mencentangi “Expand Template Widget”.

Ketiga, kemudian temukan kode berikut ini.

<b:section class='sidebar' id='sidebar' preferred='yes'>

Keempat, copy paste kode berikut ini.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kelima, simpan template.

Setup default tag cloud cumulus dari kode di atas adalah sebagai berikut.

Lebar dan tinggi widget tersebut disetup masing-masing 240px dan 300px.
Warna background disetup dengan warna putih.
Warna Teks disetup dengan warna abu-abu (grey).
Ukuran font disetup sebesar “12”.

Kustomasi Tag Cloud Cumulus

1. Jika ingin melakukan kustomasi ukuran tinggi / lebar dan warna background, editlah pada kode berikut ini.

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Untuk merubah lebarnya, ubahlah angka 240 dengan lebar yang dikehendaki.
Untuk merubah tingginya, ubahlah angka 300 dengan tinggi yang dikehendaki.

2. Jika ingin melakukan kustomasi terhadap warna teks, silakan edit pada bagian seperti di bawah ini.

so.addVariable("tcolor", "0x333333");

Untuk mengganti warna background, gantilah kode 333333 dengan kode warna yang lain.

3. Jika ingin melakukan kustomasi terhadap ukuran font, editlah pada bagian seperti di bawah ini.

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Untuk merubah ukuran huruf, gantilah dengan ukuran yang lain yang dikehendaki.

Catatan

Untuk dapat menampilkan Widget Tag Cloud Cumulus ini, kita harus menginstall Flash Player 7 ke atas.

Selamat Mencoba!!!

Electronic Cigarette

2009-11-24T04:40:00.000-08:00

As we all know that smoking has become one of people’s habits. People like smoking because of many reasons, such as following lifestyle, accompanying them when getting stress or busy. The smokers really get help when doing such activities. However, we are also certain that smoking gives much harm for people’s health. Many diseases come to cigarettes addicts, such as cancer and others. Due to the cigarette dangers, many smokers try to quit smoking. They do many tricks to stop their habit or hobby. Generally, quitting smoking is not easy, especially if we want to stop it at all. It usually doesn’t work well or for a long time.

In order to stop smoking, we can do it slowly and also use modern ways. One of modern ways to stop smoking or at least be able to reduce the number of cigarettes, we can use Electronic Cigarette. Electronic Cigarette is a great and modern invention and it has helped many smokers to reduce their smoking habits. To know more or get electronic cigarettes, we visit smoketip.com. Smoketip.com offers Electronic Cigarette Kit which consists of rechargeable lithium batteries, Disposable Flavor Cartridges, Wall adapter, USB Charger, manual and Gift box packaging. What do you think? Interested, just visit smoketip.com.

Menampilkan Pesan Secara Random

2009-11-11T13:57:00.000-08:00

Menampilkan Pesan Secara Random Pada Blog. Tips ini hampir sama dengan tips yang pernah Tips dan Trik Blog posting sebelumnya yaitu postingan tentang membuat rotasi image pada background. Perbedaannya, jika pada tips yang terdahulu yang dibuat random adalah image-nya maka pada tips yang ini yang dibuat random adalah teks atau tulisannya. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Dengan tips ini, kita dapat menampilkan pesan apa pun secara random pada blog. Pesan tersebut akan berganti secara random setiap pengunjung melakukan loading halaman blog tersebut. Selain pesan, kita dapat menampilkan informasi singkat atau juga dapat berupa tips-tips yang bermanfaat bagi pengunjung yang singgah pada blog kita.

Berikut cara membuatnya.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy paste kode berikut ini.

<font color: rgb(0, 153, 0);">#0101DF"><b>Pesan Hari Ini... </b><p>
<script language="JavaScript">
//store the quotations in arrays
tips = new Array(6);
tips[0] = "<i>Jangan lupa sholat pada kesempatan apa pun!!</i>";
tips[1] = "<i>Ingat, hidup hanya sebentar!!</i>";
tips[2] = "<i>Selalu lihat ke bawah, sesekali boleh lihat ke atas</i>";
tips[3] = "<i>pesan keempat,………….</i>";
tips[4] = "<i>pesan kelima,,……………</i>";
tips[5] = "<i>pesan keena,……..………</i>";
//calculate a random index
index = Math.floor(Math.random() * tips.length);
//display the quotation
document.write("\n");
document.write(tips[index]);
//done
</script>
</font>

Keterangan

Jika menginginkan warna yang berbeda, silakan ganti kode warna (berwarna hijau spt di atas) dengan kode warna yang lain, untuk melihat kode warna, dapat dilihat di sini.
Tulisan “pesan hari ini,…” dapat diganti dengan tulisan yang lain.
Contoh pesan-pesan yang ingin ditampilkan adalah seperti tulisan yang berwarna ungu.
Jika ingin menambahkan pesan lakukan dengan menambahkan kode “tips[6]”, “tips[7]” dst,..diikuti dengan pesan-pesan yang ingin ditambahkan.
Angka 6 pada array harus diganti sesuai dengan jumlah pesan yang ingin ditampilkan. Jika pesannya ada 10 maka kita harus ganti dengan angka 10.

Ketiga, simpan perubahan

Keempat, selesai.

Sekarang, refresh blog dan pastikan pesannya sudah muncul pada bagian side bar blog kita.

Selamat Mencoba!!

(sumber : o-om.com)

Memasang Pengatur Style Dan Ukuran Font

2009-11-06T13:51:00.000-08:00

Memasang Pengatur Style dan Ukuran Font Pada Blog. Ketika membaca artikel atau postingan blog, masing-masing pengunjung mungkin mempunyai kebiasaan atau selera yang berbeda-beda terhadap style font (huruf) serta ukurannya. Ada sebagian pengunjung yang lebih cocok dengan huruf dengan ukuran yang lebih besar karena mungkin alasan penglihatan yang kurang. Sebagian yang lain mungkin lebih senang dengan ukuran yang lebih kecil karena mungkin tidak perlu sering-sering melakukan scroll.

Begitu juga dengan dengan style fontnya, ada sebagian pengunjung yang lebih menyukai style font “Roman” sementara pengunjung yang lain mungkin lebih menyukai font “Arial”. Sehubungan dengan hal tersebut, kita dapat memasang widget pengatur Ukuran dan Style Font yang dapat kita letakkan pada sidebar.

Dengan widget pengatur tersebut diharapkan akan dapat memberikan keleluasaan kepada pengunjung untuk memilih dan menetapkan ukuran maupun style font sendiri sesuai dengan selera dan kebiasaan masing-masing. Khusus untuk ukuran font, sebenarnya beberapa browser, seperti Firefox, SeaMonkey, Opera telah memberikan pilihan kepada user untuk menentukan ukuran font melaui menu [Tampilan]>>[Perbesaran] namun kurang praktis jika dibandingkan dengan widget yang akan kita pasang tersebut.

Memasang widget ini sangat simple dan mudah, kita hanya perlu menambahkan gadget kemudian copy paste kode yang akan saya berikan berikut ini.

Berikut langkah-langkah rinci untuk memasang widget pengatur style dan ukuran font dimaksud.

Pertama, login ke account blogger hingga masuk [Dasbor] >> [Tata Letak] >> [Tambah Gadget] >> [Tambahkan HTML/Javascript]

Kedua, copy paste kode berikut ini.

<center>
<script>
function go1(){
if (document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize=document.selecter2.select2.options[document.selecter2.select2.selectedIndex].value

}
}

function go2(){
if (document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily=document.selecter2.select3.options[document.selecter2.select3.selectedIndex].value

}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman"/>Times New Roman
<option value="Arial"/>Arial
<option selected value="Book Antiqua"/>Book Antiqua
<option value="Bookman Old Style"/>Bookman Old Style
<option value="Century Gothic"/>Century Gothic
<option value="Comic Sans Ms"/>Comic Sans Ms
<option value="Tahoma"/>Tahoma
<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana"/>Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px"/>8
<option value="9px"/>9
<option value="10px"/>10
<option value="11px"/>11
<option selected value="12px"/>12
<option value="14px"/>14
<option value="16px"/>16
<option value="18px"/>18
</select>
</form>
</center>

Ketiga, simpan perubahan

Keempat, selesai

Jika script pengatur font tersebut tidak berjalan dengan baik, lakukan pengeditan kode css post pada template blog, caranya sebagai berikut.

Pertama, Masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode css .post, seperti berikut ini.

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
font-family: Verdana;
border-width:1px 0;
}

Ketiga, hapus kode css “font-family” (yang bercetak tebal) di atas. Kode css tersebut bisa seperti “font-familiy : Arial” atau “font-family : Times New Roman”, dan lain-lain.

Keempat, simpan template

Kelima, selesai.

Contoh hasilnya, silakan dilihat pada sidebar sisi kanan blog Bisnis Internet.

Selamat Mencoba!!

(sumber : Trik-tips Blog)

Memasang Form Login Akun Blogger

2009-11-05T05:34:00.000-08:00

Memasang Form Login Akun Blogger Pada Blog. Secara default, form login akun blogger terdapat pada bar navigasi yang letaknya berada di sebelah kanan atas. Jika menginginkan, kita dapat memasang form login tersebut pada sidebar blog. Dengan memasangnya pada sidebar diharapkan dapat membantu para pengunjung blog yang ingin melakukan login ke akun blogger dengan praktis tanpa harus membuka tab/halaman baru pada browser. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya seperti berikut ini.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy paste kode berikut.

<form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit= "return(gaia_onLoginSubmit());" >
<div id="gaia_loginbox">
<table class="form-noindent" cellspacing="0" cellpadding="5" width="100%" border="0">
<tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa">
<input type="hidden" name="ltmpl" value="draft">
<div class="loginBox">
<table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
<tr><td colspan="2" align="center">
<table> <tr> <td valign="top">
<img src="http://kodehexa.googlepages.com/google_transparent.gif" alt="Google">
</img>
</td>
<td valign="middle">
<font size="+0">
<b>Akun</b>
</font>
</td>
</tr>
</table>
<font size="-1">
</font></td>
</tr>
<script type="text/javascript">

</script>
<tr>
<td colspan="2" align="center">
</td>
</tr>
<tr>
<td nowrap="nowrap">
<div align="right">
<span class="gaia le lbl">
Email:
</span>
</div>
</td>
<td>
<input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/loginz?d=%2Fhome&a=ADD_SERVICE_FLAG" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="in" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="GALX" value="Ie2nThzvHSI" />
<input type="text" name="Email" id="Email" size="18" value="" class='gaia le val' />
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
</td>
</tr>
<tr>
<td align="right">
<span class="gaia le lbl">
Sandi:
</span>
</td>
<td>
<input type="password" name="Passwd" id="Passwd" size="18" class="gaia le val" />
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
</td>
</tr>
<tr>
<td align="right" valign="top">
<input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" />
<input type="hidden" name='rmShown' value="1" />
</td>
<td>
<label for="PersistentCookie" class="gaia le rem">
Ingat saya di komputer ini
</label>
</td>
</tr>
<tr>
<td>
</td>
<td align="left">
<input type="submit" class="gaia le button" name="signIn" value="Masuk" />
</td>
</tr>
<tr id="ga-fprow">
<td colspan="2" height="33.0" class="gaia le fpwd" align="center" valign="bottom">
<a href="https://www.blogger.com/forgot.g" target=_top>
Anda lupa sandi?
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<input type="hidden" name="asts" id="asts" value="">
</form>
<form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="return(gaia_onLoginSubmit());">
<input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/loginz?d=%2Fhome&a=ADD_SERVICE_FLAG" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="in" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
</form>

Ketiga, simpan perubahan

Keempat, selesai

Selamat Mencoba!!

(sumber : Blogger Modif)

Menampilkan Posting Terbaru Bagian Kedua

2009-10-28T03:28:00.001-07:00

Tips Menampilkan Posting Terbaru Dengan Memanfaatkan Daftar Blog. Pada kesempatan kali ini, perkenankan Tips dan Trik Blog mengetengahkan postingan seputar pemasangan widget yang dapat menampilkan postingan terbaru atau lebih dikenal dengan entri terbaru. Widget tersebut sebenarnya sudah pernah Tips Trik Blog posting sebelumnya namun menggunakan cara yang berbeda dengan tips yang akan Tips Trik Blog ketengahkan kali ini. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Pada tips kali ini kita akan membuat widget yang dapat menampilkan postingan terbaru dengan memanfaatkan gadget standar blogspot, yaitu Daftar Blog.

Seperti kita ketahui bersama, bahwa gadget Daftar Blog adalah gadget standar blogspot yang dapat kita gunakan untuk menampilkan daftar postingan terbaru dari blog favorit pada blog kita.

Fitur atau tampilan yang akan ditampilkan dari gadget Daftar Blog ini adalah sebagai berikut.

Ikon >> logo blogspot
Judul dari item terbaru >> judul postingan terbaru
Snippet dari item terbaru >> ringkasan dari postigan tersebut.
Gambar mini butir terkini >> gambar yang ada dalam postingan tersebut
Tanggal pembaharuan terakhir >> menampilkan waktu pembuatan postingan tersebut

Nah, sekarang kita akan memanfaatkan atau memanipulasi gadget Daftar Blog tersebut untuk menampilkan postingan terbaru pada blog kita sendiri.

Langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> pilih Tambahkan Daftar Blog, seperti screenshot di bawah ini.

Kedua, kemudian akan muncul jendela Konfigurasi Daftar Blog, seperti di bawah ini.

Ketiga, pada isian judul, kita dapat menggantinya dengan nama lain misalnya, Daftar Postingan Terbaru.

Kemudian pada opsi tampilan, seperti ikon, judul dari item terbaru, snippet dari item terbaru, gambar mini butir terkini, tanggal pembaharuan terakhir, jika kita ingin menampilkannya maka kita harus mencentangi masing-masing opsi tersebut dan sebaliknya jika tidak menginginkannya, kita harus menghilangkan centangan pada opsi-opsi tersebut atau jika kita ingin menampilkan opsi tertentu saja, kita tinggal mencentangi opsi-opsi tersebut.

Keempat, kemudian klik “Tambahkan blog ke daftar Anda” hingga akan muncul jendela seperti di bawah ini.

Kelima, pada “tambah URL” ketikkan seperti format di bawah ini.

http://nama_blog.blogspot.com/feeds/posts/default/?start-index=1

(untuk menampilkan postingan terbaru pertama)

http://nama_blog.blogspot.com/feeds/posts/default/?start-index=2

(Untuk menampilkan postingan terbaru kedua)

http://nama_blog.blogspot.com/feeds/posts/default/?start-index=3

(Untuk menampilkan postingan terbaru ketiga)

dan seterusnya sebanyak kita mau.

Keterangan

Ganti nama_blog dengan nama blog kita masing-masing.

Keenam, jika sudah, klik simpan

Ketujuh, selesai

Untuk menghilangkan judul blog sehingga yang muncul hanya judul postingan maka kita dapat menambahkan kode pada template dengan cara sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode berikut ini

]]></b:skin>

Ketiga, letakkan kode berikut ini di atas kode tersebut.

.blog-title {
display:none;
}

Keempat, simpan template

Kelima, selesai

Selamat Mencoba!!

Mengikuti Paid Review LinkFromBlog

2009-10-27T23:33:00.000-07:00

Jika mau serius, kita dapat menghasilkan uang dari internet. Jika belum dapat kita jadikan sebagai penghasilan utama setidaknya dapat kita jadikan sebagai sumber penghasilan tambahan. Banyak program penghasil uang di internet yang dapat kita ikuti, antara lain program paid review.

Seperti yang kita ketahui, program paid review adalah program yang akan membayar blogger (sebagai pemasang iklan) atas review yang dituangkan dalam sebuah postingan dalam blog mereka. Fee-nya dihitung per posting dan nilainya bervariasi mulai $1 hingga ratusan dollar sesuai dengan penawaran (bid) antara advertiser dan blogger dan / atau berdasarkan peringkat masing-masing blog.

Dan salah satu paid review yang layak untuk direkomendasikan adalah LinkFromBlog. Walaupun tergolong (baru setidaknya bagi saya), program paid review ini memiliki berbagai keunggulan dibandingkan dengan program sponsored reviews sejenis. LinkFromBlog ini menerima semua blog dengan berbagai bahasa dan bahkan blog yang belum mempunyai page rank sekali pun.

Keunggulan lain adalah pemberian bonus ketika blog yang kita daftarkan diterima (di-approve) oleh LinkFromBlog yang besarnya berkisar antara $3 hingga $6 tergantung dari peringkat blog yang kita daftarkan tersebut.

Penarikan dana atas fee yang telah kita kumpulkan dilakukan melalui account paypal dengan minimal payout $50.

Jika tertarik, silakan untuk melakukan pendaftaran di sini. Atau bisa juga mengklik banner di bawah ini.

Memasang Statistik Blog Dengan Indostats

2009-10-22T07:25:00.001-07:00

Memasang Statistik Blog Dengan Indostats. Indostats merupakan salah satu situs lokal (berasal dari Indonesia) yang menyediakan layanan untuk mengetahui statistik pengunjung blog. Layanan tersebut dapat kita gunakan secara cuma-cuma alias gratis. Kita hanya perlu melakukan pendaftaran (sign up) kemudian mengisi data-data blog kita kemudian mengcopy paste kode javascript yang diberikan dan kita pasang pada blog kita.

Walaupun masih beta, situs ini memberikan layanan untuk statistik pengunjung blog yang sangat lengkap dan hasilnya (report) dapat kita lihat secara real time dan up to date.

Layanan atau fitur yang dapat kita manfaatkan dari Indostats ini antara lain adalah

Peringkat dan Direktori Situs

Dengan memasang tracker Indostats maka secara otomatis blog kita akan dimasukkan pada halaman peringkat dan direktori situs kecuali kita memilih jenis report privat. Dengan mengetahui peringkat blog kita, maka kita dapat melakukan langkah-langkah strategis sehubungan dengan bagaimana meningkatkan peringkat blog kita. Dan satu hal yang pasti, kita mempunyai kesempatan untuk menambah jumlah pengunjung blog kita.

Pengunjung dan Page view

Dengan fitur ini, kita akan mengetahui jumlah pengunjung dan page view terhadap blog kita. Data tersebut dapat kita tampilkan dalam rentang waktu harian, mingguan, bulanan, dan juga tahunan. Dengan data tersebut kita dapat mengetahui perkembangan jumlah pengunjung blog kita. Kita juga akan dapat mengetahui jam dan hari yang paling aktif dan mendatangkan pengunjung terbanyak untuk blog kita.

Mesin Pencari dan Kata Kunci

Dengan fitur ini, kita akan mengetahui kata kunci (keyword) dan mesin pencari yang digunakan pengunjung untuk menemukan blog kita. Hal ini penting sekali untuk mengetahui seberapa optimalkah kata kunci telah kita gunakan pada blog kita dideteksi oleh suatu mesin pencari.

Situs Referral

Dengan fitur ini, kita akan dapat mengetahui bagaimana pengunjung mengetahui blog milik kita. Hal ini akan membantu kita untuk mengetahui situs / link blog mana yang mendatangkan banyak pengunjung bagi blog kita dan yang tidak. Dari sini, kita dapat menentukan langkah-langkah dan solusi yang tepat di mana kita akan menambah link back blog kita.

Halaman Masuk

Dengan fitur ini, kita akan mengetahui halaman pertama yang diakses oleh pengunjung ketika mengunjungi blog kita. Selain halaman depan, para pengunjung mungkin masuk melalui halaman-halaman lain (postingan) yang mungkin diluar dugaan kita. Mungkin postingan yang kita anggap kurang menarik justru merupakan postingan favorit pengunjung. Dari sini kemudian kita dapat menentukan langkah-langkah berikutnya, misalnya membuat ulasan yang lebih mendalam atau mengoreksi atau bahkan menambahkan terhadap postingan tersebut.

Sistem

Pada fitur ini, kita akan mengetahui report mengenai sistem operasi, web browser, resolusi layar, warna, versi flash player dan javascript. Data seperti ini penting karena berhubungan dengan hal teknis dan tampilan blog / situs kita. Sebagai contoh, dari report browser, kita akan mengetahui browser yang paling banyak digunakan oleh pengunjung dan kemudian dari data tersebut, kita dapat memastikan bahwa blog kita telah kompatibel dengan browser tersebut.

Kota dan Negara

Dengan fitur ini, kita akan mengetahui asal kota dan Negara pengunjung blog kita. Dengan mengetahui data ini, kita akan dapat menentukan langkah-langkah berikutnya sehubungan dengan segmentasi pengunjung blog kita. Sebagai contoh, misalkan sebagian besar pengunjung blog kita berasal dari Amerika, kita dapat menggunakan bahasa pengantar yang cocok, misalnya dengan bahasa Inggris. Atau bisa juga kita gunakan untuk menentukan iklan / banner yang pas untuk para pengunjung blog kita tersebut.

Halaman Popular

Dengan fitur ini, kita dapat mengetahui halaman mana saja yang paling diminati pengunjung. Dengan mengetahui hal tersebut, kita dapat memaksimalkan potensi halaman tersebut dengan cara mengulasnya lebih detail atau menambah postingan lain yang masih berkaitan atau bahkan dapat kita gunakan sebagai sarana iklan. Kita pun dapat mengetahui halaman mana saja yang kurang populer (kurang diminati pengunjung). Dengan mengetahui hal tersebut kita dapat menentukan langkah-langkah yang berkaitan dengan pengoptimalan halaman tersebut.

Selain itu, Indostats juga menyediakan fitur Statistik Real Time juga Data Statistik 60 Hari Terakhir, dan masih banyak lagi fitur dan juga keuntungan dari Indostats ini, antara adanya opsi untuk memilih jenis report publik (bisa dilihat pengunjung atau orang lain) atau privat (hanya untuk konsumsi pribadi). Selain itu, kita juga dapat menambahkan situs sebanyak yang kita inginkan.

Untuk memasang dan menikmati layanan tracker Indostats pada blog kita, langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman http://www.indostats.com/

Kedua, klik menu “Daftar” yang ada di bagian atas. Kemudian isikan alamat email, Password, Negara, seperti screenshot di bawah ini.

Ketiga, klik “Daftar” dan kemudian tunggu beberapa saat hingga muncul halaman isian informasi blog kita, yaitu ID Status, Nama Situs, URL_Situs, Deskripsi situs, kategori situs, Zona Waktu, Jenis Report (public, privat).

Keempat, klik “Tambah Situs”

Kelima, kemudian kita akan mendapatkan kode javascript yang harus kita copy paste pada blog kita. Contoh kode javascriptnya seperti di bawah ini.

<script type="text/javascript">var tr_siteid = 'komp2010';</script>
<script id="indostats" type="text/javascript" src="http://www.indostats.com/tracker.js"></script>
<noscript>
<a href="http://www.indostats.com/r/komp2010"><img src="http://www.indostats.com/images/indostats.jpg" border="0" alt="Indostats | Free counter Indonesia" width="30" height="30" /></a>
<img src="http://www.indostats.com/noscript.php?siteid=komp2010" border="0" width="1" height="1" />
</noscript>

Cara memasang tracker Indostats adalah sebagai berikut.

login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript.
Pastekan kode javascript yang kita dapatkan tersebut.
Simpan Perubahan

Keenam, selesai.

Tampilannya seperti di bawah ini.

Untuk menampilkan report data blog kita, caranya adalah sebagai berikut.

Pertama, buka halaman http://www.indostats.com/.

Kedua, masuk (klik) menu "Member"
Ketiga, kemudian klik ID Status dari blog yang ingin kita lihat report datanya, seperti screenshot di bawah ini.

Keempat, kemudian kita dapat melihat report apa saja yang ingin kita tampilkan.

Contoh di bawah ini adalah "report Halaman Populer" dari blog Tips dan Trik Komputer.

Kelima, Selamat Mencoba!!

Memasang Script Total Komentar dan Total Post

2009-10-16T05:55:00.000-07:00

Memasang Script Total Komentar dan Total Post. Kita mungkin pernah menjumpai blog yang memasang Total Komentar atau pun Total Post yang ada pada sidebar atau pun pada bagian footer. Memang script tersebut bukan merupakan script yang penting atau wajib dipasang pada blog kita namun dengan memasang script tersebut setidaknya kita dapat memberikan informasi kepada para pengunjung termasuk pemilik blog sendiri berapa jumlah post (postingan) maupun jumlah komentar yang telah ada. Bahkan bagi blog yang sudah mempunyai postingan maupun postingan yang relative banyak, hal ini dapat dijadikan sebagai salah satu media promosi (bahasa panturanya, pamer). Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Jika menginginkan, kita pun dapat menampilkan Total Post atau pun Total Komentar pada blog kita. Berikut script Total Post dan Total Komentar tersebut.

Script untuk Total Post adalah seperti di bawah ini.

Sedangkan Script untuk Total Komentar seperti di bawah ini.

Keterangan

Namablog.blogspot.com diganti dengan URL blognya masing-masing.

Kemudian untuk meletakkan di dalam blog kita, langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy kode seperti yang telah disebutkan di atas.

Ketiga, simpan perubahan

Keempat, selesai

Sekarang, refresh blog dan pastikan Total Post dan Total Komentar sudah muncul pada sidebar blog kita.

Selamat Mencoba!!!

Aion online game is a good for online gamer

2009-10-15T06:43:00.000-07:00

Are you an online gamer? Do you like sitting down in front of your computer and play games online? Well, the answers are yes, right. I am really sure that you all like being online gamer and playing online games because many online games are available now in Internet. As online game maniacs, you must be happy and satisfied because you can play any kinds of online games. The high number of online games avails because many companies provide them. One of the companies is aionalliance.com. Aionalliance.com. has popular online game called massively multiplayer online game or simply called mmo. This virtual game was first launched in 2003 and now has been played by many members. MMO has some versions that people can choose to play. And recently, they just released a new one called aion.

With this releasing, aion becomes the eighth volume of manga series. Not like the previous series, this mmo game becomes the hottest online manga games. This online game also provides epic adventure and modern graphic as well as sound. For you who want to try aion online, you can try it in aionalliance.com. Aion is not only good for those who have played online games for a long time but also for new gamers. If they have problems, they can contact the administrators or join aion forum and aion classes. In forum, they can ask and get information about aion. For more info, just visit aionalliance.com.

Blog advertising is a right choice to promote

2009-10-15T02:33:00.000-07:00

Blog has become has become one of the best places or medias to advertise a product. Many blog owners now use their blog for blog advertising and many advertisers now use blog as their media to promote their websites, products or services. Actually, it is no wonder why now there are many blog advertisings. A lot of blog have qualified content, huge number of traffics and popular. It all depends on us which blog we would like to hire for advertising our websites, products or services. If we do not know which blog are qualified, we can use blog advertising store to find high rank and qualified blogs. We just need to sign up, choose the blog for our blog advertising and get the traffics. Many blog advertising stores we can hire and one of them is blogadvertisingstore.com. Though, they are new blog advertising store, they have quite many qualified and high ranking blogs. We can choose blog with the same category with our business or all categories. Luckily that the blog is from many countries which means that our business will be known worldwide.

Besides using blog advertising, we can also use some directories to increase the traffics, such as yahoo directory. By submitting into yahoo directory, our website or business will stay in it and may be read by their readers or visitors. So, don’t give promoting and use blog advertising to increase your promotion.

Submit your articles into articles directory

2009-10-12T23:57:00.000-07:00

When a website or blog owner writes an article in their website or blog, they always hope that their articles will be interesting and read by a lot of readers or visitors. The readers or visitors may come to their blog or site directly or goggling from search engine. The problem is that it is not easy to make an article read or liked many people. Besides waiting to get a lot of readers or visitors, we can also increase the readers from submitting our articles into many articles directories. Submitting articles into articles directories important because if articles directory’s readers like our articles, they may copy and paste it into their sites or blog. If many articles directory readers like our articles and copy paste into their blog or site, our articles will be popular and of courses they might visit our blog through the articles posted in article directory. Besides being famous, submit your articles into articles directory will increase the website’s traffics, too. So, if you really want to get a lot of readers for your articles of your sites or blog, you had better submit articles into articles directory. Do not just post and post without submitting into articles directory because your articles will be useless.

Memasang Yahoo! Messenger Pingbox Pada Blog

2009-10-08T07:52:00.000-07:00

Memasang Yahoo! Messenger Pingbox Pada Blog. Yahoo! Messenger Pingbox merupakan media chat (percakapan) secara privat (pribadi) yang memungkinkan kita melakukan chat dengan pengunjung blog, penguniung profil jaringan social, atau pun pengunjung website melalui Yahoo! Messenger. Kelebihan chat dengan Pingbox ini adalah ketika kita melakukan percakapan dengan salah satu individu / pengunjung maka orang / pengunjung lain tidak akan melihat percakapan kita tersebut.

Untuk memasang Yahoo! Messenger Pingbox pada blog, langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman http://messenger.yahoo.com/pingbox/ kemudian klik button “Create a Pingbox”, seperti di bawah ini.

Kedua, kemudian kita akan mendapati jendela untuk membuat Pingbox baru, seperti di bawah ini.

Ketiga, kemudian kita dapat melakukan pengaturan seperlunya, misalnya pengaturan untuk background yang dapat dipilih sesuai selera kita, opsi background dapat dipilih bawah menu “background theme”

Keempat, kita juga dapat melakukan pengaturan untuk ukuran dan warna huruf. Pengaturan ini dapat dilakukan melalui menu “Text size & color”.

Kelima, kemudian isikan nama kita pada “Display Name”. Nama ini akan ditampilkan pada chat Pingbox. Disarankan untuk menggunakan nama yang berbeda dengan account Yahoo! ID Kita.

Keenam, kita dapat memilih pesan default ketika kita sedang online maupun offline. Jika menginginkan, kita juga dapat menuliskan kustomasi pesan baik ketika sedang online maupun offline.

Ketujuh, centangi “Require visitors to enter Nickname to send IM” agar pengunjung yang ingin melakukan chat dengan kita harus menuliskan nickname-nya.

Kedelapan, berikan nama untuk Pingbox yang baru saja kita buat tersebut. Sebaiknya namai Pingbox tersebut yang ada hubungannya dengan blog / situs di mana kita akan meletakkan Pingbox tersebut, sebagai contoh, Tips Blog.

Kesembilan, klik “save”. Sebelum menekan button “save”, kita dapat melihat preview Pingbox tersebut di sebelah kanan, jika masih kurang cocok, kita dapat melakukan pengaturan ulang.

Kesepuluh, kemudian akan terbuka halaman login. Silakan login dengan menggunakan account ID kita.

Kesebelas, setelah berhasil login, kemudian kita akan mendapatkan kode HTML yang harus kita tempatkan pada situs atau blog milik kita. Pilih sesuai dengan tipe situs yang kita miliki. Karena saya ingin menempatkan Pingbox ini pada blog (blogger) maka saya pilih blogger.

Keduabelas, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambahkan Gadget >> Tambahkan HTML/Javascript.

Ketigabelas, copy dan pastekan kode HTML yang telah kita dapatkan tersebut.

Keempatbelas, simpan perubahan

Kelimabelas, selesai

Sekarang kita sudah memiliki privat chat, Pingbox yang kita tempatkan pada blog.

Selamat Mencoba!!

Memasang Fasilitas Save as PDF pada Postingan

2009-10-06T16:00:00.000-07:00

Memasang Fasilitas Save as PDF Pada Postingan. Kita mungkin pernah melihat di bawah setiap postingan (artikel) disediakan fasilitas “save as PDF”. Fasilitas ditujukan untuk memberi kesempatan kepada pengunjung untuk menyimpan postingan yang dianggap menarik ke dalam format PDF.

Sebenarnya, secara default, setiap browser telah menyediakan fasilitas “save as” yang berfungsi untuk menyimpan setiap artikel yang kita anggap menarik dengan format HTML. Namun dengan format tersebut ketika kita ingin membukanya kembali secara offline (tanpa tersambung ke internet), tampilannya akan menjadi kacau alias berantakan. Hal itu disebabkan karena ada bagian-bagian halaman yang menggunakan iframe di mana bagian-bagian tersebut terpisah dari halaman artikel maka ketika kita membukanya dalam keadaan offline, bagian-bagian tersebut akan kehilangan source dan ini yang menyebabkan tampilan artikel menjadi kacau.

Nah, tentunya para pengunjung tidak ingin menyimpan postingan (arikel) yang menarik dengan tampilan yang berantakan, bukan!!

Oleh karena itu, sebagai blogger, kita dapat menjembatani agar pengunjung dapat menyimpan postingan kita dengan format yang lebih baik dan rapi tampilannya, yaitu dengan format PDF.

Sehubungan dengan hal tersebut, kita dapat memasang fasilitas yang memungkinkan para pengunjung menyimpan postingan kita dengan format PDF.

Untuk melakukannya, berikut langkah-langkahnya.

Pertama, karena fasilitas ini menggunakan bantuan layanan pihak ketiga, http://web2.pdfonline.com, maka kita harus mendaftar terlebih dahulu di http://web2.pdfonline.com.

Kedua, karena dalam pendaftaran ini tidak membutuhkan konfirmasi registrasi via email, silakan langsung login dengan menggunakan username dan password yang baru saja kita dafarkan tersebut tentunya setelah sukses melakukan sign up (pendaftaran).

Ketiga, setelah berhasil login, kita akan mendapati halaman pengaturan, seperti paper oriented (portrait/landscape), juga batas atas, bawah, kanan, dan kiri kertas (top margin, bottom margin, left margin, right margin), seperti di bawah ini.

Keempat, kemudian klik button “Generate the Javascript” untuk mendapatkan kode script yang nanti akan kita tempatkan pada blog kita.

Script-nya, seperti di bawah ini.

<script type="text/javascript">
var authorId = "6B031698-6CB0-4DC8-80C6-D54149915D7B";
var pageOrientation = "0";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
</script>

Kelima, setelah mendapatkan scriptnya, kemudian kita login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML >>

Jangan lupa centangi “Expand Widget Templates”.

Keenam, kemudian cari kode <p><data:post.body/></p>

Ketujuh, letakkan script yang telah kita dapatkan tersebut di bawah kode di atas, sehingga menjadi seperti di bawah ini.

<p><data:post.body/></p>

<script type="text/javascript">
var authorId = "6B031698-6CB0-4DC8-80C6-D54149915D7B";
var pageOrientation = "0";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
</script>

Kedelapan, simpan template.

Kesembilan, selesai

Sekarang, silakan salah satu postingan kemudian pastikan di bawah postingan telah ada fasilitas “save as PDF”.

Selamat Mencoba!!

Cara Memasang Widget Random Post

2009-10-01T14:37:00.000-07:00

Cara Memasang Widget Random Post Pada Blog. Sesuai dengan namanya, Widget Random Post ini berfungsi untuk menampilkan postingan secara acak (random) pada blog sehingga postingan-postingan terdahulu yang tersimpan pada arsip masih tetap dapat disimak oleh pengunjung. Dengan demikian pemasangan widget tersebut dapat dijadikan sebagai salah satu sarana promosi atas postingan-postingan terdahulu. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Widget yang saya dapatkan dari Mas Anang tersebut hanya membatasi untuk 1000 postingan. Untuk memasang widget ini tidak membutuhkan langkah-langkah yang rumit.

Langkah-langkah untuk memasang widget tersebut adalah sebagai berikut.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy paste kode berikut ini.

Catatan :

Ubah namablog.blogspot.com dengan nama blog masing-masing tanpa diikuti http, misalnya tips-trik-blog.blogspot.com
Angka 10 menunjukkan jumlah postingan yang akan ditampilkan secara acak yang kita ganti sesuai dengan keinginan masing-masing.

Ketiga, Simpan Perubahan.

Keempat, selesai.

Coba sekarang refresh blog dan kemudian pastikan random post telah ada di blog kita dan hasilnya dapat dilihat pada blog all my life atau pada footer blog ini.

Selamat Mencoba!!

(sumber : Anang’s Blog)

Buyblogreviews is a good place for blog advertising

2009-09-29T03:14:00.000-07:00

Internet has become the most important media to get and read information from around the world. As time goes by, now Internet also becomes one of the best places to promote and sell the products as well as looking for some money by doing online businesses. Getting some money through online business has been started since a few years ago and many people have been successful in doing this business. There are hundreds kinds of ways to earn money and one of them is by paid blogging. Paid Blogging is proven to have give much money to blog owners and have helped many websites to get a lot of visitors and promote their websites, products or services. So, whenever you need to get money or get hundreds of visitors for your website or products, you had better use Blog Advertising.

Widget Kurs Valuta Asing

2009-09-25T09:23:00.000-07:00

Menambahkan Widget Valuta Asing Pada Blog. Postingan kali ini masih seputar aksesoris blog dan kali ini Tips dan Trik Blog akan mengetengahkan widget kurs valuta asing. Sebenarnya widget serupa pernah Tips dan Trik Blog pada kesempatan terdahulu, di sini juga di sini. Dengan postingan kali ini, saya berharap akan memberi banyak pilihan kepada para pengunjung yang ingin menambahkan akesoris blognya dengan kurs valuta asing.

Jika tertarik untuk memasangnya, silakan copy paste kode berikut ini pada side bar blog kita. Langkah-langkahnya, seperti biasa adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy kode berikut ini.

Ketiga, simpan perubahan

Keempat, selesai.

Sekarang, refresh blog dan pastikan kurs valuta asing sudah “nangkring” pada side bar blog kita, seperti di bawah ini

Selamat Mencoba!!

Menambah Widget Polling Pada Blog (bag. 3)

2009-09-21T01:41:00.001-07:00

Menambahkan Widget Polling Pada Blog. Untuk menjaga “kelangsungan hidup blog”, kita perlu mengerti dan memahami sedikit (jika tidak mungkin semuanya) keinginan atau apa yang diharapkan pengunjung terhadap blog kita. Untuk tujuan tersebut diperlukan wadah tersendiri. Dan salah satu wadah tersebut adalah kita dapat memasang widget polling pada blog kita.

Sebenarnya Tips Trik Blog sudah pernah mengetengahkan postingan serupa, yaitu Widget Polling Bag. Pertama dan Widget Polling Bag. Kedua. Dan pada kesempatan ini, Tips Trik Blog akan mengetengahkan lagi namun dengan layanan yang berbeda. Dengan postingan ini, saya berharap pengunjung mempunyai banyak pilihan untuk memasang widget polling mana yang paling cocok dengan selera masing-masing.

Pada kesempatan kali ini, Tips dan Trik Blog akan mengetengahkan layanan widget polling yang disediakan oleh Ballot-Box.net. Fitur dari layanan widget polling tersebut sangatlah lengkap untuk ukuran layanan yang gratis, antara lain sebagai berikut.

Tampilan Polling yang dapat dikustomasi
Support sampai dengan 15 pertanyaan
Support sampai dengan 15 jawaban untuk masing-masing pertanyaan
Mencegah user melakukan voting dua kali atau lebih
Hasil polling yang dapat dibuat privat maupun dipublikasikan
Hasil polling dapat diketahui se-real time dan se-update mungkin
Pembuatan account yang instant
Mengizinkan user untuk meninggalkan pesan
Hasil polling ditampilkan dalam popup
Dan masih banyak lagi fitur lainnya.

Jika tertarik, silakan ikuti langkah-langkahnya sebagai berikut.

Pertama, masuk ke halaman http://www.ballot-box.net/

Kedua, lakukan sign up (pendaftaran) dengan cara geser ke menu yang berada di sisi sebelah kanan kemudian pilih sign up.

Ketiga, isilah semua data pada form yang disediakan dan jangan lupa centangi pada “I agree to the Terms of Service” kemudian lanjutkan dengan menekan button “sign up”

Keempat, setelah sukses melakukan sign up, kemudian lakukan login dengan user dan password yang baru saja kita buat.

Kelima, untuk mulai membuat widget polling, pada menu yang ada di sebelah kiri, klik “Create New Poll”

Keenam, klik “next” hingga kita harus memilih jumlah pertanyaan yang akan kita buat pada polling tersebut.

Ketujuh, pilih jumlah pertanyaan yang akan kita buat pada widget polling tersebut kemudian lanjutkan dengan menekan “next”.

Kedelapan, kita akan mendapat pemberitahuan bahwa polling telah sukses dibuat juga tentang ID polling kita tersebut.

Kesembilan, lanjutkan dengan menekan “next”.

Kesepuluh, isikan Judul dan URL blog kita kemudian lanjutkan dengan “next”

Kesebelas, buat pertanyaan sekaligus opsi jawaban yang dapat dipilih oleh user atau pengunjung. Jika menginginkan, kita dapat memilih bentuk “question style”, misalnya “radio buttons”, “check boxes”, atau “drop menu”.

Keduabelas, buat pertanyaan sekaligus opsi jawaban untuk yang kedua dan seterusnya sesuai dengan jumlah pertanyaan yang kita setting sebelumnya.

Ketigabelas, pilih satu dari beberapa “sceme” polling widget yang ada kemudian lanjutkan dengan “next”

Keempatbelas, kita akan mendapati preview dari widget polling yang baru saja kita buat tersebut.

Jika dirasa kurang cocok tampilannya, klik “edit” untuk melakukan pengeditan seperlunya.

Jika ingin melakukan pengeditan pada pertanyaan maupun jawabannya, klik “prev”.

Jika sudah cocok, silakan klik “done”.

Kelimabelas, setelah itu kita akan mendapat konfirmasi bahwa pembuatan polling telah selesai, seperti screenshot di bawah ini.

Keenambelas, untuk melihat hasilnya silakan klik “view the poll” dan untuk memasang widget polling pada blog, silakan klik “get the poll HTML code”

Ketujuhbeas, klik button “get code”

Kedelapanbelas, kemudian kita akan mendapati code HTML widget polling tersebut.

Kesembilanbelas, copy dan pastekan pada sidebar atau pada halaman blog.

Keduapuluh, jika berhasil, hasilnya seperti di bawah ini.

Keduapuluhsatu, selesai dan selamat mencoba!!

SELAMAT HARI RAYA IDUL FITRI 1430 H

2009-09-19T04:53:00.000-07:00

Satu bulan lamanya kita menjalani ibadah saum. Kita selalu berusaha untuk menahan hawa nafsu dan meningkatkan amal dan ibadah dengan satu harapan, Ridho Allah. Semoga Allah menerima amal ibadah kita. Amin. Dan pada kesempatan ini pula, perkenankan saya mengucapkan "SELAMAT HARI RAYA IDUL FITRI 1430 H", MOHON MAAF LAHIR DAN BATIN.

Blogspot Sudah Support Fungsi Readmore

2009-09-14T15:23:00.000-07:00

Fitur Baru Blogspot, Fungsi Readmore. Akhirnya, setelah sekian lamanya, pada ulang tahun yang ke-10 ini, Blogspot memberi “hadiah” kepada para penggunanya suatu fitur baru berupa fungsi Readmore. Dengan adanya fitur baru tersebut, kini para pengguna blogspot tidak perlu susah-susah lagi mengedit templatenya untuk mendapatkan fungsi readmore, seperti pada postingan sebelumnya, Membuat Readmore versi pertama dan juga Membuat Readmore Versi Kedua. Dengan hanya sekali klik saja, kita sudah dapat menikmati postingan dengan fitur readmore, yaitu postingan yang secara default hanya ditampilkan sebagian dan ketika kita mengklik klik “readmore” (baca selengkapnya), postingan akan ditampilkan secara utuh (penuh). Jika tertarik, silakan ikuti selengkapnya bersama Tips dan Trik Blog berikut ini.

Oh, iya fitur readmore ini masih dalam draft namun demikian kita sudah dapat menikmati atau menggunakan fitur tersebut. Dan fitur ini akan berfungsi dengan baik jika kita menggunakan tempalate asli blogspot. Bagi yang menggunakan template bukan dari blogspot, fitur tersebut tidak berfungsi dengan baik, di mana link “Readmore” (baca selengkapnya) tidak muncul namun postingan atau tulisan dapat terpotong dengan baik.

Berikut langkah-langkah untuk menikmati fitur readmore tersebut.

Pertama, login ke http://draft.blogger.com hingga masuk Dasbor >> Entri Baru hingga kita akan mendapati post editor (halaman pengetikan).

Kedua, ubah ke mode “compose”, seperti secreenshot di bawah ini.

Ketiga, ketikkan artikel atau tulisan yang ingin kita posting pada post editor tersebut.

Keempat, jika sudah, arahkan (tempatkan) kursor pada bagian tulisan yang ingin kita penggal, seperti screenshot di bawah ini.

Kelima, kemudian klik icon “Insert jump break”, seperti di bawah ini.

Keenam, kemudian “Terbitkan Entri” (publish)

Ketujuh, sekarang bukalah blog dan pastikan tulisan atau artikel telah terpenggal dengan baik.

Let’s Do Football Betting

2009-09-12T21:44:00.000-07:00

Do you like betting on something? If you like betting on something, you will have to try to do Football Betting. If you are interested in betting on football, you had better bet it on Football Sports Betting. To be able to do Football Betting here, you must join it first. As soon as you have joined, you can start do betting. You can do betting on your favorite team or match. Besides being able to do Football Betting Online, you can also bet on soccer, basketball, tennis and others.

Memasang Layanan Link Exchange Otomatis

2009-09-10T15:19:00.000-07:00

Tips Memasang Layanan Link Exchange Otomatis Pada Blog. Pada postingan terdahulu, Tips Trik Blog juga telah mengetengahkan layanan serupa, yaitu Link Me Up, juga Memasang Banner Exchange Swalayan. Dan pada postingan kali ini, Tips Trik Blog akan mengetengahkan layanan lain yang serupa di mana dengan memasang layanan ini pada blog kita maka akan memberikan kesempatan para pengunjung untuk memasang URL blognya secara swalayan. Artinya para pengunjung dapat memasang sendiri URL blognya tersebut pada blog kita tanpa perlu “mengemis-ngemis” kepada kita untuk memasang URL blognya pada blog kita.

Dan satu lagi layanan yang dapat memberikan layanan link exchange otomatis tersebut adalah Link Box.

Langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman linkbox.

Kedua, klik register untuk melakukan pendaftaran terlebih dahulu, hingga akan muncul form isian, seperti di bawah ini.

Ketiga, isilah username, email, password, security code, dan jangan lupa mencentagi pada “I agree with Terms od Service” kemudian dilanjutkan dengan menekan “Submit” dan tunggu beberapa saat dan jika sukses maka kita akan mendapatkan konfirmasi “Registration Success”, seperti di bawah ini.

Keempat, klik “home” untuk melanjutkan ke langkah berikutnya.

Kelima, kemudian pada “Create a new Linkbox” isi pada Box Name (nama kotak link), dan juga alamat URL_Blog kita kemudian dilanjutkan dengan menekan “Create Box”, seperti di bawah ini.

Catatan

Jika setelah mengklik “Create Box” terdapat tanda silang berwarna merah, berarti nama box sudah digunakan user lain, silakan untuk mengganti dengan nama lainnya.

Keenam, kustomasi warna sesuai keinginan masing-masing. Atau jika ingin praktis, kita dapat memilih opsi template dengan mengklik pada menu pulldown “template” kemudian kita akan melihat previewnya.

Ketujuh, jika pengaturannya selesai, kemudian lanjutkan dengan menekan button “Get the Code”, dan kemudian kita akan mendapatkan code html tersebut, seperti di bawah ini.

Kedelapan, copy dan pastekan pada halaman blog atau sidebar pada blog milik kita.

Jika sukses, kita akan melihat hasilnya seperti pada sidebar blog ini.

Selamat Memasang Link Exchange Otomatis.

Bisa juga dicoba yang ini.
Link Me Up
Banner Exchange Swalayan

Sports Gambling USA

2009-09-07T15:14:00.000-07:00

Besides being a media to find information, Internet is also used to play gambling. We can play any kinds of gambling and one of the most famous ones is sports gambling. In order to play sports gambling, you can visit sportsgamblingusa.com. If you do gambling on sports here, you will not regret because sports gambling USA is considered as the simplest and safest area for sportbook wagering on the web. You can wage on you favorite sports events here, such as European league soccer, NCAA College football odds, NCAA basketball, Golf, Hockey and many more. To be able to start offshore sports gambling here, you need to join, then get your user ID and finaly you can start log in and deposit some money. For more info, please visit sportsgamblingusa.com.

Menampilkan Top Post Atau Artikel Terpopuler

2009-09-02T12:59:00.000-07:00

MENAMPILKAN TOP POST POSTINGAN TERPOPULER. Agar para pengunjung dapat mengetahui postingan apa saja yang paling popular pada blog kita, kita dapat memasang widget top post pada side bar. Di sini, Tips dan Trik Blog akan mengetengahkan widget yang dapat menampilkan postingan terpopuler (top post) yang saya dapatkan ketika melakukan “blogwalking” di “rumahnya” O-om. Top post (artikel terpopuler) yang ditampilkan pada widget ini didasarkan pada banyaknya komentar yang dilakukan oleh pengunjung blog pada setiap postingan. Jika tertarik, silakan ikuti tips memasang Widget TOP POST yang dibuat dengan bantuan Yahoo Pipes ini bersama Tips dan Trik Blog.

Kelemahan Widget TOP POST ini

Mendasarkan perhitungan pada banyaknya komentar memang bukanlah cara yang pas karena banyak pengunjung yang melakukan klik tetapi tidak meninggalkan komentar apa-apa pada suatu postingan. Namun setidaknya inilah yang dapat diukur dan paling mendekati kenyataan.

Dari pada pusing, lebih baik kita langsung mengikuti langkah-langkah untuk menampilkan top post seperti berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript >>

2. Kemudian copy kode berikut ini.

Keterangan

Ubah nama_blog dengan nama blog Anda tanpa “http”

Angka 10 menunjukkan jumlah post dengan peringkat teratas yang dapat Anda ganti sesuai keinginan.

3. Kemudian Simpan Perubahan

4. Selesai

Jika ingin melihat hasilnya, silakan kunjungi Tips Trik Komputer.

(sumber : o-om.com)

Membuat Menu Navigasi Horisontal

2009-08-31T14:26:00.000-07:00

Tips Membuat Menu Navigator Horisontal Sederhana. Lagi-lagi, tips kali ini adalah tips yang sudah basi namun sekali lagi, pasti masih ada new blogger yang belum mengetahui dan membutuhkannya. Jika pun tidak ada yang membutuhkannya biarlah postingan ini menjadi sampah blog, yang penting nge-blog. Yang tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Sebelumnya, jika ada yang belum paham, Tips dan Trik Blog akan sedikit memberi gambaran mengenai Menu Navigasi Horisontal ini. Menu Navigasi Horisontal adalah sederetan menu horizontal (memanjang ke samping) yang berfungsi sebagai navigator atas suatu halaman blog atau URL blog. Ketika pengunjung melakukan klik pada menu-menu tersebut maka pengunjung akan di bawa menuju ke link atau halaman yang telah kita setting sebelumnya.

Dengan melihat fungsinya tersebut, kita dapat mengaplikasikan Menu Navigasi Horisontal untuk berbagai keperluan, misalnya kita dapat membuat menu yang menunjuk ke link URL blog kita yang lain atau pun halaman blog yang kita anggap penting lainnya, seperti halaman buku tamu, dan lain-lain.

Screenshot contoh Menu Navigasi Horisontal adalah seperti di bawah ini.

Langkah-langkah membuatnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode ]]></b:skin> (jika menggunakan Firefox, gunakan saja Ctrl + F untuk memudahkan pencarian kode tersebut).

Ketiga, copy kode di bawah ini di atas kode ]]></b:skin>

.menuhorisontal{
width: 100%;
overflow: hidden;
}

.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Arial; /* jenis dan ukuran huruf */
list-style-type: none;
}

.menuhorisontal li{
display: inline;
margin: 0;
}

.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid black;
border-left:1px solid black;
color:#071907;
background: #A9F5A9; /*warna background Menu*/
}

.menuhorisontal li a:visited{
color: #088A08; /* warna teks menu jika linknya pernah dikunjungi*/
}

.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#58ACFA; /*Warna Background Ketika Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}

Keterangan, silakan untuk mengganti warna dan juga font sesuai dengan selera masing-masing. Kode html untuk warna silakan lihat di sini.

Keempat, langkah berikutnya adalah cari dan temukan kode berikut ini.

Atau jika tidak ketemu, cari kode yang mirip atau jika bingung cari kode yang diapit warna merah.

Kelima, tempatkan kode di bawah ini di bawah kode di atas tersebut.

Keenam, simpan template

Ketujuh, langkah berikutnya adalah kita menuju menu Elemen Halaman (Dasbor >> Tata Letak >> Elemen Halaman).

Sekarang kita sudah dapat menambahkan gadget yang letaknya di bawah header.

Kedelapan, klik Tambah Gadget >> Tambahkan HTML/Javascript

Kesembilan, copy kode dengan format seperti di bawah ini.

<div class="menuhorisontal">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://onoid.blogspot.com">Tips Trik Komputer</a></li>
<li><a href="http://tips-net.blogspot.com">Tips Internet</a></li>
<li><a href="http://clixsense2007.blogspot.com">Bisnis Internet<a></li>
</ul>
</div>

Keterangan
Silakan untuk mengganti URL dan Link Teks sesuai dengan kehendak masing-masing.blognya masing-masing.

Kesepuluh, Simpan Perubahan

Kesebelas, refresh blog dan pastikan menu navigasi horizontalnya sudah “nangkring” pada header blog kita.

Selamat Mencoba!!

(sumber referensi : Tutorial Jitu)

Let’s Play Super Casino

2009-08-29T09:34:00.001-07:00

Since Internet was found, Internet has not only been used to find any kind of information but also to play casino online. Thousand of casino players around the world play in many online casino sites available in the Internet. They play and compete to get bonus. They may play in local online casino and international online casino.

For UK casino player, they can play in many UK online casinos and one of them is supercasino.uk.com. In supercasino.uk.com, UK people can play super casino. To be eligible to play super casino, UK player must be at least 18 years old, and then register by filling out the registration form and within 5 minutes, they can start to play. Another gambling UK player can play is live roulette tv. Their live roulette tv is very great because of it real nature, its virtual action, its high quality live roulette TV casino gaming show and many others. If the players are new to super casino and live roulette tv, they can leran how to lay it in the website. For more info, just visit supercasino.uk.com.

Blogger Menambahkan Fitur Label Cloud

2009-08-27T02:44:00.000-07:00

Blogger Menambahkan Fitur Baru Label Cloud. Ketika saya ingin menambahkan gadget label pada salah satu blog saya, secara tidak sengaja saya menemukan fitur baru yang disediakan oleh blogger. Fitur tersebut adalah kita dapat memilih jenis tampilan label (kategori) berupa cloud di mana sebelumnya pilihan tampilan tersebut tidak tersedia. Mungkin ini bagian dari salah satu bentuk kepedulian Blogger yang ingin selalu memberikan yang terbaik kepada para penggunanya. Jadi sekarang, bagi new blogger yang ingin membuat label cloud, tidak perlu susah-susah mengotak-atik HTML karena pihak Blogger telah menyediakannya yang dapat dilakukan secara praktis dan simple.

Dengan adanya fitur baru tersebut, langkah-langkah untuk menambahkan label cloud adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget

Kedua, pilih Gadget Label hingga muncul jendela seperti di bawah ini.

Ketiga, pada pilihan tampilkan, pilih “Cloud” seperti screenshot di bawah ini.

Keempat, kita juga dapat melakukan pengaturan lainnya, antara lain :

1. Pengaturan untuk tidak menampilkan jumlah entri per label, dengan cara menghilangkan centangan pada “Tampilkan jumlah entri per label”

2. Pengaturan untuk hanya menampilkan label-label tertentu saja, dengan cara :

Centangi “Label yang Dipilih” kemudian dilanjutkan dengan mengklik “edit” kemudian akan muncul semua label yang ada kemudian hilangkan centangan pada label yang tidak ingin ditampilkan.

Setelah selesai memilah-milah label-label, lanjutkan dengan mengklik “selesai”

Kelima, setelah melakukan pengaturan, jangan lupa untuk mengklik Simpan.

Keenam, refresh blog dan pastikan label cloud sudah bertengger pada side bar blog kita, contoh dapat dilihat pada sidebar blog tips dan trik blog ini.

Selamat Mencoba !!

Cara Membuat Related Post

2009-08-21T03:30:00.000-07:00

Cara Membuat Related Post atau Artikel Yang Berhubungan. Walaupun postingan bertema seperti judul di atas sudah tergolong “basi” dan juga sudah sering dan banyak diposting oleh banyak blogger namun tidak ada salahnya jika Tips dan Trik Blog pada kesempatan kali ini mencoba untuk menampilkannya kembali, siapa tahu masih ada blogger (terutama new blogger) yang membutuhkannya untuk mengetahui caranya. Jika memang demikian, silakan ikuti tipsnya berikut ini.

Daftar Related post atau artikel yang berhubungan tersebut akan tampil di bawah setiap postingan yang kita buat. Daftar Related Post tersebut berisi postingan yang ber”label” atau mempunyai kategori yang sama dengan postingan yang kita buat tersebut.

Perlunya memasang Related Post (Postingan Yang Terkait)

Dengan memasang Related Post tersebut para pengunjung akan mengetahui postingan-postingan lainnya (artikel yang pernah kita posting sebelumnya) yang mungkin berhubungan dengan postingan yang sedang dibaca oleh pengunjung tersebut. Dengan demikian secara tidak langsung akan dapat “mempromosikan” postingan-postingan kita yang lainnya dan hal ini akan berakibat baik terhadap jumlah pengunjung dan pada akhirnya akan dapat meningkatkan traffic blog kita.

Cara Membuat Related Post Pada Blog

Langsung saja, langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, jangan lupa untuk membackup template untuk mengantisipasi hal-hal yang tidak kita inginkan.

Ketiga, centangi “Expand Widget Template”

Keempat, cari dan temukan kode <data:post.body/>

Kelima, tempatkan kode berikut ini di bawah kode tersebut.

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

<div class='widget-content'>
<h3>Artikel Yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Catatan

Silakan untuk mengganti dengan “Artikel Yang Berhubuangan” dengan kata atau kalimat sesuai keinginan masing-masing.

Keenam, lakukan Simpan Template.

Ketujuh, selesai

Selamat Mencoba!!

(sumber : jackbook.com)

Memanfaatkan Blogger Sebagai Image Hosting Gratis

2009-08-11T15:29:00.000-07:00

Memanfaatkan Blogger Sebagai Image Hosting. Sebagai ilustrasi suatu artikel / postingan, biasanya kita menambahkan image pada artikel / postingan tersebut. Menambahkan image tersebut dapat dilakukan dengan cara meng-upload langsung dari komputer melalui menu “unggah (upload)” maupun dengan cara mengupload image pada image hosting lain (pihak ketiga) dan kemudian menyalin kode html-nya. Jika cara pertama yang kita lakukan maka semakin lama “jatah” yang disediakan blogger akan semakin berkurang dari jatah maksimum 1.024 MB (1 GB) yang ada untuk setiap blog-nya. Oleh karena itu, untuk menghemat “jatah” maksimum dari blogger tersebut, “wajib hukumnya” untuk menggunakan image hosting lain. Atau daripada pusing-pusing mencari image hosting, kita manfaatkan saja blogger untuk tujuan ini.

Jika kita mengupload image langsung dari computer melalui menu “unggah (upload)” maka kita akan dibatasi hingga 1.024 MB (kira2 1 GB) untuk setiap blognya, perhatikan screenshot di bawah ini.

Oleh karena itu, seperti yang telah saya sebutkan pada paragraph pertama, dalam rangka penghematan “jatah” tersebut, kita dapat menggunakan image hosting lain. Pada kesempatan kali ini, dari pada susah-susah mencari image hosting, kita akan memanfaatkan blogger sebagai image hosting dan kelebihan menggunakan blogger ini adalah unlimited bandwidth.

Cara memanfaatkan blogger sebagai image hosting adalah sebagai berikut.

Pertama, buatlah blog sederhana di mana blog ini akan kita gunakan khusus untuk mengupload image-image milik kita.

Kedua, buatlah entri (postingan) baru dan kemudian upload-lah image-image yang akan kita gunakan dan kemudian “terbitkan (publish)” postingan tersebut.

Ketiga, bukalah blog yang baru saja kita buat tersebut dan bukalah postingan yang berisi image-image tersebut.

Keempat, mengambil alamat URL dari image yang kita maksud tersebut dengan cara, seperti di bawah ini.

Klik kanan pada image yang dimaksud dan pilih “Salin lokasi gambar” jika menggunakan firefox berbahasa Indonesia atau “Copy image location” jika menggunakan firefox berbahasa Inggris.

Tempatkan (pastekan) kode URL image tersebut pada postingan pada blog yang ingin kita beri ilustrasi dengan image tersebut. Contoh kode alamat URL-nya seperti di bawah ini.

http://2.bp.blogspot.com/_dATSF_iv-iw/SoF0PqEwM_I/AAAAAAAADOs/DTbZsISZFeI/s200/yono.jpg

Untuk menempatkan kode image tersebut pada blog / postingan, kita tambahkan kode “img src” sehingga menjadi seperti di bawah ini.

Kelima, selesai dan selamat mencoba!!

(sumber inspirasi : Kolom Tutorial)

Tips Menyembunyikan Tanggal Postingan

2009-08-05T08:35:00.000-07:00

Tips Menyembunyikan Tanggal Postingan. Setiap kali kita memposting suatu artikel atau tulisan pada blog maka kita akan dapat melihat tanggal postingan yang berada di atas tulisan tersebut. Tanggal ini dapat kita gunakan untuk memberikan informasi kepada pengunjung mengenai kapan postingan tersebut kita buat. Namun karena alasan tertentu, kita dapat menyembunyikan tanggal postingan tersebut. Jika tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Langsung saja, kita ikuti langkah-langkahnya sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML.

Kedua, temukan kode berikut ini, letaknya di bawah kode /* Posts

h2.date-header {
margin:0 28px 0 43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
}

Atau bisa kodenya seperti di bawah ini.

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

Ketiga, tambahkan kode visibility:hidden pada kode css tersebut di atas sehingga menjadi seperti di bawah ini.

h2.date-header {
margin:0 28px 0 43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:$dateHeaderColor;
visibility:hidden;
}

Jika kodenya seperti kode nomor dua maka selengkapnya menjadi seperti di bawah ini.

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
visibility:hidden;
}

Keempat, simpan template

Kelima, selesai.

Sekarang cobalah untuk melakukan suatu postingan dan pastikan tanggal postingannya sudah tidak muncul lagi.

Selamat Nge-Blog!!

(Sumber referensi : Tutorial dan Tipsntrik, Tutorial Jitu, Tutorial Blog)

Mengenal dan Menggunakan Iframe

2009-07-30T04:40:00.000-07:00

Menampilkan Blog Dengan Menggunakan Iframe. Mungkin di antara para pengunjung sudah mengetahui fungsi atau kegunaan dari Iframe yang akan Tips Trik Blog ketengahkan pada postingan ini namun saya yakin pasti masih ada pengunung yang belum mengetahuinya. Dengan Iframe kita dapat menampilkan isi atau halaman blog atau situs milik orang lain pada halaman blog kita. Selain itu, kita juga dapat menampilkan video pada blog kita. Jika tertarik silakan ikuti tips yang saya dapatkan dari Hanya Arsip ini bersama Tips dan Trik Blog berikut ini.

Langsung saja pada pokok persoalannya, berikut ini.

Formatnya seperti berikut ini.

Keterangan

Atribut "align" digunakan untuk menentukan posisi perataan halaman blog, silakan ganti sesuai dengan selera masing-masing dengan “center” atau “right”.
Ganti dengan opsi “yes” atau “no” pada atribut scrolling untuk menentukan ada tidaknya efek scrolling pada iframe.
Atribut frameborder digunakan untuk menentukan ada tidaknya border (garis pembatas). Opsinya 0 atau 1, jika memilih 0 berarti iframe-nya tanpa border dan sebaliknya jika ingin memberi border maka ganti nilainya dengan 1.
Atribut “width” digunakan untuk menentukan lebar iframe dinyatakan dalam satuan pixel atau persen.
Atribut “height” digunakan untuk menentukan tinggi iframe dinyatakan dalam satuan pixel atau persen.
Setelah atribut “src” diikuti dengan alamat URL_blog dari blog yang ingin kita tampilkan.
Atribut style=”border:1px solid#ccc” untuk menentukan ukuran, jenis, dan warna border. Jika menginginkan border yang lebih lebar ganti angka 1 dengan angka yang lebih besar. Jika menginginkan bentuk border yang berbeda, kita dapat menggantinya dengan dashed, dotted, atau double. Jika mengingikan warna border yang berbeda, silakan untuk mengganti kode warnanya dengan kode warna yang lain.

Untuk lebih jelasnya, berikut contoh untuk menampilkan halaman blog http://onoid.blogspot.com dengan menggunakan iframe pada blog kita.

Hasilnya seperti di bawah ini.

Untuk mendapatkan hasil yang berbeda, silakan mengotak-atik atributnya. Selamat Mencoba!!

(sumber : Hanya Arsip)

Cara Pembuatan Kotak Iklan Banner

2009-07-24T22:38:00.000-07:00

"Cara Membuat Kotak Iklan Banner Pada Blog. Hampir semua blog atau situs menempatkan iklan pada salah satu halamannya, baik pada halaman utama ataupun pada halaman postingannya (permalink). Dari iklan yang dipasang tersebut, ada iklan yang hanya berupa link text dan ada juga iklan yang berupa banner. Jika jenis iklannya berupa banner atau image link, agar tampilannya terlihat lebih rapi, kita dapat menggunakan kotak iklan (box) sebagai sarana untuk menempatkan atau "membingkai banner tersebut. Nah, bagi yang ingin membuat kotak iklan dan belum mengetahui caranya silakan ikuti tips yang saya dapatkan dari Mas O-om ini bersama Tips dan Trik Blog berikut ini.

Langsung saja pada langkah-langkahnya, yaitu sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode ]]></b:skin>

Ketiga, buat dan tempatkan kode css berikut ini di atas kode di atas tersebut.

#Kotak-iklan {
margin: 0px;
padding: 5px;
text-align: center;
}

#Kotak-iklan img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}

#Kotak-iklan img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

Keterangan

Jika menginginkan, kita dapat mengganti warna border dengan kode html warna sesuai keinginan masing-masing. Untuk mengetahui kode warna silakan klik di sini.

Keempat, simpan template

Kelima, masuk (klik) Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Keenam, ketikkan kode dengan format seperti di bawah ini.

Keterangan

Yang berwarna biru, silakan diganti dengan URL blog atau situs kita masing-masing.
Yang berwarna merah, silakan diganti dengan URL banner kita (yang sudah kita upload pada image hosting) masing-masing.
Jika ingin menambahkan kotak lagi, kita tinggal memasukkan kode dengan format seperti di atas.
Jika ingin mengkustomasi ukuran gambar/image, ubahlah angka pada width dan height.

Ketujuh, simpan perubahan.

Kedelapan, refresh blog dan jika berhasil, tampilannya seperti di bawah ini.

Kesembilan, selesai
(sumber : O-om.com

Membuat Rotasi Pesan Pada Title Bar

2009-07-15T05:21:00.000-07:00

Membuat Rotasi Pesan Pada Title Bar. Pada tips kali ini, Tips dan Trik Blog akan mengetengahkan tips untuk membuat pesan yang muncul secara bergantian pada title bar pada browser yang digunakan. Dengan tips ini, kita akan dapat menampilkan pesan yang berganti-ganti sesuai dengan pengaturan pesan yang kita tentukan sebelumnya. Jika tertarik, silakan ikuti tipsnya berikut ini.

Langsung saja pada langkah-langkahnya, yaitu sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML.

Kedua, cari kode </head>

Ketiga, copy kode berikut ini di atas kode </head> tersebut.

&ltscript type='text/javascript'>
//<![CDATA[

var message = new Array() // leave this as is

message[0] = "Selamat Datang Di Blog Saya";
message[1] = "Blog Tips dan Trik Blog";
message[2] = "Selamat Menikmati";
message[3] = "Saya Tunggu Kunjungan Berikutnya";

var reps = 1

var speed = 175

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[D====] '+T+' [====D]'}
if(s==2){document.title='[=E===] '+T+' [===E=]'}
if(s==3){document.title='[==D==] '+T+' [==D==]'}
if(s==4){document.title='[===Y=] '+T+' [=Y===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===Y=] '+T+' [=Y===]'}
if(s==7){document.title='[==D==] '+T+' [==D==]'}
if(s==8){document.title='[=E===] '+T+' [===E=]'}
if(s==9){document.title='[D====] '+T+' [====D]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++ }else{ C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null; doTheThing();}}
doTheThing();
//]]>
</script>

Keterangan

Kita dapat mengganti pesan yang berwarna merah dengan pesan sendiri.
Kita juga dapat menambahkan pesan lagi di bawah “message [3]” dengan pesan sendiri dan mengawalinya dengan “message[4]”, “message[5]”, dan seterusnya.
Untuk mengubah kecepatan rotasi antar pesan satu dengan yang lainnya, kita dapat mengubahnya pada “var speed”, semakin besar nilainya maka rotasinya semakin lambat dan sebaliknya.

Keempat, simpan template.

Kelima, refresh blog dan pastikan kita telah mendapati pesan-pesan yang bergantian pada title bar.

Keenam, selesai dan selamat mencoba pada blognya masing-masing.

Kunjungi juga blog yang ini.

Tips Komputer
Tips Bisnis Internet
Tips Internet

Menambahkan Image Pada Judul Postingan

2009-07-14T07:37:00.000-07:00

Menambahkan Image Di Depan Judul Postingan. Mengotak-atik blog dalam rangka memperindah tampilan memang tidak ada habis-habisnya. Nah, pada postingan kali ini, kita akan mengotak-atik judul postingan yang tidak lain dalam rangka menambah estetika judul postingan tersebut. Jika menghendaki, kita dapat menambahkan image di depan judul postingan sehingga akan terlihat lebih menarik dan “hidup”. Simak tipsnya berikut ini.

Untuk menambahkan image di depan judul postingan, kita harus menyiapkan imagenya terlebih dahulu yang kemudian kita upload ke image hosting, seperti photobucket dan lain-lain baik yang gratis maupun yang berbayar.

Jika sudah meng-upload-nya, maka untuk menampilkan image tersebut adalah dengan dengan format seperti di bawah ini.

Sebagai contoh, katakanlah kita mempunyai alamat URL image di http://i209.photobucket.com/albums/bb287/yono_pati/yono.jpg maka untuk menampilkan image tersebut menjadi seperti di bawah ini.

Oh, iya, bisa jadi ukuran image tersebut tidak sesuai dengan ukuran Judul Postingan, misalkan saja terlalu besar sehingga hasilnya kurang “matching”. Jika demikian kita dapat mengubahnya dengan menambahkan atribut width (untuk menetapkan lebar image dalam pixel) dan height (untuk menetapkan tinggi image dalam pixel). Selain itu, agar image tidak berborder, kita juga dapat menambahkan atribut border.

Berikut ini contoh untuk merubah ukuran image dan juga menghilangkan border di sekitar image tersebut.

Contoh gambar aslinya adalah seperti di bawah ini.

Gambarnya seperti di bawah ini.

Kemudian jika kita ingin merubah ukurannya maka kode html-nya menjadi seperti di bawah.

Dan berikut ini hasilnya hasilnya menjadi lebih kecil sehingga lebih serasi dengan judul postingan, seperti di bawah i

Langkah selanjutnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, jangan lupa centangi “Expand Template Widget”

Ketiga, temukan kode berikut ini. Jika menggunakan Firefox, kita gunakan Ctrl + F untuk mempercepat pencarian kode tersebut.

Keempat, sisipkan kode html image (URL image) yang sudah kita siapkan sebelumnya pada kode di atas sehingga menjadi seperti di bawah ini.

Kelima, simpan template

Keenam, refresh blog dan pastikan kita sudah mendapati image pada judul postingan.

Ketujuh, selesai

Screenshot hasilnya seperti di bawah ini.

Selamat Mencoba!!

Membuat Postingan Selalu Berada Paling Atas

2009-07-13T09:01:00.000-07:00

Tips Membuat Postingan Selalu Berada Paling Atas : Pernahkah kita berangan-berangan atau berpikiran ingin menjadikan postingan tertentu selalu berada di atas? Jika, ya, jangan kuatir, karena kita dapat “mengakalinya” dengan trik yang akan kita bahas berikut ini. Dengan trik tersebut, kita dapat menempatkan postingan tertentu (yang kita anggap sangat penting) akan selalu berada di atas dari postingan-postingan yang lain yang kita terbitkan sesudahnya. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya, seperti di bawah ini.

Pertama, login ke account blogger >> Dasbor >> Entri Baru

Kedua, buatlah postingan yang ingin kita tempatkan di posisi paling atas.

Ketiga, kemudian terbitkan postingan tersebut seperti biasa.

Keempat, kemudian lakukan edit entri atas postingan yang baru saja kita terbitkan tersebut.

Kelima, setelah terbuka post editor kemudian menujulah ke bagian kiri bawah, klik “opsi entri” (post option) hingga akan muncul beberapa opsi, yaitu “komentar pembaca”, “Link balik”, dan “tanggal dan jam entri”, seperti screenshot di bawah ini.

Keenam, kemudian pada opsi “tanggal dan jam entri”, gantilah tahunnya menjadi tahun yang akan datang, misalkan saja menjadi tahun 2020.

Ketujuh, kemudian terbitkan lagi postingan tersebut.

Kedelapan, selesai

Sekarang, cobalah untuk membuat dua atau beberapa postingan lagi dan pastikan postingan yang telah kita ubah tahunnya menjadi 2020 tersebut selalu berada di posisi paling atas.

Catatan

Misalkan sudah sampai tahun yang kita isikan (yaitu tahun 2020), maka kita harus mengubah nya lagi menjadi tahun yang akan datang, misalnya 2030 atau 2040.

Selamat Mencoba!!

Internet Marketing

2009-07-12T08:04:00.000-07:00

Internet has become one of the most important resources to find any kinds of information. Any information and data we need can be found here. Besides being an important resources to search information, Internet has also become a great media to find a lot of money. There are hundreds of ways to earn money. It all depends on us which we like to use. If you have products and ready and appropriate to sell, you can sell them online, or what we call with Internet Marketing. Internet Marketing is a new revolutionary to market, promote and sell our products through Internet.

To start Internet Marketing, we have to have an online store or a website as a place to place and introduce our products. After having a website or online store, we must promote it into Internet users. We can do many ways to promote the website or online store. If our promotion and marketing successful, the visitors will come to our online store or website. If the buy our products, it mean that our Internet Marketing succeed. How about if w do not have any products to sell? Do not worry because you can sell someone products. To be able to start this business, you have to have a website. This website will be used to place the products If someone buy the products displayed in the website, you will get it commission from the sale. Now, it depends on you whether you want to sell your products or someone’s products.