ACEHWORKING: Desember 2010

Cara Pasang Pilihan Kode Warna di Blog

Klik warna yang anda pilih kodenya akan tampil di kotak bagian bawah Kode warna yang terpilih : Jika diantara sobat blogger ada yang tertarik untuk memasang Berikut cara memasangnya : Login ke Blogger klik Rancangan...

Cara Pasang Top Posting di Blog

Login ke Blogger Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript Kemudian Copy Paste kode di bawah ini : <script language='javascript'> aBold = true; numposts=200; maxshowresult=5; home_page = "http://www.acehworking.blogspot.com/"; </script> <script src='http://h1.ripway.com/imtikhan/top_posting.js' type='text/javascript'></script> Keterangan : home_page = "http://www.acehworking.blogspot.com/";ganti...

Cara Pasang Daftar Posting

Login ke Blogger Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript Kemudian Copy Paste kode di bawah ini : <div style="border: 0px solid #000000; overflow: auto; height: 200px;" margin="5px" ;> <script style="text/javascript" src="http://imtikhan.googlecode.com/files/daftar_isi.txt"></script><script style="text/javascript"> var numposts = 1000;var showpostdate = false;var showpostsummary...

Cara Menampilkan Seluruh Postingan

<div style="overflow:auto; padding-left:3px; border:1px solid white; width:100%; height:200px; background:#ffffff; url(#) no-repeat ;"> <script language="javascript"> numposts=9999; home_page="www.acehworking.blogspot.com"; explanpost="new"; </script> <ul><script style="text/javascript" src="http://imtikhan.googlecode.com/files/daftar_posting.js"></script></ul> </div> jika sudah...

Cara Membuat Scroll Kembali ke Atas

Login ke Blogger Klik Rancangan → Edit HTML Klik tulisan Download Template Lengkap Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula Beri tanda centang pada kotak di samping tulisan Expand Template Widget Kemudian cari kode <head> Tips : Untuk mempercepat...

Cara Pasang Gambar Status Page Loading

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian, cari kode <body>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
jika sudah ketemu ganti dengan kode dibawah ini :

<body onLoad='init()'> <div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif'/></div> <script src='http://h1.ripway.com/imtikhan/loading.js' type='text/javascript'/>

Keterangan : Url gambar diatas bisa sobat ganti dengan Url gambar pilihan sobat
berikut contoh gambar beserta kodenya :

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading2.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading3.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading4.gif

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading5.gif

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center sobat bisa mengubahnya dengan left, right, top atau bottom.

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Cara Mempercantik Kotak Komentar

Login ke Blogger Klik Rancangan → Edit HTML Klik tulisan Download Template Lengkap. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula Beri tanda centang pada kotak di samping tulisan Expand Template Widget Kemudian cari kode ]]></b:skin> Tips : Untuk mempercepat...

Cara Membuat Komentar Admin Berbeda Warna

Cara Memberi Nomor Urut Komentar

Cara Pasang Efek Kupu-kupu berterbangan di Blog

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy kode script berikut yang sobat sukai dan Paste ke dalamnya :

Contoh gambar Kupu-kupu1

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Contoh gambar Kupu-kupu2

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu2.js"></script>

Contoh gambar Kupu-kupu3

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu3.js"></script>

Contoh gambar Kupu-kupu123

Kode script

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu123.js"></script>

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Memasang Efek Balon Melayang di Blog

Login ke Blogger Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript Kemudian Copy kode Script berikut dan Paste ke dalamnya : <script language="JavaScript1.2" src=" http://imtikhan.googlecode.com/files/balon_melayang.js"></script> jika sudah selesai SIMPAN dan lihat hasilnya Selamat menc...

Cara Menampilkan Hari, Tanggal dan Jam di Blog

Login ke Blogger Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript Kemudian Copy kode Script berikut dan Paste ke dalamnya : script type="text/javascript"> var dayarray = new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"); var montharray = new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus", "September","Oktober","November","Desember"); var myblog = new Date(); var...

Cara Membuat Tulisan Mengikuti Cursor

