Download Game Granado Espada

SPESIFIKASI	MINIMUM	RECOMMENDED
CPU	Pentium IV 2.0 GHz	Pentium IV 3.0 GHz
RAM	512 MB	1 GB
HDD	5 GB	5 GB
Operating System	Windows 98 / Windows XP / Windows Vista / Windows 7
Graphic Card	GeForce FX 5200	GeForce 6600
DirectX	9.0 c	9.0 c
Network	256 Kbps or faster	512 Kbps or faster

 (klik gambar di atas untuk full downloads)

 (size : 4.6 GB)

Partial Download  

Part 1   Part 2   Part 3   Part 4   Part 5  

Part 6   Part 7   Part 8   Part 9   Part 10

Langkah - langkah melakukan Patch Manual:

1. Download file patch yang ada dihalaman ini.
2. Taruh file patch tersebut ke dalam folder tempat Granado Espada terinstall.
3. Klik 2 kali pada file patch tersebut, dan pilih Install.
4. Setelah selesai menginstall patch, jalankan launcher anda, dan tunggu sampai proses verifikasi selesai.

 

Manual Patch Terbaru

Judul : Patch Update Item Mall

Tanggal : 14 Februari 2011

Size : 3.64 Mb

Deskripsi : Update Fitur Item Mall Granado Espada

[ Download ][ Kotak Game ][  Maknyos ][ Imzupload ]

Cara Install

1. Setelah memasukan DVD Granado Espada ke dalam DVD-Rom komputer kamu, maka akan muncul tampilan Flash seperti dibawah ini. Klik tombol 'Install'untuk melanjutkan.

2. Setelah melakukan klik installasi pada flash, Akan muncul tampilan instalasi seperti dibawah ini. Klik tombol 'Berikutnya' untuk melanjutkan.

3. Jika kamu sudah membaca dan setuju untuk menaati semua Persetujuan Bermain. Silahkan memilih pilihan "Saya setuju dengan syarat dan kondisi diatas" dengan melakukan klik pada pilihan menu yang disediakan, lalu klik tombol 'Berikutnya'.

4. Tentukan lokasi penyimpanan yang diinginkan. Jangan lupa untuk memeriksa space Hard Disk kamu untuk menginstal Granado Espada Indonesia membutuhkan Space Hard Disk minimal 5 GB.
   Klik tombol 'Berikutnya'untuk melanjutkan.

5. Jika kamu menempatkan data game Granado Espada pada Drive lain selain (C:\) maka disarankan untuk membuat folder baru. Setelah itu klik tombol 'Berikutnya'.

6. Klik tombol 'Berikutnya' untuk memulai proses instalasi.

7. Tunggu hingga proses instalasi hingga selesai.

8. Proses Instalasi telah selesai. Tekan tombol 'Selesai'untuk menutup program installer.

9. Klik icon Granado Espada Indonesia yang berada di Desktop. Atau klik GE.exe yang ada di folder tempat kamu menginstal Granado Espada. untuk bermain Game Granado Espada Indonesia.

Read more »

Cara Menambah Menu Bar di Blog

Cara Membuat Menu bar di Blog, Dimana kita lihat tidak semua tamplate yang menyediakan Menu bar ini. Contohnya saja Tamplate bawaan blogger sendiri. Menu bar ini sebenarnya sama saja seperti Menu Label bawaan blogger tetapi bawaan blogger letak nya di belahan sidebar.juga bisa kita lihat menu label bawaan blogger membutuh tempat, kelihatan nya kurang menarik. Nah untuk teman yang ingin menambah Asesories menu bar ini tentu saja bisa. dengan bantuan kode script ke dalam tamplate anda. Menu bar ini terletak di bawah Header. Mau tau Bagaimana cara Membuat Menu bar nya??? Ikuti cara-cara di bawah ini.

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 url(http://i49.tinypic.com/296ncc2.jpg) repeat-x top left;
  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://jayaputrasbloq.blogspot.com/2009/12/informasi-pemasangan-iklan.html'><b>Pasang Iklan</b></a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/2009/12/cara-menghasilkan-uang-dari-blog-anda.html' title='This Bisnis Online'>Bisnis Online</a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/search/label/Template%20Design' title='This tamplate design'>Template Design</a></li>
<li><a href='http://jayaputrasbloq.blogspot.com/search/label/Twitter' title='This twitter'>Tutorial Twitter</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

Read more »

Cara Menulis Script, kode ke dalam postingan

Membuat Script atau kode ke dalam postingan mungkin sebagian teman itu adalah hal yang termudah untuk di lakukan, tapi bagai mana dengan yang pemula. Pasti akan kesulitan akan mempost artikel tersebut. Nah bagi teman yang belum tahu cara menambah Script atau kode kadalam artikel nggak perlu khwatir sekarang anda berada di posisi yang tepat untuk menjawab keraguan anda. Pingin tau cara parse Script ke dalam post ???

Berikut ini langkah-langkah Menambah Kode Script ke dalam Artikel Blog anda:

• Pertama anda siapkan kode Script yang ingin di postkan
• Sebagai contoh saya ambil dari kode script iklan adsense

  <!-- Begin: http://adsensecamp.com/ --><script src="http://adsensecamp.com/show/?id=%2FGX4XWN0YpA%3D&cid=xoxibs15%2BiU%3D&chan=BKQPkAzHWEQ%3D&type=2&title=F2984C&text=000000&background=e6e6e6&border=e6e6e6&url=3D81EE" type="text/javascript"></script><!-- End: http://adsensecamp.com/ -->

• Nah kode Script di atas sebelum anda Mempost nya ke artikel blog anda, Terlebih dahulu yang harus anda lakukan adalah Memparse kode tersebut, Berikut contoh kode Script artikel yang telah di Parse

  &lt;!-- Begin: http://adsensecamp.com/ --&gt;&lt;script src=&quot;http://adsensecamp.com/show/?id=%2FGX4XWN0YpA%3D&amp;cid=xoxibs15%2BiU%3D&amp;chan=BKQPkAzHWEQ%3D&amp;type=2&amp;title=F2984C&amp;text=000000&amp;background=e6e6e6&amp;border=e6e6e6&amp;url=3D81EE&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;!-- End: http://adsensecamp.com/ --&gt;

• Setelah anda Parse kode Script tersebut anda bisa langsung Post kode tersebut ke artikel anda.
• Untuk Memparse kode Script di atas anda bisa kunjungi disini
• Disana anda tinggal copy paste kode Script yang ingin anda Parsekan kemudian tekan tombol Parse
• Selesai.......

Read more »

Cara Menghapus Link Langgan, SubScribe Post

Cara Menghapus Link Langgan atau SubScribe Post itu topik yang di bahas hari ini. Kemungkinan ada sebagian teman yang kurang berkenan dengan adanya Link Langgan atau SubScribe ini. Karna sangat mengganggu pemandangan dan ada juga pendapat lain yang berkesan positif untuk blog mereka. Nah sekarang tergantung anda. Bagi yang tidak berkenan dengan tulisan langgan atau SubScribe Post ini anda bisa ikuti langkah-langkah di bawah ini untuk menghapusnya.

Berikut langkah-langkah cara Menghilangkan Tulisan Langgan atau SubScribe Post di Halaman Blog anda:

• Login Terlebih dahulu ke blog anda
• Kemudian Tata letak
• Klik Edit HTML
• Kemudian Cari kode ini ]]></b:skin>
• Letakkan kode di bawah ini Persis di atas kode ]]></b:skin>

  .feed-links {display:none}

