TABEL KODE WARNA

Berikut ini adalah tabel daftar nama warna (color name) dan nilai hexadesimal (or a hex value) yang sering digunakan dalam melakukan modifikasi blog. Kode warna html ini bisa dijadikan pedoman untuk memilih warna yang diinginkan.

Color Name	HEX Code	Color (Contoh warna)
Alice Blue	#F0F8FF
AntiqueWhite	#FAEBD7
Aqua	#00FFFF
Aquamarine	#7FFFD4
Azure	#F0FFFF
Beige	#F5F5DC
Bisque	#FFE4C4
Black	#000000
BlanchedAlmond	#FFEBCD
Blue	#0000FF
BlueViolet	#8A2BE2
Brown	#A52A2A
BurlyWood	#DEB887
CadetBlue	#5F9EA0
Chartreuse	#7FFF00
Chocolate	#D2691E
Coral	#FF7F50
CornflowerBlue	#6495ED
Cornsilk	#FFF8DC
Crimson	#DC143C
Cyan	#00FFFF
DarkBlue	#00008B
DarkCyan	#008B8B
DarkGoldenRod	#B8860B
DarkGray	#A9A9A9
DarkGreen	#006400
DarkKhaki	#BDB76B
DarkMagenta	#8B008B
DarkOliveGreen	#556B2F
Darkorange	#FF8C00
DarkOrchid	#9932CC
DarkRed	#8B0000
DarkSalmon	#E9967A
DarkSeaGreen	#8FBC8F
DarkSlateBlue	#483D8B
DarkSlateGray	#2F4F4F
DarkTurquoise	#00CED1
DarkViolet	#9400D3
DeepPink	#FF1493
DeepSkyBlue	#00BFFF
DimGray	#696969
DodgerBlue	#1E90FF
FireBrick	#B22222
FloralWhite	#FFFAF0
ForestGreen	#228B22
Fuchsia	#FF00FF
Gainsboro	#DCDCDC
GhostWhite	#F8F8FF
Gold	#FFD700
GoldenRod	#DAA520
Gray	#808080
Green	#008000
GreenYellow	#ADFF2F
HoneyDew	#F0FFF0
HotPink	#FF69B4
IndianRed	#CD5C5C
Indigo	#4B0082
Ivory	#FFFFF0
Khaki	#F0E68C
Lavender	#E6E6FA
LavenderBlush	#FFF0F5
LawnGreen	#7CFC00
LemonChiffon	#FFFACD
LightBlue	#ADD8E6
LightCoral	#F08080
LightCyan	#E0FFFF
LightGoldenRodYellow	#FAFAD2
LightGrey	#D3D3D3
LightGreen	#90EE90
LightPink	#FFB6C1
LightSalmon	#FFA07A
LightSeaGreen	#20B2AA
LightSkyBlue	#87CEFA
LightSlateGray	#778899
LightSteelBlue	#B0C4DE
LightYellow	#FFFFE0
Lime	#00FF00
LimeGreen	#32CD32
Linen	#FAF0E6
Magenta	#FF00FF
Maroon	#800000
MediumAquaMarine	#66CDAA
MediumBlue	#0000CD
MediumOrchid	#BA55D3
MediumPurple	#9370D8
MediumSeaGreen	#3CB371
MediumSlateBlue	#7B68EE
MediumSpringGreen	#00FA9A
MediumTurquoise	#48D1CC
MediumVioletRed	#C71585
MidnightBlue	#191970
MintCream	#F5FFFA
MistyRose	#FFE4E1
Moccasin	#FFE4B5
NavajoWhite	#FFDEAD
Navy	#000080
OldLace	#FDF5E6
Olive	#808000
OliveDrab	#6B8E23
Orange	#FFA500
OrangeRed	#FF4500
Orchid	#DA70D6
PaleGoldenRod	#EEE8AA
PaleGreen	#98FB98
PaleTurquoise	#AFEEEE
PaleVioletRed	#D87093
PapayaWhip	#FFEFD5
PeachPuff	#FFDAB9
Peru	#CD853F
Pink	#FFC0CB
Plum	#DDA0DD
PowderBlue	#B0E0E6
Purple	#800080
Red	#FF0000
RosyBrown	#BC8F8F
RoyalBlue	#4169E1
SaddleBrown	#8B4513
Salmon	#FA8072
SandyBrown	#F4A460
SeaGreen	#2E8B57
SeaShell	#FFF5EE
Sienna	#A0522D
Silver	#C0C0C0
SkyBlue	#87CEEB
SlateBlue	#6A5ACD
SlateGray	#708090
Snow	#FFFAFA
SpringGreen	#00FF7F
SteelBlue	#4682B4
Tan	#D2B48C
Teal	#008080
Thistle	#D8BFD8
Tomato	#FF6347
Turquoise	#40E0D0
Violet	#EE82EE
Wheat	#F5DEB3
White	#FFFFFF
WhiteSmoke	#F5F5F5
Yellow	#FFFF00
YellowGreen	#9ACD32