Login ke Blogger Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript Kemudian Copy kode Script berikut dan Paste ke dalamnya : <style type='text/css'> #outerCircleText { font-style: italic; font-weight: bold; font-family: 'comic sans ms', verdana, arial; color: #0000ff; /* warna huruf */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText...

Cara Membuat Efek Gambar Membesar di Blog

Login ke Blogger Klik Rancangan → Edit HTML Kemudian cari kode </head> Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3) Jika sudah ketemu Copy kode berikut dan Paste diatasnya <style type='text/css'> border: none; vertical-align: top; } </style> <script src='http://h1.ripway.com/imtikhan/gambar_membesar.js' type='text/javascript'> </script> Jika sudah SIMPAN TE...

Cara Membuat Burung-burung Berterbangan di Blog

Bagi sobat blogger pemula yang ingin menghiasi blog kesayangannya dan ingin mencoba cara ini silahkan ikuti langkah berikut : Login ke Blogger Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript Kemudian Copy Paste kode berikut kedalamnya <br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 1100px; top: 52px; width: 100px; height: 900px;" scrollamount="14"><br...

Cara Memasang Efek Cursor Bintang Berjatuhan

Seperti biasa sobat harus Login ke Blogger Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript Kemudian pilih warna salah satu dari kode script berikut : Jika sudah ada yang cocok Copy script tersebut dan Paste ke dalamnya : Bintang berwarna merah Kode script : <script src="http://imtikhan.googlecode.com/files/red_star.js" type="text/javascript"></script> Bintang berwarn kuning Kode script : <script...

Cara Memasang Efek Bintang Berjatuhan di Blog

Buat blogger pemula yang tertarik
Silahkan ikuti langkah berikut :

Login ke Blogger
Klik Rancangan → Elemen Laman → Tambah Gadget → HTML/JavaScript
Kemudian Copy kode Script berikut dan Pastekan ke dalamnya :

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_merah.js"></script>

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_kuning.js"></script>

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_hijau.js"></script>

Contoh gambar :

Kode script :
<script src="http://imtikhan.googlecode.com/files/bintang_biru.js"></script>

jika sudah selesai SIMPAN dan lihat hasilnya

Selamat mencoba

Cara Memasang Tombol Refresh di Blog

Anda tahu refresh? Itu loh, tindakan memuat kembali halaman yang dibuka. Tombol refresh ada pada browser masing-masing, biasanya berbentu panah setengah lingkaran atau putaran... ya tergantung browsernya. Anda juga bisa membuat tombol refresh di blog anda, jadi jika ada perang komentar dalam posting blog anda, pengunjung dapat dengan mudah mengupdate halaman dan mengkomentar balik.

Sebelumnya saya beri tahu, bahwa trik ini tidak berlaku pada Internet Explorer. tapi mengingat jaman sekarang sudah makin sedikit yang memakai IE, ya jadi tidak apa-apa toh...

Cara memasangnya...

1. Login ke Blogger, lalu klik Rancangan > Edit HTML.

2. Backup template anda dulu.

3. Cari kode ]]></b:skin>, lalu masukkan kode berikut diatasnya.

#refresh{
position:fixed;
right:0px;
bottom:0px;
}

4. Cari kode </body>, lalu masukkan kode berikut diatasnya.

<a expr:href='data:blog.url' title='Refresh This Page'><img src='http://i27.tinypic.com/2i88avt.png'/></a>
</div>

Ket: yang berwarna kuning adalah URL dari gambar tombol refresh. Jika anda punya gambarnya, silakan ganti yang berwarna kuning diatas dengan URL dari gambar tombol refresh anda.

5. Kalau sudah, simpan dengan mengklik tombol Simpan Template.

Semoga bermanfaat...

Cara Menghilangkan Tulisan "Langgan: Entri (Atom)"

Anda pasti pernah melihat link Langgan: Entri (Atom) atau Langgan: Poskan Komentar (Atom) dibawah postingan. Link ini berguna untuk pengguna yang ingin berlangganan artikel blog kita. Tapi jika link tersebut cukup menggangu, anda bisa menghilangkan link tersebut dengan langkah-langkah sebagai berikut.

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Silakan backup dulu templatenya untuk jaga-jaga jika terjadi kerusakan pada template anda.