• Simpan tamplate anda dan lihat hasilnya
• Selesai...

Read more »

Cara menambah kolom antara post dan sidebar

Sebelum nya saya pernah membahas tutor menambah kolom di blog. ternyata masih ada yang kurang yaitu kolom antara post dan sidebar. ide ini keluar dari pertanyaan sobat blogger yang mencari tutor menambah satu kolom antara post dan sidebar. tadi nya saya agak bingung membari judul artikel ini. membuat halaman tiga kolom di blog, atau cara menambah kolom antara post dan sidebar. akhirnya pilihan saya jatuh pada yang kedua. mudahan saja anda memilih yang kedua juga hehehe.

Biar tidak berkepanjangan kita langsung saja pada pokok pembahasan. untuk membuat satu kolom antara kolom post dan sidebar. yang pertama perlu anda perhatikan adalah ukuran lebar dari outer-wraper blog yang anda miliki. misalnya anda memiliki lebar auter-wraper 660px. nah untuk menambah kolom baru anda harus menambah lebar blog anda.

Untuk menambah kolom baru yang perlu anda perhatikan adalah kode-kode pada outer-wrapper berikut:

#outer-wrapper {
width: 680px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 420px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 230px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

Nah untuk menambah kolom baru secara logika tentunya lebar dari Outer-wraper akan mengalami perubahan. pertama sekali yang harus di perhitungkan adalah, berapa lebar kolom yang ingin kita tambahkan. misalnya nilai dari kolom baru 230px; berarti jumlah keseluruhan lebar outer wrapper menjadi kira-kira 420px + 230px + 230px + 20 px = 880 pixel kemudian bisa kita tambahkan lagi 10 px untuk sela oute wraper sehingga lebar keseluruhan 890 pixel. jadi kode untuk penambahan kolom baru dari nilai di atas adalah:

#kolombaru-wrapper {
width: 230px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Nah setelah di tambah kan maka keseluruhan kodenya akan menjadi seperti ini:

#outer-wrapper {
width: 890px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 420px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 230px;
float: right;
padding-left:10px; /* yang ini adalah tambahan untuk jarak sela */
word-wrap: break-word;
overflow: hidden;
}
#kolombaru-wrapper {
width: 230px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Kode di atas merupakan langkah pertama yang harus kita tambahkan. berikut nya adalah menambah kode id untuk kolombaru tersebut. untuk kode id sidebar sebelum penambahan kolombaru adalah sebagai berikut:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
</div>

karna kita sudah menambah elemen baru pada sidebar, maka kita juga harus menambahkan id untuk elemen baru tersebut. id elemen baru tersebut adalah sebagai berikut

<div id='kolombaru-wrapper'>
<b:section class='sidebar' id='kolombaru' preferred='yes'>
</b:section>
</div>

Nah setelah menambahkan id kolom baru tersebut dengan id sidebar blog yang sebelumnya. sehingga menjadi seperti ini:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
</div>
<div id='kolombaru-wrapper'>
<b:section class='sidebar' id='kolombaru' preferred='yes'>
</b:section>
</div>

Selesai... simpan dan sekarang silahkan di cek pada tata letak blog anda. di sana akan terlihat kolom yang baru yang kita tambah kan tadi. untuk nilai header dan footer sebaiknya anda tambahkan menjadi 890 px. sehingga menjadi sama dengan nilai outer wraper. biar kelihatan lebih klop. Selamat mencoba.....

Read more »

Menambah kolom elemen di bawah sidebar

Sebelumnya saya posting bagaimana cara menambah kolom elemen di atas footer. Nah kali ini bagai mana pula menambah kolom elemen di bawah sidebar. ini article sebenarnya untuk memperlengkap tutor sebelum nya. ada pepatah yang katakan kalau kerja itu yang selesai jangan setengah-tengah. jadi kalau kasih ilmu itu harus lah sempurna. sebagai contoh lihat gambar di bawah ini.

Untuk menambah elemen diatas kita sedikit menambah kan kode css ke dalam tamplate kita. untuk membuatnya ikuti langkah-langkah di bawah ini.

• Log in dulu ke blogger
• Tata letak
• Edit HTML
• Backup template anda, klik Download tamplate lengkap
• Kemudian kasih tanda centang di kotak kecil kanan atas
• Cari kode

  #sidebar-wrapper {
  width: 300px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking
  sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking
  IE sidebar float */
  }

• Ganti nilai width 300px; dan properti float: $startSide; dengan nilai sidebar anda. Misalnya width: 320px dan properti menjadi float: right; sehingga secara keseluruhan menjadi seperti ini :

  #sidebar-wrapper {
  width: 320px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking
  sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking
  IE sidebar float */
  }

• Kemudian tambah kan kode berkut di bawah kode diatas

  #left-col {
  width:150px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
  }
  #right-col {
  width:150px;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
  }

• Sekarang kita akan membuat id untuk sidebar left-col dan right-col tersebut. Cari kode ini:

  <div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'/>
  <b:widget id= dan seterusnya....
  </div>

• Sisipkan kode berikut di bawah <b:widget id= dan seterusnya....:

  <b:section class='sidebar' id='left-col' preferred='yes'/>
  <b:section class='sidebar' id='right-col' preferred='yes'/>

• sehingga secara keseluruhan menjadi seperti di bawah ini

  <div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'/>
  <b:widget id= dan seterusnya....
  <b:section class='sidebar' id='left-col' preferred='yes'/>
  <b:section class='sidebar' id='right-col' preferred='yes'/>
  </div>

• Setelah itu simpan tamplate dan lihat hasilnya

Read more »

Menambah kolom elemen di atas footer

Menambah kolom elemen di atas footer itu lah topik pembahasan kita kali ini. hadirny kolom elemen sangat di perlukan untuk meletakkan asesoris. dan pastinya nggak semua tamplate yang di lengkapi dengan Elemen ini. sekarang anda jangan kwatir, sekarang banyak web yang menyajikan bagaimana menambah kolom elemen diatas footer. salah satu terdapat di blog ini. untuk lebih jelasnya lihat contoh gambar di bawah ini.
sekarang udah jelaskan. untuk membuat nya sangat lah mudah. ikuti tips-tips di bawah ini

• Log in dulu ke blogger
• Tata letak
• Edit HTML
• Cari kode

  #footer {
  width:900px;
  clear:both;
  margin:0 auto;padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
  }