Readmore..

Menambah Fitur Emotion Di Postingan

 Mau blog kalian ada emotionnya nih caranya.......

Login ke akun Blogger, klik Tata Letak | Edit HTML. Lalu centang pada checkbox Expand Template Widget.
Cari kode berikut

<b:if cond='data:post.embedCommentForm'>

Dan Copy Paste Kode berikut di atasnya.

<b>
<table width='100%'>
<tr>
<td align='center' rowspan='3' valign='center' width='50%'><img height='32' src='http://emonizer.googlepages.com/drinking24.gif' width='72'/><br/>Silakan Bekomentar.!!!<br/><br/>
<img height='50' src='http://img171.imageshack.us/img171/5241/57040296.gif' width='50'/><img height='50' src='http://img171.imageshack.us/img171/5241/57040296.gif' width='50'/><br/>Semakin banyak berkomentar, semakin banyak backlink, semakin cinta Search Engine terhadap blog anda </td>
<td width='40%'><img height='66' src='http://img15.imageshack.us/img15/8923/734003001266246989.gif' width='186'/></td>
<td valign='center' width='10%'>:a:</td></tr>
<tr><td width='40%'><img height='66' src='http://img175.imageshack.us/img175/5466/880746001266247042.gif' width='186'/></td>
<td valign='center' width='10%'>:b:</td></tr>
<tr><td width='40%'><img height='66' src='http://img52.imageshack.us/img52/4918/528602001266247199.gif' width='186'/></td>
<td valign='center' width='10%'>:c:</td></tr>
<tr><td align='center' colspan='3'>
<table border='3px'>
<tr><td align='center' border='3px'>
<img height='32' src='http://img63.imageshack.us/img63/3787/waaaht.png' width='32'/>:1:
<img height='32' src='http://img251.imageshack.us/img251/9843/toothgrin.png' width='32'/>:2:
<img height='32' src='http://img99.imageshack.us/img99/4905/samoaner.png' width='32'/>:3:
<img height='32' src='http://img199.imageshack.us/img199/9031/sadpx.png' width='32'/>:4:
<img height='32' src='http://img186.imageshack.us/img186/4016/hugging.png' width='32'/>:5:
<img height='32' src='http://img7.imageshack.us/img7/1382/grinder.png' width='32'/>:6: <br/>
<img height='32' src='http://img413.imageshack.us/img413/4439/dribble.png' width='32'/>:7:
<img height='32' src='http://img38.imageshack.us/img38/8361/byebyen.png' width='32'/>:8:
<img height='32' src='http://img705.imageshack.us/img705/9408/burnjossstick.png' width='32'/>:9:
<img height='32' src='http://img121.imageshack.us/img121/1782/biggrin.png' width='32'/>:10:
<img height='32' src='http://img715.imageshack.us/img715/6470/beatbrick.png' width='32'/>:11:
<img height='32' src='http://img230.imageshack.us/img230/3364/adoren.png' width='32'/>:12:
</td></tr></table></td></tr>
</table>
</b>

