Membuat Tanda Tangan pada Postingan Blog

Membuat tandatangan atau signature pada bahagian bawah posting boleh kita lihat dikebanyakan blog dan laman web. Bila tandatangan diletakkan dibawah posting nampak lebih professional . Sebelum membuatnya kita perlu membuat image tandatangan dan mengupload image tersebut ke laman web hosting gambar seperti image shack ,photobucket dan sebagainya.Image tersebut boleh juga kita buat dengan menggunakan perisian seperti Microsoft paint,Photoshop,Corel Draw dan sebagainya.Ataupun boleh juga gunakan kemudahan membuat tandatangan secara online seperti di mylivesignature.com


Seterusnya setelah mendapat link gambar yang diupload tadi ,cari kode dibawah ini pada template.
1. Masuk ke design -> pilih edit html

2. Klik centang pada expand template widget

3. Cari kode berikut dengan cara ctrl + f:
><p><data:post.body/></p>


4. kemudian masukkan node dibawah ini tepat dibawah kode yang tadi :
<p><div align="left"><img src="URL image tandatangan"/></div></p>
* Left dapat anda ganti dengan right atau Center sesuai selera
* Gantikan url image tandatangan dengan url image yang sudah anda siapkan.

5. kemudian klik save template

Selamat Mencoba :) Read More >>

Mengganti Cursor di Blog

Jika kamu sudah bosan melihat penampilan cursor kamu yang biasa-biasa ajja, dan ingin menggantinya menjadi lebih menarik, saya akan berikan triknya. Silahkan kamu ganti sesuka hati gambar apapun yang akan kamu inginkan.

Langkah - langkahnya, sebagai berikut :

1. Log in dulu ke blog kamu

2. Pilih Design - Page Elements

3. Klik Add a Gadget , kemudian pilih HTML/ Javascript

4. Setelah itu Copy script yang ada di bawah ini:

<style type="text/css">body {cursor:url("alamat gambar kursor"),default}</style>

Untuk mendapatkan alamat URL tersebut, silahkan surfing di sini
Read More >>

Menyembunyikan Buku Tamu di Pojok

Buku Tamu bisa disematkan atau disembunyikan di samping blog kamu. Contohnya seperti Widget Buku Tamu milikku yang ada disamping blogku ini. Cara buatnya mudah bangedh, ayooo dicoba

1. Log in dulu ke blog kamu

2. Pilih Design - Page Elements

3. Klik Add a Gadget , kemudian pilih HTML/ Javascript

4. Setelah itu Copy script yang ada di bawah ini:


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAI-xUcAh004yGbq9Jmto88cLOAgJp6CoekBLSKrpP9vpvKYbLCdWa6rwDpiHM2FtYfFfcTs5bf9Bt52d0fXiU0NZxMXVEWOOmfAs3FCaHrdN_q8PcfHwqoGSyA8v68KV3b4cHB0hErVn_/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">
TULIS KODE HTML BUKU TAMU Di SINI !!!!
<div style="text-align:right">
<a href="">
</a><a href="javascript:showHideGB()">[CLOSE]</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Semoga Berhasil yaaaa
Read More >>

Trik Menulis variasi di CBox

Blogwalking merupakan salah satu cara untuk memperkenalkan blog dengan menelusuri satu blog ke blog yang lain. Dengan menelusuri blog ke blog dan meninggalkan komentar di CBox, dapat meningkatkan rangking alexa blog karena dapat meningkatkan pengunjung.

Sekarang lagi banyak orang yang menggunakan variasi tulisan pada CBox. Tentu ada segi keuntungan seperti tulisan akan nampak lebih tersorot karena perbedaannya. Tetapi disebagian orang mungkin ada yang menganggap tidak perlu karena bikin tambah kerjaan menulis-nulis pada CBox. Bagaimanapun lebih banyak segi keuntungan bila menggunakan trick ini. Dijamin !