• Copy paste kode dibawah ini persis di bawah kode di atas

  /* bottom
  ----------------------------------------------- */
  #bottom {
  width:900px;
  clear:both;
  margin:0 auto;
  float:left;
  padding:10px 0;
  color:#333;
  background:#ffffff;
  border-top:1px solid #333;
  }
  #bottom a:link {
  color:#006699;
  text-decoration:none;
  }
  #bottom a:hover {
  color:#c06000;
  text-decoration:underline;
  }
  #bottom a:visited {
  color:#045FB4;
  text-decoration:none;
  }
  #bottom h2 {
  padding:20px 0 2px 0;
  margin:0 0 10px 0;
  border-bottom:1px dotted #cccccc;
  font-size:11px;
  font-weight:bold;
  line-height:1.4em;
  text-transform:uppercase;
  }
  #bottom ul {
  padding:0;
  margin:0;
  color:#333;
  }
  #bottom ul li {
  list-style-type:none;
  border-bottom:1px dotted #333;
  background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .17em;
  padding-left:17px;margin-top:2px;
  }
  #left-bottom {
  width:200px;
  float:left;
  padding-left:15px;
  }
  #center-bottom {
  width:200px;
  float:left;
  padding:0 20px 0 20px;
  }
  #right-bottom {
  width:420px;
  float:right;
  padding-right:15px;
  }

• Kemudian cari kode ini atau yang hampir sama

  <div id='footer-wrapper'>
  <b:section class='footer' id='footer'/>
  </div>

• Letakan kode di bawah ini diatas kode di atas

  <div id='bottom'>
  <b:section class='bottom' id='left-bottom' preferred='yes'/>
  <b:section class='bottom' id='center-bottom' preferred='yes'/>
  <b:section class='bottom' id='right-bottom' preferred='yes'/>
  </div> <!-- end bottom -->

• Kemudian simpan tamplate anda
• Sekarang silahkan masuk ke Tata letak klik Elemen halaman di sana akan terdapat tiga elemen baru yang ditambahkan tadi.

Read more »

Membagi Header menjadi dua bagian

Untuk memperlengkap tutorial design tamplate yang sesudahnya. kali ini kita coba membahas cara membagi header menjadi dua bagian kolom. biasanya default header kan cuman satu, nah header itu bisa di bagi menjadi dua bagian. coba anda lihat contoh di bawah ini.

Nantinya elemen baru itu tadi dapat digunakan untuk penempatan iklan, gambar atau widget lainnya. Nah untuk membuatnya anda sedikit menambah kan kode css ke dalam tamplate. yang ingin menerapkan article ini silahkan ikuti tips-tips dibawah ini.

• Log in dulu ke blogger
• Tata letak
• Edit HTML
• Download tamplate anda untuk mengatasi hal-hal yang tak diinginkan
• Jangan lupa kasi tanda centang di kotak kecil kanan atas
• Kemudian cari kode

  #header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }
  
  #header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  }
  
  #header {
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
  }

• Kemudian hapus dan ganti dengan kode di bawah ini

  #header-wrapper {
  width:930px;
  margin:0 auto 0px;
  background:#38610B;
  height:180px;
  }
  
  #head-inner {
  width:500px;
  background-position: left;
  margin-left: auto;
  margin-right: auto;
  float:left;
  }
  
  #header {
  margin: 0px;
  text-align: left;
  color:#ffcc66;
  }
  
  #r_head{
  width:430px;
  float:left;
  padding-top:10px;
  }

• Kemudian cari kode

  <div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
  </b:section>
  </div>

• Hapus dan ganti dengan kode

  <div id='header-wrapper'>
  <div id='head-inner'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
  </b:section>
  </div>
  <div id='r_head'>
  <b:section class='header' id='header2' preferred='yes'/>
  </div>
  </div>

• kemudian save tamplate anda dan lihat hasilnya.

Read more »

Menambah Kolom elemen di bawah posting

Menambah kolom elemen di bawah posting itu lah topik kita hari ini. karna posting sebelumnya membahas tentang design tamplate yaitu:

• Menambah kolom elemen di atas footer
• Menambah kolom elemen di bawah sidebar
• Membagi Header menjadi dua bagian

Nah biar lebih complate sekarang bagai mana pula cara untuk menambah kolom elemen di bawah posting. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.

• Seperti biasa Log in dulu ke blogger
• Tata letak
• Edit HTML
• Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan.
• Beri tanda centang di kotak kecil atas
• Kemudian cari kode

  #main-wrapper {
  width: 410px;
  float:$startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  }

• Tambahkan kode berikut di bawah kode tadi

  #mainbottom {
  background:#ffffff;
  border:1px solid #0B610B;
  margin:0 0 0.5em;
  padding:0.5em;
  }

• Sekarang kita membuat id untuk mainbottom tersebut. Cari kode ini:

  <div id='main-wrapper'>
  <b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
  </b:section>
  </div>

• Sisipkan kode berikut di bawah </b:section>

  <b:section class='main' id='mainbottom' showaddelement='yes'/>

• sehingga menjadi seperti ini

  <div id='main-wrapper'>
  <b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
  </b:section>
  <b:section class='main' id='mainbottom' showaddelement='yes'/>
  </div>

• Sekarang simpan tamplate anda dan lihat hasilnya

Read more »

Menambah kolom elemen di bawah dua sidebar

Menambah kolom elemen dibawah dua sidebar itu topik utama pembahasan kita hari ini. Posting ini hanya untuk melengkapi design tamplate sebelumnya. Nah agar tidak membingungkan terlebih dahulu anda lihat contoh gambar berikut.
Dari contoh gambar di atas pasti udah mengerti kan bentuk kolom elemen di bawah dua sidebar. Bagi yang ingin menerapkan atau ingin mencoba-coba silahkan ikuti langkah-langkah di bawah ini.

• Seperti biasa Log in dulu ke blogger
• Tata letak
• Edit HTML
• Backup template anda, klik Download Template Lengkap
• Beri tanda centang pada kotak kecil kanan atas
• Sekarang cari kode ini

  #sidebar-wrapper {
  width: 300px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  }

• Silahkan diganti dulu nilai width 300px; dan properti float: $startSide; dengan nilai lebar sidebar yang anda rencanakan. Misalnya width: 320px dan properti menjadi float: right; Jadinya seperti ini :

  #sidebar-wrapper {
  width: 320px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  }

• Jika anda telah membuat dua sidebar di bawah sidebar utama seperti pada tutorial yang sebelumnya, silahkan tambahkan hanya kode yang berwarna biru saja

  #left-col {
  width:150px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
  }
  #right-col {
  width:150px;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
  }
  #bottom-col {
  width:320px;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
  }
• sehingga kode nya akan menjadi begini

  #sidebar-wrapper {
  width: 320px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  }
  #left-col {
  width:150px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
  }
  #right-col {
  width:150px;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
  }
  #bottom-col {
  width:320px;
  float:right;
  word-wrap:break-word;
  overflow:hidden;
  }
• Sekarang membuat id untuk bottom sidebar yang dinamai sebagai "bottom-col" tersebut. Carilah kode ini :

  <div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'/>
  <b:widget id= dan seterusnya...
  <b:section class='sidebar' id='left-col' preferred='yes'/>
  <b:section class='sidebar' id='right-col' preferred='yes'/>
  </div>