Lalu letakkan kode berikut di atas kode </body>

<script src='http://francodua.googlecode.com/files/emoticon.js' type='text/javascript'/>

Lalu Simpan Template.


sumber :
http://www.franco.web.id/2010/03/menambah-fitur-emoticon-pada-komentar.html,

Readmore..

Membuat Layar Browser Bergerak Saat Membuka Blog

CARANYA :

• Masuk ke Account blogger anda ==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==>
• Lalu Centang "EXPAND TEMPLATE WIDGET"

• Demi keamanan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".Agar apabila terjadi kesalahan anda tinggal meletakkannya kembali

• kodenya copy paste aja prend dibawah dan nanti ditaruh dibawah kode <head> :
• kemudian jangan lupa click save

<script type='text/javascript'>

/* Edited By : web-agung.blogspot.com januari 2011 */

/* For support and information :silahkan di kotak comentar */

//<![CDATA[

scrW=screen.availWidth

scrH=screen.availHeight

window.resizeTo(10,10)

window.focus()

for(a=0;a<80;a++){

window.moveTo(0,0)

window.resizeTo(0,scrH*a/80)

}

window.resizeTo(0,0)

for(b=0;b<80;b++){

window.moveTo(0,scrH/1)

window.resizeTo(scrW*b/80,0)

}

for(c=0;c<80;c++){

window.moveTo(scrW/1,scrH/1)

window.resizeTo(0,scrH*c/80)

}

for(d=0;d<80;d++){

window.moveTo(scrW/1,0)

window.resizeTo(scrW*d/80,0)

}

for(e=0;e<80;e++){

window.resizeTo(scrW*e/80,scrH*e/80)

}

window.moveTo(0,0)

window.resizeTo(scrW,scrH)

//]]>

</script>

Readmore..

Membuat Tulisan Berjalan Di Adress Bar

Membuat Tulisan Berjalan Di Address Bar

• Untuk membuat tulisan berjalan di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
• Setelah itu klik menu Layout atau Tata letak
• Kemudian klik menu Edit HTML
• Silahkan temukan kode ini </head>
• Setelah itu kode nya sudah di temukan silakan taroh kode di bawahnya.

<script type='text/javascript'>
//<![CDATA[
msg = " --- SILAHKAN DIGANTI ";
msg = " | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI | SILAHKAN DIGANTI --- " + 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>

NOTE : untuk tulisan berwarna biru diganti terserah dengan selera masing masing

Readmore..

Cara Membuat Read More/Baca Selengkapnya Di Blog

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

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

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai.....

Readmore..

Mengubah Kursor Pada Blog

Berikut Langkah-langkahnya:

Masuk ke  Blogger, pilih Design -> Edit HTML dan checklist pada  “Expand Widget Templates“

Kemudian, cari kode berikut:

<head>

Dan paste kode berikut tepat sebelum-kode </head>
Kemudian klik  Save Template   



Kamu juga bisa pilih beberapa opsi kursor dibawah…

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/FRUITY_CHERRY_HEART-bdlab.blogspot.com.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/BLOGGER-bdlab.blogspot.com.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MY_BLOG.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BLUE_SNOWFLAKE.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HARRY_POTTER-GOLDEN_SNITCH.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LIME_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_LEMON_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/FRUITY_KIWI_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/REALLY_ANGRY_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/SORRY_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/EVIL_ANIME_SMILEY.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/working.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HANDWRITING.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREEN_LINK.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_GREY_HELP.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BROWN_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLUE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/UNBORN_8.0_BLACK_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WORLD_OF_WARCRAFT-WOW_POINTER_14.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_SKULL_CROSSBONES.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/TRANSPARENT_HALO_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/HALO-HANDWRITING.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_DAD.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/I_LOVE_MOM.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/WATERMELON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_BLUE_OUTER_GLOW_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/BREAST_CANCER_PINK_RIBBON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/MICHAEL_JACKSON.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_GREEN_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_YELLOW_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_ORANGE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/COOL_PURPLE_POINTER.cur), progress;}</style>