1. Cara Membuat Text Tampak Tebal [Bold]
Contoh : [b]Semua Butuh Belajar[/b]
Hasilnya : Semua Butuh Belajar

2. Cara Membuat Text Tampak Miring [Italic]
Contoh : [i]Semua Butuh Belajar[/i]
Hasilnya : Semua Butuh Belajar


3. Cara Membuat Tulisan Bergaris Tengah [Strike]
Contoh : [s]Semua Butuh Belajar[/s]
Hasilnya : Semua Butuh Belajar

4. Cara Membuat Text Bergaris Bawah [underline]
Contoh : [u]Semua Butuh Belajar[/u]
Hasilnya : Semua Butuh Belajar

5. Cara Membuat Text Berukuran Kecil [Small]
Contoh : [small]Semua Butuh Belajar[/small]
Hasilnya : Semua Butuh Belajar

6. Cara Membuat Text Berukuran Besar [Big]
Contoh : [big]Semua Butuh Belajar[/big]
Hasilnya : Semua Butuh Belajar

7. Cara Membuat Text Berisi Link [Url]
Contoh : [url=www.butuhbelajar.blogspot.com]Semua Butuh Belajar[/url]
Hasilnya : Semua Butuh Belajar

8. Cara Membuat Text Rata Tengah [Center]
Contoh : [center]Semua Butuh Belajar[/center]
Hasilnya : Semua Butuh Belajar

9. Cara Membuat Text Bewarna [Color]
Contoh : [color=green]Semua Butuh Belajar[/color]
Hasilnya : Semua Butuh Belajar
nb: untuk warna kalian bisa isi kata dalam bahasa inggris seperti red, yellow, green, blue, black, silver, pink, purple, dan masih banyak yang lainnya

10. Cara Membuat Text Berjalan Kanan-Kiri [Scroll]
Contoh : [scroll]Semua Butuh Belajar[/scroll]
Hasilnya : Semua Butuh Belajar
Read More >>

Cara Membuat Menu Drop Down

Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.

Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya. Seperti yang ada diblog saya ini. Yang saya jadikan sebagai Link List.

Nah untuk membuatnya, caranya sangat mudah:
1. Login ke Blogger.

2. Klik menu Design kemudian Page Elements

3. Klik Add a Gadget , kemudian pilih HTML/ Javascript

4. Masukkan kode dibawah ini kedalam kotak

<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option> *** LINK LIST *** </option> <option value="http://www.butuhbelajar.blogspot.com/">Semua Butuh Belajar</option> <option value="LINK URL">NAMA BLOG</option> </select> </form>

5. SAVE

Maka hasilnya akan seperti ini :

*** LINK LIST ***
Semua Butuh Belajar
NAMA BLOG

Selamat mencoba
Read More >>

Cara Menambah Emoticons di Cbox Chat (Smile Icons)

Fungsi menambah Emoticons ini di Cbox Chat milik teman-teman tentunya akan menambah menarik tampilan Cboxnya karena akan ada Emoticons yang lebih atraktif ketimbang menggunakan Emoticons Cbox yang default.

Untuk menambahkan Emoticons nya ini juga terbilang sangat mudah, hanya perlu semangat aja untuk membuatnya, hehehe. Untuk contohnya teman-teman bisa melihat Cbox Chat punya saya yang ada di sidebar blog ini.


Langkah-langkahnya sebagai berikut :

1. Buka new tab di jendela browser baru kemudian langsung saja menuju ke alamat ini:
Emotions (Klik disini)

2. Pilih dulu beberapa emoticons yang menurut teman-teman paling bagus.

3. Jika sudah standby dulu di situs tersebut, lalu New Tab , masuk ke langkah selanjutnya yaitu memodifikasi Emoticons Cbox chat teman-teman dengan cara ,
a) buka Cbox (Klik disini)
b) Login akun Cbox kalian, Pilih Options, kemudian Smile

4. Setelah itu kalian akan masuk ke halaman Edit Emoticons Cboxnya