• Masukkan kode berikut dibawah kode tadi

  <b:section class='sidebar' id='bottom-col' preferred='yes'/>

• Sehingga secara keseluruhan berbentuk seperti ini

  <div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'/>
  <b:widget id= dan seterusnya...
  <b:section class='sidebar' id='left-col' preferred='yes'/>
  <b:section class='sidebar' id='right-col' preferred='yes'/>
  </div>
  <b:section class='sidebar' id='bottom-col' preferred='yes'/>

• Kemudian simpan tamplate anda dan lihat hasilnya.

Read more »

Menambah Tiga kolom elemen di bawah header

Hai semua... salam blogger. sebelum nya kita pernah membahas bagaimana menambah tiga kolom elemen di atas footer. sekarang bagaimana pula menambah tiga kolom elemen dibawah header. nah cara kerjanya hampir sama dengan menambah elemen di atas footer. untuk membuatnya ikuti langkah-langkah di bawah ini.

• Log in dulu ke blogger
• Tata Letak
• Edit HTML
• Beri tanda centang pada kotak kecil kanan atas
• Kemudian cari kode ]]></b:skin> dan
• Letakkan kode di bawah ini datas nya
  
  

  /* Top Header
  ---------------------------- */
  #topheader {
  width:930px;
  clear:both;
  float:left;
  color:#333;
  background:#fff;
  margin:0 auto;
  padding:0 0 10px;
  }
  
  #topheader a:visited {
  color:gray;
  text-decoration:none;
  }
  
  #topheader h2 {
  font-size:11px;
  font-weight:700;
  line-height:1.4em;
  text-transform:uppercase;
  border-bottom:1px dotted silver;
  margin:0 0 10px;
  padding:20px 0 2px;
  }
  
  #topheader ul {
  color:#333;
  margin:0;
  padding:0;
  }
  
  #topheader ul li {
  list-style-type:none;
  background:fff;
  border-bottom:1px dotted #ccc;
  padding-left:17px;
  margin-top:2px;
  }
  
  #left-topheader {
  width:360px;
  float:left;
  padding-left:15px;
  }
  
  #center-topheader {
  width:230px;
  float:left;
  padding:0 20px;
  }
  
  #right-topheader {
  width:260px;
  float:right;
  padding-right:15px;
  }

  
  silah anda modifikasi susai dengan lebar kolom tamplate anda.
• Kemudian kita akan membuat id untuk properti elemen yang baru saja ditambahkan. cari kode ini

  <div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
  </b:section>

• Kemudian tambahkan kode di bawah ini persis dibawah nya

  <div id='topheader'>
  <b:section class='topheader' id='left-topheader' preferred='yes'/>
  <b:section class='topheader' id='center-topheader' preferred='yes'/>
  <b:section class='topheader' id='right-topheader' preferred='yes'/>
  </div>

• Simpan tamplate anda dan lihat hasilnya.

Read more »

Cara Menambah Aplikasi Zodiak | Bintang ke Blog

Cara Menambah atau Membuat Aplikasi Zodiak, Shio atau Bintang ke Blog anda itu lah pembahasan Utama kita hari ini. Zodiak dan shio seringkali menjadi suatu saran untuk menentukan sifat dan karakter seseorang, bahkan beberapa orang menjadikannya sebagai dasar untuk meramal masa depan. Lepas dari akurat atau tidaknya sifat seseorang berdasarkan zodiak dan Shio, pada tip kali ini kita akan membuat sebuah script sederhana untuk menentukan zodiak dan shio berdasarkan tanggal tertentu. Script akan menerima masukan berupa tanggal, bulan dan tahun, kemudian dari masukan tersebut ditampilkan zodiak dan shio-nya.

Berikut langkah-langkah untuk membuatnya:

• Kode HTML awal untuk script ini adalah:

  <html>
  <head>
  <title>Zodiak</title>
  </head>

• Script kita letakkan di bawah tag . Function pada script untuk mencari zodiak dan shio dijadikan dalam sebuah function bernama function signs. cara penentuan zodiak adalah melalui seleksi tanggal:

  <body>
  <script language="javascript">
  function signs() {
  var start = 1901, birthyear = document.
  zodiac.year.value, date=document.zodiac.date.
  value,
  month=document.zodiac.month.selectedIndex;
  
  with (document.zodiac.sign){
  
  if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";}
  if (month == 1 && date > 31) {value = "tanggal tidak valid";}
  if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";}
  if (month == 2 && date > 29) {value = "tanggal tidak valid";}
  if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";}
  if (month == 3 && date > 31) {value = "tanggal tidak valid";}
  if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";}
  if (month == 4 && date > 30) {value = "tanggal tidak valid";}
  if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";}
  if (month == 5 && date > 31) {value = "tanggal tidak valid";}
  if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
  if (month == 6 && date > 30) {value = "tanggal tidak valid";}
  if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";}
  if (month == 7 && date > 31) {value = "tanggal tidak valid";}
  if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";}
  if (month == 8 && date > 31) {value = "tanggal tidak valid";}
  if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";}
  if (month == 9 && date > 30) {value = "tanggal tidak valid";}
  if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";}
  if (month == 10 && date > 31) {value = "tanggal tidak valid";}
  if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";}
  if (month == 11 && date > 30) {value = "tanggal tidak valid";}
  if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";}
  if (month == 12 && date > 31) {value = "tanggal tidak valid";}
  }

• Untuk menentukan shio, caranya dengan mendapatkan sisa bagi tahun dengan 12 (karena shio akan berulang setiap 12 tahun sekali). sebenarnya, cara ini tidak terlalu akurat mengingat pergantian tahun dalam penanggalan Cina tidak tepat seperti pergantian tahun masehi:

  x = (start - birthyear) % 12
  with (document.zodiac.csign){
  
  if (x == 1 || x == -11) {value = "Tikus";}
  if (x == 0) {value = "kerbau";}
  if (x == 11 || x == -1) {value = "Macan";}
  if (x == 10 || x == -2) {value = "Kelinci";}
  if (x == 9 || x == -3) {value = "Naga";}
  if (x == 8 || x == -4) {value = "Ular";}
  if (x == 7 || x == -5) {value = "Kuda";}
  if (x == 6 || x == -6) {value = "Kambing";}
  if (x == 5 || x == -7) {value = "Monyet";}
  if (x == 4 || x == -8) {value = "Ayam";}
  if (x == 3 || x == -9) {value = "Anjing";}
  if (x == 2 || x == -10) {value = "Babi";}
  }
  }
  </script>