<style type=”text/css”>body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/ROCK_ON.cur), progress;}</style>

 


NB : KODE GAMBAR ADA DI BAWAHNYA GAMBAR
          SELAMAT MENCOBA ^^

Readmore..

Paduan Membuat blog di blogspot

 

1. Apa itu Blog ?

Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.
Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.
Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah  blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com
Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com
Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger

1. Silahkan kunjungi situs http://www.blogger.com
2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger).
3. Klik tombol bertuliskan CIPTAKAN BLOG ANDA.
4. Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.
5. Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.
6. Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING.
7. Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik.
8. Klik “Lihat Entri” untuk melihat blog anda. Berikut contoh tampilan blog yang tadi di buat.
9. Selesai.

Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.

GOOD LUCK ^^

Readmore..

Menambah Witged Jam Pada Blog

1. Silahkan anda buka DISINI
2. akan muncul seperti pada gambar berikut ini pilih menu Gallery lalu pilih model jam yang anda senangi
3. kemudian klik View HTML Tag yang terletak dibawah gambar jam
4. lalu tekan Accept
5. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
6. kopi semua kode html/java script yang sudah disediakan
7. Login ke ID Blogger anda pilih Tata Letak >> Elemen Halaman
8. Lalu pilih Tambah Gadget >> Pilih HTML/JavaScript
9. Beri Judul misalnya JAM lalu paste kode html yang sudah kita kopi tadi pada Konten yang sudah tersedia
10. lalu simpan

SELAMAT MECOBA

Readmore..

Cara Membuat Menu Bar Di Blog

Berikut langkah-langkah cara Membuat menu bar di blog anda:

• Login terlebih dahulu ke blogger
• Klik Tata Letak
• Edit HTML
• Cari kode ]]></b:skin>
• Kemudian Copy Paste kode di bawah ini persis diatas kode ]]></b:skin>
  
  

  #NavbarMenu
  {
  background:#ccc;
  width:968px;
  height:32px;
  color:#FFF;
  font:bold 8px Arial, Tahoma, Verdana;
  clear:both;
  margin:0 auto;
  padding:0}
  #NavbarMenuleft
  {
  
  width:955px;
  float:left;
  margin:0;
  padding:0
  }
  
  #nav li
  {
  list-style:none;
  float:left;
  margin:0;
  padding:0
  }
  
  #nav li a,#nav li a:link,#nav li a:visited
  {
  color:#fff;
  display:block;
  text-transform:capitalize;
  font:normal 12px Georgia, Times New Roman;
  margin:0;
  padding:12px 11px 8px
  }
  
  #nav li a:hover,#nav li a:active
  {
  background:#ccc;
  color:#FFF;
  text-decoration:none;
  border-right:1px solid #296204;
  border-bottom:1px solid #296204;
  border-left:1px solid #296204;
  margin:0;
  padding:12px 9px 8px
  }
  
  #nav li li a,#nav li li a:link,#nav li li a:visited
  {
  background:#ccc;
  width:200px;
  color:#fff;
  text-transform:capitalize;
  float:none;
  border-bottom:1px solid #0d2601;
  border-left:1px solid #0d2601;
  border-right:1px solid #0d2601;
  font:normal 14px Georgia, Times New Roman;
  margin:0;
  padding:7px 10px
  }
  
  #nav li li a:hover,#nav li li a:active
  {
  background:#184303;
  color:#fff;
  padding:7px 10px
  }
  
  #nav li a.enclose,#nav li a.enclose:visited
  {
  border-top:1px solid #000
  }
  
  #nav li ul
  {
  z-index:9999;
  position:absolute;
  left:-999em;
  height:auto;
  width:170px;
  margin:0;
  padding:0
  }
  
  #nav li ul a
  {
  width:140px
  }
  
  #nav li ul ul
  {
  margin:-75px 0 0 171px
  }
  
  #nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul
  {
  left:-999em
  }
  
  #nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul
  {
  left:auto
  }
  
  #nav li:hover,#nav li.sfhover
  {
  position:static
  }
  
  #subnavbar
  {
  background:#004313;
  width:968px;
  height:24px;
  color:#FFF;
  margin:0;
  padding:0
  }
  
  #subnav li a,#subnav li a:link,#subnav li a:visited
  {
  color:#f9fc01;
  display:block;
  font-size:11px;
  text-transform:capitalize;
  margin:0 5px 0 0;
  padding:3px 13px
  }
  
  #subnav li a:hover,#subnav li a:active
  {
  color:#DCD900;
  display:block;
  text-decoration:none;
  margin:0 5px 0 0;
  padding:3px 13px
  }
  
  #nav ul,#subnav ul,#subnav li
  {
  float:left;
  list-style:none;
  margin:0;
  padding:0
  }
  
  *,#nav,#subnav
  {
  margin:0;
  padding:0
  }