3. Cari kode berikut.

]]></b:skin>

4. Diatasnya, ketikkan kode berikut.

.feed-links{
display:none;
}

5. Kalau sudah, simpan.

Lalu lihat hasilnya. Tulisan Langgan: Entri (Atom) sudah lenyap kan?

Membuat Tulisan Berjalan Di Menu Bar

Sebelumnya tahu ga menu bar itu apa? Menu bar adalah bagian paling atas dari sebuah browser. Gitulah deskripsinya biar lekas ngerti. Menu bar itu akan menampilkan title dari sebuah blog atau postingan. Kalau punya browser dan lagi baca sebuah postingan lihat yang paling di atas. Pasti di menu bar tsb ada judul dari postingannya, ya kan? Kalau seandainya berada di beranda sebuah situs, pasti yang tampil nama situs tsb kan? Nah,...

Memasang Widget SMS gratis Di Blog

Emang , kalau dunia inni, semuanya bisa jadi gratis nan canggih. Blog AJA bisa dibuat jadi HP. Mantebnye…. Plus bisa SMS-an Gratis,, alamak…. Blog jadi HP..?? Gimana itu ya? Ya, ga 100% jadi seperti bentuk HP. Maksudnya, HP tersebut bukan HP sungguhan, tapi hanya sebuah widget. Buat siapapun yang blog bisa buat widget SMS – an gratis ini di blog. Gratis… BIsa dipakai oleh siapa saja.. Mau? Tertarik? Ikuti aja ape dikate...

Membuat Widget Random Post

Widget random post adalah widget yang fungsinya untuk menampilkan postingan2 secara acak. Jadi, bisa saja postingan yang muncul nanti adAlah postingan yang sudah lama, masih baru, setengah lama, dan begitulah seterusnya. Bagi sobat modif yang berminat untuk membuat widget random post ini, silahkan untuk melihat tutorialnya di bawah:

1. Copy paste – kan saja kode di bawah di side bar blog sobat modif

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2Facehworking.blogspot.com&num=10" type="text/javascript"></script>

2. Ganti blogsobatmodif.blogspot.com dengan domain blog sobat modif
3. Ganti angka 10 dengan angka lain. 10 itu menunjukkan kalau jumlah postingan yang tampil secara acak ada 10.
4. Save lalu lihat hasilnya…

Membuat Widget Top Commentator

Dduch, senangnya punya pengunjung yang setia sama blog kita. Apalagi pengunjung tersebut sering komen di blog kita. O ya, sobat modif punya ga pengunjung yang selalu kommen di blog sobat modif? Pasti punya kan? Kalau punya, kira-kira siapa ya? Payah nyari dan ngitungnya? Pake aja widget top kommentator, biar ketahuan thu yang paling getol ngocehnya di blog sobat. Nah, nantinya widget ini akan menampilkan siapa komentator...

Cara Menghilangkan Langgan: (Entri Atom)

Tahu maksud dari judul di atas? Tentu donk. Tulisan di atas biasanya selalu ada pada blog dari blogger. Sengaja dibuat blogger agar pengunjung dapat berlangganan dengan artikel2 kita. Namun, ada sebagian orang yang tidak suka dengan kehadiran tulisan Langgan : (Entri Atom) ini. Dan pasti, dia ingin menghilangkannya. Bagi sobat modif yang serupa ingin menghilangkannya juga, bisa lihat caranya di bawah ini: 1. Pastikan sudah...

Menampilkan Gambar Di Samping Nama Author

Ternyata ga susah koq membuatkan gambar di samping nama author. Cukup memperhatikan langkah2 di bwah. Berikut langkah2 – nya: 1. Pada menu Edit HTML, centang expand template widget 2. Cari kode berikut: <data:post.author/> 3. Letakkan di samping kode di atas kode berikut: <img src="URL gambar kamu" expr:title="data:post.author" border="0" style="vertical-align:text-bottom; border:0px" height="17"/> Ganti...

ACEHWORKING