• Langkah terakhir adalah membuat Interface :

  <center><b>Zodiak dan shio</b></center>
  <form name="zodiac">
  <center>
  <table bgcolor="#eeaa00" border="2" bordercolor="#000000" rules="none" cellspacing="0" cellpadding="4">
  <tr><td><b><i>year</i></b></td>
  <td><div align="right"><input type="text" size="10" name="year" value="Birth Year" onClick=value=""></div></td>
  <td><!--This empty field is just for appearance--></td>
  <tr><td><b><i>Month</i></b></td>
  <td><div align="right">
  <select name="month">
  <option value="x">Select Birth Month</option>
  <option value="1">Januari</option>
  <option value="2">Februari</option>
  <option value="3">Maret</option>
  <option value="4">April</option>
  <option value="5">Mei</option>
  <option value="6">Juni</option>
  <option value="7">Juli</option>
  <option value="8">Agustus</option>
  <option value="9">September</option>
  <option value="10">Oktober</option>
  <option value="11">November</option>
  <option value="12">Desember</option>
  </select>
  </div>
  </td>
  <td><!--This empty field is just for appearance--></td></tr>
  <tr><td><b><i>Day</i></b></td>
  
  <td><div align="right"><input type="text" name="date" value="Day" size="3" onClick=value=""></td>
  
  <td><input type="button" value="calculate" onClick="signs()"></div></td></tr>
  
  <tr><td><b><i>Sun Sign:</i></b></td>
  <td><div align="right"><input type="text" name="sign" size="16" value="" align="right"></div></td></tr>
  <td><!--This empty field is just for appearance--></td></tr>
  <tr><td><b><i>Chinese Sign:</i></b></td>
  <td><div align="right"><input type="text" name="csign" size="12"></div></td>
  <td><!--This empty field is just for appearance--></td></tr>
  
  </table>
  </center>
  </form>
  
  </body>
  </html>

• Berikut ini adalah contoh tampilan yang di dapatkan dari script diatas
  

  year
  Month	Select Birth MonthJanuariFebruariMaretAprilMeiJuniJuliAgustusSeptemberOktoberNovemberDesember
  Day
  Sun Sign:
  Chinese Sign:

• Untuk contoh di atas tidak berfungsi jika blum anda pastekan ke Elemen laman gadget anda.
• Nah untuk menambah Aplikasi Zodiak ke blog anda, cukup copy paste kode diatas ke dalam Elemen laman Gadget anda:
• Simpan dan Selesai...

Read more »

Pasang total post dan total comments

untuk menentukan berapa banyak posting suatu blog atau total komentar suatu blog. disini kita bisa menambah kan assesoris ini:

total post : 400
total comments : 65432

untuk memasang nya sangat lah mudah. anda tinggal copy kode dibawah ini kedalam blog anda. sedikit saya terangkan

• log in terlebih dahulu ke blogger
• klik tata letak
• klik tambah gadget
• pilih HTML/Java script
• kemudian copy kode di bawah ini
• script untuk total post
  
  

  <script style="text/javascript">function showpostcount(json) {document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script><script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

• script yang ini untuk total comments
  
  

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

• jangan lupa merubah kode berwarna merah dengan alamat blog anda
• kemudian simpan. selesai deh

Read more »

Menambah Animasi Teks dan Jam yang menarik

Menambah Animasi Teks dan Jam yang menarik | Jika anda masih merasa blog yang anda buat terlihat biasa-biasa saja dan masih dirasa kurang cantik dan menarik, anda dapat menambahkan hiasan-hiasan atau ornamen-ornamen ke dalam blog anda dengan widget-widget yang dapat anda peroleh secara gratis dari website-website yang secara khusus menyediakan link untuk memasang ornamen-ornamen tersebut ke dalam blog anda. Berikut diberikan pembahasan tentang bagaimana caranya mempercantik blog.

A. Menambahkan Animasi Teks.
Untuk mempercantik tampilan blog, Anda bisa menambahkan sebuah teks animasi. Caranya sebagai berikut:

• Masuklah ke alamat URL www.mynicespace.com.
• Selanjutnya pilihlah opsi Costom Animated Text yang berada di sisi kiri halaman MyNiceSpace.com.
• Kemudian pilihlah salah satu tampilan animasi teks yang anda inginkan.
• jika sudah, ketikkan teks yang hendak anda tambahkan pada kolom penulisan teks yang terdapat dibagian bawah tampilan bentuk-bentuk teks animasi.
• Untuk melihat simulasi teks animasi tersebut, pilihlah tombol Preview.
• Selanjutnya bila tampilan tek tersebut telah sesuai dengan keinginan Anda, klik tombol Get The Code di bagian bawah tampilan Preview. Kemudian Copy Code Tersebut ke blog anda... selesai deh... Gampang kan...

B. Menambahkan jam yang menarik
Tampilan widget jam sebagai petunjuk waktu tentulah akan sangat bermanfaat bagi para pengunjung blog anda. Nah, untuk menambah salah satu koleksi widget jam yang menarik kedalam blog anda, ikutilah panduan berikut ini:

• Masuklah kehalaman www.clocklink.com.
• Selanjutnya bukalah tab Gallery pada halaman situs tersebut
• Kemudian pilihlah salah satu katagori widget jam yang anda inginkan di bagian atas kolom yang menampilkan preview widget jam. Masing-masing katagori tersebut memiliki beragam tampilan jam yang menarik dan unik
• Selanjutnya pilihlah salah satu tampilan jam pada kategori yang telah Anda pilih sebelumnya. Lantas klik tombol View HTML Tag yang berada di bagian bawah tampilan jam tersebut.
• Pada jendela konfirmasi yang muncul, pilihlah tombol Accept.
• Setelah itu lakukan lah pengaturan untuk widget tersebut dengan mengaktifkan opsi Select by Timezone dan memilih zone waktu anda dikotak kombo Timezone. tentukan pula ukuran widget tersebut di kotak kombo Size.
• Jika sudah, seleksilah kode HTML yang berada di bagian bawah pengaturan dan tekanlah tombol di keyboard anda Ctrl+C untuk mengkopi kode tersebut.
• Seturusnya Paste di blog anda. Selesai deh Mudahkan.

Read more »

Membuat cloud label (label Awan)

Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blogspot. Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasi. mungkin ada yang berminat ikuti langkah-langkah di bawah ini.

• Log in dulu ke blogger
• Pilih Tata Letak
• Edit HTML
• Download dulu Tamplate anda <<>>
• centang "Expand Template Widget"
• cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
• lettak kan kode di bawah ini persis di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>
• 
  
  <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>

Catatan:

1. Ganti kode yang berwarna merah dengan lebar area label ("240"), tinggi area label ("300"), dan warna area label (#ffffff) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog kamu.
2. Rubah warna hijau (333333). ini Khusus untuk perubahan warna teks
3. Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.

• Kemudian Simpan

Read more »

Pasang script alert penutup

Pada postingan dahulu Pasang script alert pada Blog yaitu membuat pesan pembuka pada blog. Namun pada kesempatan kali ini saya akan membahas bagaimana membuat pesan penutup nya. Sebenarnya caranya sama saja dengan postingan tentang membuat script alert, hanya saja kodenya yang berbeda. pasti pada penasaran kan.ikuti langkah-langkah dibawah ini.

• Log in dulu ke blogger
• klik tata letak
• Edit HTML
• Cari kode </head>
• kemudian letakkan kode dibawah ini di atas kode </head>
• 
  
  <script type='text/javascript'>
  // goodbye alert
  function goodbye(){
  alert('Mau Kemana Besok Mampir lagi YA...! Terima Kasih Atas Kunjungannya');
  }
  parent.window.onunload=goodbye;
  
  </script>
• Ganti tulisan berwarnah merah dengan kata-kata yang anda inginkan
• kemudian Simpan selesai deh.

Read more »

Memasang tombol Back to Top (kembali ke atas)

Postingan Article blog yang panjang mungkin salah satu hal yang tidak disukai oleh pembaca. Bukan berarti article nya kurang menarik. Solusinya pada halaman Beranda jangan terlalu banyak menyimpan jumlah artikel. sebaiknaya dalam halaman Beranda mempunyai maksimal 5 atau 3 artikel dan ditambah dengan pemanfaatan fungsi read more (baca selengkapnya).Tapi kalau memang elemen blog atau artikel yang panjang bagaimana? pembaca akan lebih enggan mengscroll kembali ke atas halaman page untuk mengakses menu lain. Kalau begitu salah satu solusinya adalah Memasang Tombol "Icon Back To Top" yang sekali klik aja akan membawa pembaca kembali ke posting artile yang paling awal. nah untuk membuat nya sangat lah mudah

• Log In dulu ke blogger
• Klik Tata Letak
• Edit HTML
• Kemudian cari kode </body>
• Letakkan kode di bawah ini diatas kode </body>

<!-- Bact to top designed by syilpid - http://www.tips-fb.com/ -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopmerah.png'/></a>

• Kemudian simpan tamplate.
• Liat Sekarang Blog nya

Read more »

Membuat Spoiler (Show/Hide) Pada Blog

Hai sobat blogger ketemu lagi kita dengan article ku yang baru... nan tak kala menarik juga. Sedikit saya terang kan dulu apa itu spoiler. spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar ukuran besar atau video tidak di load sebelum menekan tombol show. dengan kata lain spoiler membantu mengurangi waktu load konten blog dan memberikan pilihan kepada pembaca untuk membuka atau tidak isi spoiler. untuk lebih jelasnya lihat contoh di bawah ini

isi spoiler... (bisa image/script/link/ato widget)

Spoiler ini bisa di tampilkan pada sidebar maupun di postingan anda. nah untuk membuat nya ikuti saja langkah - langkah dibawah ini

• Log in dulu ke blogger
• kemudian klik layout pilih tata letak
• klik Elemen halaman dan pilih add HTML/Java Script
• Lalu copy paste kode di bawah ini
• 
  
  <div><div style="margin: 5px;">
  <div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button">
  </div>
  <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
  <div style="display: none;">
  
  isi spoiler... (bisa image/script/link/ato widget)
  
  </div></div></div></div>
• Kemudian Simpan
• Untuk kode berwarna merah bisa diganti keinginan anda

Read more »

Membuat tulisan besar di awal kalimat (Drop Cap)

Membuat tulisan besar diawal kalimat atau di sebut juga Drop Cap. Bentuk tulisan ini lebih sering kita temukan di koran ataupun di majalah. namun hal yang sama bisa juga kita lakukan di postingan blog kita supaya terlihat unik dan menarik. untuk membuatnya sangat lah mudah. ikuti saja langkah-langkah di bawah ini.

• Log ini dulu ke blogger
• Kemudian klik layout
• Edit HTML
• Cari kode ]]></b:skin>
• Letakkan kode dibawah ini di atas kode ]]></b:skin>
  

  /* kode hurup awal
  ----------------------------------------------- */
  .awal {
  float:left;
  color: #000000;
  background:#ffffff;
  line-height:80px;
  padding-top:1px;
  padding-right:5px;
  font-family:times;
  font-size:100px;
  }