Kemudian cari kode

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:section class='headerright' id='headerright' preferred='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
</div>

Cari Berdasarkan <div id='header-wrapper'>

Kemudian Copy paste kode di bawah ini di bawah kode tersebut

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl' title='This Blog Address'>Beranda</a></li>
<li><a href='http://andrieshare.blogspot.com/2011/07/alat-dan-bahan-fiddler-swf-download.html'><b>cheat</b></a></li>
<li><a href='http://andrieshare.blogspot.com/2011/07/alat-dan-bahan-fiddler-swf-download.html' title='This cheat'>cheat</a></li>
<li><a href='http://andrieshare.blogspot.com/2011/07/alat-dan-bahan-fiddler-swf-download.html' title='This chet'>cheat</a></li>
<li><a href='2011/07/alat-dan-bahan-fiddler-swf-download.html' title='This cheat'>cheat</a></li>
</ul></div>
</div>

Ganti Alamat link diatas yang berwarna merah dan biru dengan link yang anda miliki

Kemudian Simpan tamplate anda dan lihat hasilnya

Selamat mencoba...... ^^

Readmore..

Menambah Widget Google Translate Di Blog

Mungkin ada diantara teman-teman yang masih kesulitan cara pasang (menambah/memasang) widget widget Google Translate di blog anda. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa anda manfaatkan. jadi tidak perlu pusing memikirkan rumitnya script, karena scriptnya telah disediakan oleh situs tersebut, anda hanya pelu meng-copy-nya dan memasang (tambah/pasang) script widget widget Google Translate ke blog anda.

Gadget/widget Google Translate, sebenarnya bisa anda tambahkan dengan menambah gadget translator yang telah tersedia di dalam List Gadget Blogger, pada saat melalukan perintah Tambah Gadget, tetap ada alternatif lain, yang sebenarnya lebih sederhana bentuknya, Anda hanya perlu melakukan copy script kemudian memasukkannya ke Gadget html/javascript

Contohnya bisa di lihat di bawah ini

1. Anda langsung ke google translate, http://translate.google.com/ atau klik disini
2. Ubah bahasa yang digunakan menjadi bahasa Indonesia (lihat ujung panah)

3. Copy script html yang ada di atas, kemudian masukkan ke gadget html, di blog anda.

atau bisa pakai script berikut:
a. Jika blog anda berbahasa Indonesia, copy script berikut ke gadget html anda

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

a. Jika blog anda berbahasa Inggris, copy script berikut ke gadget html anda

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

Readmore..

MENCURI TRAFFIC DARI BLOG LAIN