5. Delete terlebih dahulu semua Emoticons defaultnya dengan cara klik tanda X,

6. Kemudian Copy URL emotions yang ingin kalian pakai. Cara untuk mengambil url, caranya klik kanan pada emotion yang anda inginkan lalu pilih copy image location

7. setelah itu paste di kotak url, kemudian SAVE


Read More >>

Membuat pingbbox di Blogger

Apa itu Pingbox? Pingbox adalah sebuah fitur yang memungkinkan anda dapat berkomunikasi langsung (chat) melalui blog anda, tampilannya mirip seperti Yahoo Messenger (YM) pada umumnya, hanya saja pingbox dapat ditempel langsung pada blog kita. Seperti yang ada diblog saya ini :)

Berikut langkah-langkahnya:

1. Kunjungi situs Pingbox

2. Pada jendela yang muncul klik tombol Buat Pingbox

3. Pada jendela berikutnya pilih theme yang sesuai selera anda, kemudian klik simpan.

4. Pada jendela berikutnya akan ada code yang harus anda copy.

5. Setelah itu , buka BLOG anda

6. pilih Rancangan -> Edit Laman -> Tambahkan gadget -> Pilih HTML/JavaScript

7. Kemudian paste code yang anda copy tadi -> SIMPAN

8. Selesai -> Unutk melihat hasilnya lihat blog anda Read More >>

Memahami Fungsi Alexa Rank

Alexa rank menurut beberapa sumber yang saya baca merupakan suatu sarana untuk memberikan nilai peringkat pada suatu blog/website. Jadi kalau diliat dari segi peringkat pasti setiap blog/website memiliki Alexa rank yang berbeda satu sama lainnya. Kenapa? namanya juga peringkat pasti tidak memungkinkan dua buah website atau lebih sama2 memiliki peringkat satu dalam Alexa rank

Lalu apa yang menjadi penilaian Alexa rank? Penilaian Alexa rank ditentukan berdasarkan jumlah pengunjung blog/website, jika suatu blog semakin ramai pengunjung maka semakin bagus pula Alexa rank nya. Alexa rank dikatakan naik jika nilai peringkatnya mengecil. Jadi semakin kecil Alexa rank pada suatu blog/website maka akan semakin bagus. Misalnya pada awal saya memasang Alexa widgets pada blog saya ini memiliki Alexa rank skitar 19 juta dan sekarang bisa tmen2 liat Alexa rank blog saya memiliki nilai 1 juta pada saat saya menulis artikel ini yang sudah jauh lebih baik jika dibandingkan ketika saya pertama memasang Alexa widgets. Dari sini dapat kita simpulkan bahwa blog/website yang memiliki Alexa rank 1 juta lebih baik dari pada blog/website yang memiliki Alexa rank 19 juta.


Kegunaan Alexa Rank Pada Blog
Alexa rank pada suatu blog berguna jika kita ingin menjadikan blog sebagai penghasil uang (monetize blog). Kita ambil contoh saja, jika kita ingin mendaftarkan blog ke program publisher iklan pay-per-click (ppc) maka Alexa rank akan menjadi tolak ukur untuk setiap harga iklan yang kita pasang. Ketika saya mendaftar ke program ppc yang bernama ppcindo, maka untuk blog yang memiliki jumlah pengunjung yang semakin banyak dan memiliki Alexa rank yang semakin bagus maka harga iklan'nya juga akan semakin tinggi.

Bagaimana Cara Simple Menaikan Alexa Rank?
Cara ini saya tulis berdasarkan pengalaman saya saja, mungkin masih banyak cara2 lain yang jauh lebih efektif dalam menaikan Alexa rank misalnya dengan promosi blog/website secara besar2an, rajin blog walking, promosi via forum, dll. Dan kuncinya adalah semakin blog/website banyak pengunjung maka semakin baik Alexa rank nya.

Namun ada cara yang simple dapat menaikan Alexa rank blog/website yang saya terapkan selama ini, yakni dengan cara:

1. Memasang Alexa widgets.
Widgets ini berfungsi untuk mengetahui update Alexa rank blog/website anda sekaligus dapat turut menaikan Alexa rank. KLIK disini untuk mendapatkan Alexa rank blog/website anda. Cara mendaftarkanya anda tinggal memasukan nama blog/website anda dan copy kode HTML didalamnya dan taruh di blog/website.

2. Menginstall Alexa toolbar pada browser.
Menurut saya, jika anda mengunjungi suatu blog/website menggunakan browser yang sudah terinstall Alexa toolbar akan turut juga mempercepat menaikan Alexa rank blog/website tersebut dari pada browser yang tidak terinstall Alexa toolbar dan apabila anda rajin melakukan update terhadap blog/website yang anda miliki setiap hari tentunya anda akan sering mengunjungi blog/website setiap harinya juga, maka toolbar ini seenggak2nya dapat membantu menaikan Alexa rank blog/website anda setiap anda kunjungi. Selain itu dengan toolbar ini anda juga dapat memantau Alexa rank terkini pada blog/website anda yang memungkinkan nilai peringkat blog/website pada Alexa toolbar dengan Alexa widgets dapat saja berbeda, karena untuk Alexa toolbar melakukan update rank setiap hari sedangkan untuk Alexa widgets melakukan update beberapa hari sekali.KLIK disini untuk mengistall Alexa toolbar.

Jika anda sudah menerapkan kedua cara diatas maka anda tinggal melakukan promosi blog/website anda ke blog yang ramai dikunjungi dan memiliki page rank tinggi/alexa rank yang bagus, promosi lewat forum, promosi lewat website iklan baris, rajin blogwalking, atau cara2 lain untuk mendapatkan lebih banyak pengunjung...

Semoga artikel ini bermanfaat... :)
Read More >>

Cara Menulis Kode HTML di Posting Blog

Kalangan blogger pemula yang sudah pernah mencoba menulis kode html / javascript di posting dan ingin kode tersebut tampil seperti waktu ditulis mungkin merasa heran karena setelah dipublish jadi berbeda. Contoh, umpamanya Anda menulis kode < dan > dan ingin tampil persis seperti itu diposting Anda, kenyataannya kode tersebut malah hilang. Ikuti tutorial praktis berikut, oh ya tip ini berlaku baik di posting wordpress atau blogger / blogspot.

1. Kunjungi Encode Decode HTML Converter klik di sini

2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”

3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan: Jangan lupa klik menu “Kode” atau “Code” sebelum memasukkan kode html yang sudah di-encode tadi. Read More >>

Membuat Link Berwarna Pelangi

Ingin membuat link pada blog anda berkedip dan berwarna pelangi ketika tersentuh pointer? Caranya sangat mudah

* Dalam keadaan loggin,
* Masuk pada menu template,
* Klik Edit HTML,
* Cari kode <head>
Kemudian copy code berikut dan paste tepat dibawah code tadi :

<script language='javascript' src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/LinkPelangi.js'/>

* Terakhir simpan template.

Selamat mencoba! Read More >>

Memasang widget alexa pada blog di blogspot

Mencoba tips meningkatkan rangking alexa blog. Sekalian belajar membuat screenshot.
Salah satu cara yang sangat direkomendasikan untuk mengangkat peringkat blog kita berdasarkan alexa rank adalah dengan memasang Alexa Rank Widget pada blog kita. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada blog kita

Pentingkah peringkat Alexa ini ?
Alexa Rank menurut saya penting dilakukan terutama bagi kita yang sedang mencoba membangun blog yang memiliki nilai jual. Beberapa website/situs penyedia layanan iklan komersil menjadikan ranking Alexa dengan batasan tertentu sebagai syarat jika kita ingin menjadi mitranya, yang itu berarti sumber pendapatan bagi kita.
Karena itu sangat dianjurkan untuk memasang widget peringkat alexa untuk memperbaiki peringkat blog kita.