• Simpan tamplate
• Untuk menampilkan nya pada postingan, letakkan kode di bawah ini di antara huruf awal kalimat
  

  <span class="awal">hurup awal </span>

• Selesai

Read more »

Memasang gambar di sudut blog

Memasang gambar di sudut blog adalah salah satu trik untuk membuat blog kita kelihatan lebih menarik. pemasangan gambar bisa di sudut atas, kiri,kanan dan bawah. untuk membuat nya sangat lah mudah. bagi yang berkenan ikuti langkah-langkah di bawah ini

• Log in dulu ke blogger
• Tata letak
• Edit HTML
• Cari kode ]]></b:skin>
• letakkan kode berikut di atas kode ]]></b:skin>
  

  #anima_sudut {
  position:fixed;_position:relative;top:0px; left:0px;
  clip:inherit;
  _top:expression(document.documentElement.scrollTop+
  document.documentElement.clientHeight-this.clientHeight);
  _left:expression(document.documentElement.scrollLeft+
  document.documentElement.clientWidth - offsetWidth); }

• Ganti kode yang berwarna biru dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri)
• Kemudian tambah kan kode di bawah ini diatas kode </body>
  
  

  <div id='anima_sudut'>
  <a href='http://jayaputrasbloq.blogspot.com/'>
  <img alt='' border='0'
  src='http://i647.photobucket.com/albums/uu191/ariamsi/disiniann.gif'/></a>
  </div>

• Ganti kode yang berwarna merah dengan alamat blog kamu dan alamat penyimpanan image kamu
• Kemudian simpan tamplate.

Selamat mencoba...........

Read more »

Pasang tombol print di halaman posting

Memasang tombol print di halaman posting kadang sangat di perlukan juga. selain pembaca bisa mencetak hasil kinerja kita dan tentu nya memberi daya tarik tersendiri untuk mempercantik blog kita. untuk membuat nya sangat lah sederhana sekali.

• Log in dulu ke blogger
• Tata letak
• Edit HTML
• Kemudian cari kode
  

  <!-- quickedit pencil -->
  
  <b:include data='post' name='postQuickEdit'/>
  
  </span>
  
  </div>

• Kalau udah ketemu letakkan kode dibawah ini di bawah kode di atas
  

  <a href="javascript:print(document)"><img src="http://i285.photobucket.com/albums/ll80/edisamsuri22/print2.jpg" alt="print halaman ini" border="0"/>Print halaman ini</a>

• Nanti kodenya seperti di bawah ini
  

  <!-- quickedit pencil -->
  <b:include data='post' name='postQuickEdit'/>
  </span>
  </div>
  <a href="javascript:print(document)"><img src="http://i285.photobucket.com/albums/ll80/edisamsuri22/print2.jpg" alt="print halaman ini" border="0"/>Print halaman ini</a>

• Klik save tamplate dan lihat hasilnya.

Read more »

Menambah icon di jumlah commentar

Menambah icon di jumlah commentar itu topik kita kali ini. bisa anda liat sendiri di bawah posting blog teman atau di blog ini. nah disana terdapat icon , tentunya membuat blog kita lebih menarik. untuk membuatnya sangat lah mudah. kita sedikit menambah kan kode url gambar di tamplate kita. nah pasti ada yang berminat kan. ikuti langkah-langkah dibawah ini.