Cara mencuri traffic dari blog lain, cara mendapatkan pengunjung dari blog lain, ini adalah salahsatu cara yang jarang dilakukan blogger, mengapa demikian? karena blogger yang singgah di blog lain hanya untuk mencari informasi jarang-jarang meninggalkan komentarnya diblog yang disinggahi.
Jadi intinya adalah kita mencuri traffic dari blog lain dengan cara berkomentar atau mengisi buku tamu yang disediakan oleh admin blog yang kita kunjungi, tetapi akan lebih effective apabila kita meninggalkan jejak pada suatu blog yang memiliki traffic tinggi.

Bagaimana kita mengetahui bahwa suatu blog mempunyai traffic yang tinggi? alexa toolbar lah jawabannya, alexa toolbar menginformasikan alexa traffic rank yang dimiliki oleh suatu website atau blog yang kita kunjungi secara langsung, semakin kecil nilai yang terpampang pada alexa toolbar maka semakin baik traffic yang dimiliki suatu blog atau website, jadi manfaatkanlah alexa toolbar selagi gratis. hee
Lalu bagaimana komentar yang bisa mendapatkan traffic pengunjung? baik dari admin atau pengunjung lain yang singgah di blog yang kita kunjungi? Komentar terbaik adalah komentar yang berhubungan dengan artikel yang kita baca saat itu, misalnya kita membaca artikel tentang cara mencuri traffic dari alexa, maka akan lebih baik jika kita berkomentar yang berhubungan dengan alexa traffic rank, serta apabila kita mempunyai asumsi lain bisa kita bicarakan langsung untuk dibahas bersama.
Komentar yang dapat mendapatkan traffic adalah komentar dengan link hidup atau bukan anonim, kalau anonim bagaiman user lain mengetahui siapa anda, selain itu jangan berkomentar yang hanya beberapa kata saja seperti nice info, artikelnya bagus, dll karena hal tersebut jarang dilirik oleh user lain maupun pemilik blog yang kita kunjungi, meskipun pada akhirnya apabila suatu blog memakai moderasi komentar dan komentar kita dipublikasikan, itu hanya dipakai untuk memenuhi komentar posting saja.
Bersikap sopan adalah yang terpenting, seperti slogan "hargailah orang lain jika anda ingin dihargai" ini sangatlah penting untuk menjaga etika blogger kita.
Memberitahukan user lain bahwa diblog kita memiliki artikel yang menarik dengan memasang linknya pada komentar yang kita lontarkan, jangan lupa juga buat summary (ringkasang dari isi artikel) namun jangan terlalu panjang, sekiranya cukup saja untuk membuat pembaca melirik dan tertarik sehingga pengunjung mau singgah ke blog kita untuk membacanya.

SELAMAT MENCOBA ^^

Readmore..

MEMBUAT TANDA ADMINISTRATOR PADA KOMENTAR

Cara membuat tanda Administrator pada kotak komentar, tanda administrator atau tanda komentar pemilik blog sangatlah berguna untuk membedakan mana komentar pemilik dan mana komentar pengunjung blog.
Cara membuat tanda administrator pemilik blog adalah sbb :

• Log in ke blogger

• Masuk ke Rancangan - Edit HTML - centang kotak Expand template widget

• Cari kode ]]></b:skin> (gunakan opsi CTRL + F untuk mempermudah pencarian)

• Setelah ketemu kode tersebut, copy dan paste kode dibawah ini tepat diatasnya.

/*credit messages*/
.creditmessages {
text-align: right;
color: #000;
padding-right: 5px;
}
.creditmessages a:link{
color: #000;
font-style:bold;
}
.creditmessages a:hover{
color: #F90;
font-style:bold;
border-bottom: solid 1px
}
.creditmessages a:visited{
color: #000;
}

• Selanjutnya cari kode <data:comment.body/>

• Setelah ketemu, copy dan paste kode dibawah ini lalu letakan tepat dibawah kode diatas.

<div class='creditmessages'>
comment by : &gt;
<span><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span>
</div>