Memasang widget alexa pada blog di blogspot sangat mudah dilakukan. Saya coba berbagi hasil praktek saya yang mudah-mudahan bisa berguna bagi rekan-rekan :
1. Langkah awal, menuju situs Alexa.com
- Klik menu For Site Owner (tab paling kanan)

- Klik menu Site Widget

- Ketikkan alamat blog/URL sobat pada kotak yang tersedia (cth.www.butuhbelajar.blogspot.com). Pilih salah satu kotak isian sesuai selera sobat. (yang ditunjuk panah merah)
Bentuk widgetnya terlihat di sebelahnya.
Setelah itu Klik tombol Build Widget.

Akan muncul halaman yang menampilkan 3 ukuran widget yang bisa anda pilih
- Copy kode html yang ada di kotak kuning di samping widget
- Paste pada notepad atau text editor lainnya.
- Simpan kode tersebut di komputer untuk nanti di masukan ke blog.

2. Menempatkan kode HTML widget pada blog
- Login ke blogger dengan ID sobat
- Klik Tata Letak.
- Klik menu Elemen Halaman.
- Pilih dan Klik Tambah Gadget.
- Pilih Gadget HTML/JavaScript dan Klik tanda Plus ( + ) di samping tulisan.
- Paste kode HTML Widget Alexa yang tadi telah disimpan di notepad kedalam kolom dibawah tulisan konten)
- Klik tombol Simpan yang ada di bawah
- Atur penempatan elemen yang baru sobat buat tadi di tata letak sesuai selera
- Klik tombol Simpan yang ada di sebelah kanan atas.
- Lihat blog. Widget alexa sudah terpasang di side bar blog sobat.

Alexa rank terbilang cepat dalam melakukan update sehingga hasilnya akan otomatis terlihat dalam beberapa hari saja.
Memasang widget alexa merupakan perangkat pendukung untuk meningkatkan eksistensi blog kita. Hal utama yang harus selalu menjadi perhatian kita adalah untuk terus membuat konten yang berisi dan menarik sebanyak mungkin dan dipublish sesering mungkin, karena hal inilah yang menjadi pusat gravitasi dari blog untuk menarik sebanyak mungkin pengunjung dan penikmat blog kita. Read More >>

Cara Membuat Pesan Pembuka di Blog

Pernah melihat sebuah blog yang saat diakses tidak akan langsung kebuka tetapi ada sebuah pesan yang muncul? Jangan heran, fasilitas itu disebut alert script. Cara membuat pesan pembuka di blog seperti itu gampang sekali.

1. Login ke blog

2. Klik Tata Letak

3. Klik Edit HTML

4. Beri centang pada kotak di samping Expand Template Widget

5. Cari kode </head> lalu pastekan skrip berikut ini di atasnya:

<script language="JavaScript">alert("Selamat datang . Semoga dapat bermanfaat");</script>

6. Simpan. Selesai

Ket:
- Ganti kata "Selamat datang . Semoga dapat bermanfaat" dengan pesan sesuai keinginan anda.
- Tanda kutip jangan dihapus.

Read More >>

Membuat Tulisan Address Bar Berjalan

Jika anda masih bingung bagaimana cara membuat tulisan address bar di blog bisa berjalan.tidak usah bingung!!!! Ada banyak kode kode untuk bisa membuat itu dan saya akan memberitahu 1 code saja.dan caranya sebagai berikut:

1. kamu harus sigin dulu ke blog anda
2. klik tata letak -> edit html
3. cari kode </head> kalau bingung klik ctrl+f
4. lalu copy kode di dawah ini dan letakan di atas </head>

<script type='text/javascript'>
//<![CDATA[
msg = " --- welcome to my blog--- ";
msg = " --Belajar Sabar| Belajar Ngerti | Belajar Semua--" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>

5. ganti kata welcome to my blog dan Belajar Sabar| Belajar Ngerti | Belajar Semua sesuai keinginan anda
6. klik save

Read More >>