• Seperti biasanya Log in dulu keblogger
• Klik Tata letak
• Edit HTML
• Kasi tanda centang di kotak kecil "Expand Template Widget"
• Kemudian cari kode dibawah ini

  <b:if cond='data:post.allowComments'>
  
  <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  
  <b:if cond='data:post.numComments == 1'>1
  <data:top.commentLabel/>
  
  <b:else/>
  
  <data:post.numComments/>
  
  <data:top.commentLabelPlural/>
  
  </b:if></a>

• Kemudian tambahkan alamat url gambar kamu seperti di bawah ini

  <b:if cond='data:post.allowComments'>
  
  <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  
  <b:if cond='data:post.numComments == 1'>1
  <data:top.commentLabel/>
  
  <b:else/>
  
  <img alt='Comments' src='http://www.psikologizone.com/wp-content/themes/Bloom/img/icon_comments.gif'/>
  <data:post.numComments/>
  
  <data:top.commentLabelPlural/>
  
  </b:if></a>

• Ganti tulisan berwarnah merah dengan alamat url gambar anda. jika anda blum punya anda boleh pake icon ini dulu
• Sekarang simpan tamplate anda

Read more »

Mempercantik background langganan email dngn gambar

Bermacam cara para blogger untuk mempercantik tampilan blog. salah satunya dengan trik ini. pastinya bertujuan untuk menarik perhatian pengunjung. tapi sayangnya kebanyakan berpendapat dengan menambah gambar di background blog akan membuat berat loading blog. padahal tanpa mereka sadari menambah gambar di suatu blog itu sangatlah menarik. kenapa saya bilang begitu.contohnya di dunia nyata. seandainya saja di dunia nyata itu nggak ada pantai yang dibarengi dengan suara ombak, dan indah nya malam diterang sang rambulan dan banyak lagi contoh yang lain. di sini kita bisa mengerti begitu penting nya suatu keindahan bagi kehidupan manusia. ops..... terlalu banyak ngomong ni.... hehehe. kita langsung ke intinya saja yuk.