• Selanjutnya simpan template, dan silahkan sobat lihat artikel yang ada komentarnya untuk melihat apakah sudah jadi atau belum.

Readmore..

CARA MENAMPILKAN TOTAL POST DAN COMMENT

Cara menampilkan total post dan total comment (komentar) diblogspot, statistic total post dan comment. total post dan total comment adalah widget yang berfungsi untuk menampilkan berapa posting dan komentar yang berada didalam blog kita.
Cara membuat total post dan total comment adalah sbb :
1. Log in ke blogger
2. Masuk ke Rancangan
3. Pada Elemen Halaman pilih Tambah Gadget atau Add Gadget
4. Pilih HTML/JavaScript
5. Copy dan Paste Kode Di bawah ini kedalam kolom HTML/JavaScript tersebut

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="blue"><script src="http://azrut91.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://azrut91.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

6. Simpan dan selesai

SELAMAT MENCOBA ^^

Readmore..

AUTO PING UPDATE

Auto Ping adalah suatu layanan otomatis ping blog setiap ada update posting blog diblog kita, dengan auto ping kita bisa dengan mudah ping blog ke berbagai search engine, selain itu kita juga tidak perlu memasukan url atau alamat blog ketika akan ping blog kita.
Caranya cukup mudah, kita hanya perlu memasang widget autoping diblog kita, widgetnya bisa langsung didapatkan disitus autoping tersebut, selain itu kita tidak perlu mendaftar (registrasi) terlebih dahulu untuk mendapatkan layanan gratis ini.
Langkah-langkahnya adalah sbb :

• Buka situs autoping di AUTOPING.COM 
• Selanjutnya copy kode HTML yang terdapat pada kolom paling bawah
• Log in ke blogger
• Masuk ke Rancangan
• Pada Elemen Halaman pilih Tambah Gadget
• Pilih HTML/JavaScript
• Paste kode yang tadi didapat dari autoping didalamnya
• Simpan
• Setelah itu klik widget tersebut ketika sobat selesai membuat postingan baru, maka secara otomatis update tersebut akan di ping ke berbagai mesin pencari

SELAMAT MENCOBA ^^

Readmore..

CARA MENDAPATKAN DOMAIN GRATIS .COM.NET.ORG

Cara mendapatkan Domain name gratis .com .net .org dari FreePremiumDomain.com adalah domain yang akan diberikan kepada kita secara gratis, namun tidak begitu gratis karena kita harus tetap bekerja untuk mendapatkan domain.com .net dan .org ini secara gratis nantinya.
Jika sobat tertarik silahkan dicoba saja, kita tinggal memilih akan mengambil berapa domain yang sobat inginkan, tentunya tiap domain akan berbeda-beda aturannya. Aturannya adalah sbb:
Kita pilih berapa domain yang akan kita ambil, lebih baik saya sarankan satu saja! karena kita harus bekerja keras meskipun hanya mengambil 1 domain name gratis .com .net dan .org juga. Karena untuk 1 domain name gratis kita harus merefer teman kita sebanya 9 orang untuk mendaftar dari refferals kita nantinya, untuk 2 domain names kita memerlukan 16 refferals. sehingga  butuh kerja keras untuk mendapatkan domain gratis ini.
Namun jika sobat adalah salahsatu orang yang pintar dalam berpromosi mengapa tidak dicoba saja, sambil asik ngeblog kita sambil nunggu refferal kita terpenuhi sesuai domain names yang akan kita ambil. untuk mencobanya silahkan kunjungi situs resminya secara langsung di http://www.freepremiumdomain.com/ langsung klik aja sobat, bukan link refferal kok, coz saya masih belum tertarik untuk berpindah domain name, selain itu saya bukan orang yang pintar berpromosi, jadi sepertinya akan membutuhkan waktu yang cukup lama untuk mendapatkan 9 refferals sekalipun.

SELAMAT MENCOBA ^^

Readmore..