• Log in dulu ke blogger
• Tata Letak pilih Elemen halaman
• Klik gadget tempat anda menarok langganan email.
• Bagi yang belum punya silahkan kunjungi Feedburner. Log in dengan akun gmail anda ikuti petunjuk disana langkah demi langkah.
• Kemudian tambahkan kode yang berwarna merah di bawah ini ke kode HTML feedburner langganan email anda seperti di bawah ini

  <form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;background: transparent url(http://i37.tinypic.com/k2b5uq.jpg) no-repeat scroll right top;
  rgb(204, 204, 204); padding: 3px 3px 5px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=J_Putra', 'popupwindow', 'scrollbars=yes,width=600,height=300');return true"><b>Berlangganan article via Email<b>:<p><input id="subbox" onfocus="if (this.value == 'ketik email anda disini...') {this.value = '';}" value="ketik email anda disini..." name="email" type="text"/></p><input value="J_Putra" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/><input value="Subscribe" type="submit"/><p></p></b></b></form>

• Anda bisa mengganti dengan gambar lain dan modifikasi kode HTML nya.

Read more »

Menambah Background di judul Sidebar

Untuk menambah Background di judul sidebar nggak jauh beda dengan menambah bacground di judul article. yang belum tahu silahkan baca disini. sebelumnya anda persiapkan sebuah gambar kemudian anda upload dulu ke web penyimpan gambar seperti www.photobucket.com atau www.tinypic.com dan masih banyak lagi web yang menyajikan tempat penyimpanan gambar. setelah anda mendaftar silahkan anda download gambar yang ingin anda tampilkan.

contoh gambar yang di upload:

Nah setelah proses upload selesai silahkan anda ikuti Langkah-langkah dibawah ini.

• Log in dulu ke blogger
• Tata letak
• Edit HTML
• Cari kode atau pokus pada kode .sidebar h2{

  .sidebar h2{
  background:#ffffff;
  text-align:right;
  font-size:1.4em;
  padding:7px 25px
  }

• Kemudian tambahkan kode background:url(http://i33.tinypic.com/2qwepo5.jpg) no-repeat left top; seperti di bawah ini

  .sidebar h2{
  background:url(http://i33.tinypic.com/2qwepo5.jpg) no-repeat left top;
  text-align:right;
  font-size:1.4em;
  padding:7px 25px
  }

• Ganti yang url yang berwarna biru dengan alamat url gambar yang anda upload tadi.
• Kemudian simpan tamplate anda dan lihat hasilnya.

Read more »

Menambah emoticon di shoutbox atau shoutmix

Menambah emoticon di shoutbox atau shoutmix ini adalah hal yang biasa apalagi bagi master-master blog yang tiap hari utak atik blog nya. tetapi ada sebagian yang belum mengerti. tadinya saya tidak ingin memposting article ini. karna pendapat saya ini adalah hal yang sepeleh. eh ternyata salah satu teman bertanya sama saya. jaya shoutmix kamu premium ya??? kok emoticonnya nya beda dari yang gratis. aku jawab gratis kok... loh kok punya saya nggak ada emoticon yang seperti itu. bantuin saya dong. Nah bagi yang belum mengerti dengan ada nya emoticon yang baru di suatu blog silahkan ikuti langkah-langkah di bawah ini.

Bagi anda yang belum mendaftar shoutbox atau shoutmix silah kan daftar dulu di www.shoutmix.com ikuti tutor nya disini

• Bagi yang sudah mendaftar silahkan log in dulu ke shutmix
• Kemudian anda klik link smileys di kolom display
• Di kolom smileys image URL anda masukkan alamat url icon yang anda punya
• Cara memasukkan nya satu persatu kemudian klik tombol add
• Beri nama yang anda inginkan di colom code dan save setting
• Bagi yang belum punya alamat icon sendiri anda bisa gunakan alamat icon yang saya gunakan sekarang.
  Berikut adalah daftar alamat icon yang saya gunakan

  http://www.getsmileyface.com/new/smileys/20.gif
  http://www.getsmileyface.com/new/smileys/18.gif
  http://www.getsmileyface.com/new/smileys/15.gif
  http://www.getsmileyface.com/new/smileys/5.gif
  http://www.getsmileyface.com/new/smileys/11.gif
  http://www.getsmileyface.com/new/smileys/12.gif
  http://www.getsmileyface.com/new/smileys/19.gif
  http://www.getsmileyface.com/new/smileys/7.gif
  http://www.getsmileyface.com/new/smileys/33.gif
  http://www.getsmileyface.com/new/smileys/9.gif

  Catatan:
  Maksimal icon yang dapat kita tambahkan 10 icon, untuk yang gratisan. untuk yang premium bisa menyampai 500 icon.

Read more »

Membuat form berlangganan feedburner

Membuat form berlangganan feedburner di blogspot itu topik utama kita kali ini. walaupun ini article kelihatan jadul bagi teman-teman kita yang sudah master dengan dunia blogger. tapi ini besar sekali manfaatnya bagi yang belum mengerti. kayak saya ini yang masih newbie. tapi nggak usah di kawatirkan, walau pun jadul yang namanya ilmu itu nggak kenal dengan kata jadul. karna tak akan rapuh di makan zaman. kita kembali ke topik pembahasan utama kita membuat form berlangganan feedburner. cara membuatnya sangat lah mudah ikuti saja langkah-langkah di bawah ini:

• Kunjungi situs feedburner dan loggin dengan akun gmail anda.
• Selanjutnya anda akan di tawarkan kotak untuk mengisi alamat blog untuk di bakar. jangan takut bukan di bakar beneran lo hehehe
• Untuk blogger silah masukkan alamat feed seperti ini
  http://namablog.blogspot.com/feeds/posts/default
  Ganti nama blog dengan url blog anda.
• Ada kotak kecil "I am a podcaster!" dicentang jika blog anda hanya berisi video-video, jika tidak jangan di centang. kemudian klik tombol next.
• Setelah itu anda akan ditawarkan untuk mengisi form feed title dan feed address silahkan diisi.
  Biasanya feedburner langsung menyesuaikan dengan judul blog namun anda dapat menggantinya sesuai kalimat atau kata yang paling cocok
  selanjutnya klik tombol next
• Pada halaman berikutnya ada pemberitahuan Congrats! your feedburner feed is now live. want to dress it up a little? oke sudah selesai dan teruskan dengan mengklik tombol next.
• Kemudian akan diberi pilihan FeedBurner Stats automatically tracks. silahkan pilih menu default atau anda juga dapat menambah menu lain yang ditawarkan. selanjutnya klik tombol next.
• Pada halaman berikutnya ada beberapa menu pilihan dibagian atas dan pilih Publicize
• Pada menu Publize Anda akan melihat fitur layanan yang siap anda gunakan seperti Headline Animator, BuzzBoost, Email Subscriptions, Pingshot, FeedCount, Chicklet Chooser dan yang lainnya. Nah untuk membuat formulir berlangganan pilih menu Email Subscriptions.
• Pada halaman Email Subscriptions Anda klik tombol Activate.
• Selanjutnya feedburner akan memberikan kode html. Yang di atas adalah html yang hasilnya berupa kotak formulir berlangganan melalui email disebut Subscription Form Code dan dibawahnya adalah html yang hasilnya berupa link berlangganan melalui email disebut Subscription link code.
• Copy kode html yang berupa kotak formulir berlangganan dan paste ke widget blog anda.
• Simpan widget anda dan lihat hasilnya
• Untuk memodifikasi tampilan backgruand form berlangganan feedburner anda seperti contoh dibawah ini klik disini untuk melihatnya.
  

Selamat Mencoba.......

Read more »

Cara pasang widget alexa di blog

Bagi yang pemula di dunia blogging pasti banyak yang belum mengerti dengan adanya alexa, kebanyakan bertanya-tanya apa sih yang di maksud Alexa itu?

Alexa adalah website yang menyediakan informasi mengenai trafik suatu web atau blog. alexa rank bisa di jadikan gambaran mengenai jumlah pengunjung yang mendatangi suatu blog dan terekam oleh alexa.

Nah sekarang udah terjawabkan. untuk Membuat nya sangat lah mudah.

• Silahkan anda kunjungi situs Alexa.com
• Pada menu pilih For site owners maka tampilannya seperti di bawah ini.
• Kemudian pilih salah satu Alexa Widgets yang Anda inginkan, akan tampil seperti gambar berikut :
  
• Masukkan Alamat Url web atau blog anda kemudian klik Build widget
• Pilih salah satu code Javascript, kemudian copy paste ke dalam Blog Anda :
• Selesai dan lihat hasilnya...

Read more »

Cara menambah Tracker atau Sitemeter

Cara memasang Tracker atau Sitemeter itu lah topik pembahasan kita hari ini. pasti ada yang belum tahu apa yang di maksud dengan Tracker atau Sitemeter itu kan! sedikit saya terangkan terlebih dahulu. yang di maksud dengan Tracker atau sitemeter itu adalah sebuah alat yang berfungsi untuk mencatat jumlah pengunjung yang datang ke web atau blog kita. Nah dengan adanya alat ini sangat membantu kita untuk mengetahui berapa pengunjung yang datang keblog kita dalam hari, minggu, dan bulan, Salah satu tracker yang cukup bagus dan banyak digunakan pada saat ini adalah Sitemeter.

untuk menambah nya ke blog kita sangat lah mudah. ikuti langkah-langkah di bawah ini.

• Anda kunjungi situ http://www.sitemeter.com/
• Kemudian klik Sign Up
  
• Klik Sign Up lagi pada Site Meter Basic Free
• Isikan data blog anda dan klik Next
• Kemudian isi data pribadi anda klik Next lagi
  
• Klik Next lagi jika data pribadi anda sudah benar
• Setelah itu anda akan mendapatkan pesan Success! Thank You.
• Untuk Memasang Logo sitemeternya ke blog anda klik Menu Maneger dan klik meter style
• Pilih salah satu bentuk sitemeter yang anda suka kemudian klik select
• Setelah itu klik HTML Code
• Copy paste ke blog anda dan simpan
• Selesai

Read more »

Menampilkan pengunjung yang sedang online

Article sebelum nya kita membahas Cara menambah Tracker atau Sitemeter. Nah sekarang Bagai mana pula cara menampilkan pengunjung yang sedang oline di blog kita. Sebenarnya Ada banyak cara untuk menampilkan jumlah pengunjung yang sedang oline. dimana sekarang ini banyak situs yang menyediakan layanan ini.

Berikut beberapa situs yang menyediakan widget khusus untuk menampilkan jumlah "user online" dengan berbagai fitur yang menarik.

• whos.amung.us
  Contoh:
  

  <script type="text/javascript" src="http://widgets.amung.us/classic.js"></script><script type="text/javascript">WAU_classic('71xdva4pqwxm')</script>

• radarurl.com
  untuk radarurl.com ada 2 pilihan disini diantaranya:
  Contoh pertama:
  

  <script type="text/javascript" src="http://radarurl.com/js/radarurl_widget.js"></script><script type="text/javascript">radarurl_call_radar_widget("Big", "Black","bottomright")</script><noscript><a href="http://radarurl.com/">online stats</a></noscript>

  
  Contoh kedua:
  

  <script type="text/javascript" src="http://radarurl.com/js/radarurl_widget.js"></script><script type="text/javascript">radarurl_call_radar_widget("Small", "Green","bottomright")</script><noscript><a href="http://radarurl.com/">online stats</a></noscript>

• whosread.com
  Contoh:
  

  <a href="http://whosread.com/show/604179" title="online counter"><img src="http://whosread.com/counter/604179.gif" alt="online counter" width="80" height="15" border="0" /></a>

  
  Untuk Kode script nya ku kasih bonus biar nggak repot mengunjungi sana sini lagi.Cukup anda Copy paste kode "user oline" diatas yang menarik menurut anda. kemudian simpan di widget blog anda. selesai

Read more »