Blog Pia Ganator

Jumat, 30 September 2011

Google Plus

Diposting oleh Unknown di 02.48

Iseng mendaftar di Google Plus... Semoga menemukan apa yang berbeda dari media sosial yang lain... Untuk para pengunjung blog biru coba circle saya ya di anangku[at]gmail.com ya.... :))

Cara Membuat Fixed Footer di Blogspot

Diposting oleh Unknown di 13.42

0 komentar

Hai sobat blogger... Article kali ini tentang cara Membuat fixed footer di blogspot. pasti penasaran kan bentuk nya kayak apa. coba anda liat gambar diatas yang di lingkari garis berwarnah merah. kalau kurang jelas klik gambar untuk memperbesarnya. nah untuk membuatnya ikuti langkah-langkah di bawah ini........

Log in dulu ke blogger
Pada menu Dashboard langsung saja klik Layout
Edit HTML
Cari kode ]]></b:skin>
Kemudian lettak kode berikut di atas kode ]]></b:skin>
#footer img
{/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}
#footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}
#footer a {
color: #333;
}
#footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #f5f5f5;
background-color: #f5f5f5;
width: 100%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}
kemudian cari kode </body>
letakkan kode dibawah ini persis diatas kode </body>
<div id='footer'>
<p><img border='0' src='http://lh3.ggpht.com/_KZO3OJWly2c/SflrfqtvduI/AAAAAAAAAOw/Ykwirvbpdxk/s128/akuj.PNG'/>  <a href='http://jayaputrasbloq.blogspot.com/index.html'>J_Putra's Blog</a> © 2008-2009  </p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> Template by <a href='http://blogtemplate4u.com' target='_blank'>Template 4 U</a><br/>Best viewed in Mozilla Firefox.</p>
</div>
Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk fixed footer diatas, tapi sebelumnya ubahlah kode yang berwarna merah ke gambar yang anda miliki, kode berwarna hijau diubah ke alamat blog anda dan ke nama blog anda, kode berwarna kuning bisa anda ubah ke alamat template anda, dan kode berwarna pink bisa diubah ke nama blog dimana template anda diperoleh.
Kemudian simpan

Sumber: jayaputrasbloq.blogspot.com

Cara Membuat Email Yahoo

Diposting oleh Unknown di 01.17

0 komentar

Masuk ke halaman login atau klik daftar email
Selanjutnya anda akan melihat tampilan seperti di bawah ini

3. Klik tombol Buat Account Baru kemudian anda akan dibawa ke jendela seperti tampilan di bawah ini

4. Lalu isi form yang ada

          *Nama saya: isi dengan nama depan dan nama belakang anda
          *Jenis Kelamin: isi dengan jenis kelamin anda
          *Tanggal lahir: isi dengan jenis kelamin anda
          *Saya tinggal di: pilih salah satu negara dimana anda tinggal
          *ID yahoo dan email: isi dengan nama yang anda inginkan, misalnya: lutfi456@yahoo.co.id                            lutfi654@yahoo.com lutfi@rocketmail.com lutfi@ymail.com
          *Kata sandi: isi dengan sandi(password) yang anda inginkan
          *Ketik ulang kata sandi: isikan sandi yang sama dengan sandi yang di atas
          *Pertanyaan keamanan: ini nantinya akan digunakan jika anda lupa dengan kata sandi anda
          *Jawaban anda: isi dengan pertanyaan yang telah anda pilih di atas
          *Ketik kode yang terlihat: masukkan kode yang sudah tertera di gambar
          *Klik Buat Account Saya

5. Lalu anda akan dibawa ke jendela konfirmasi email yahoo

6. Langkah terakhir klik lanjutkan kemudian anda akan dibawa ke jendela account anda.

Cara Menambahkan Border Footer di Blogspot

Diposting oleh Unknown di 22.52

0 komentar

Bagaimana Tambahkan Borders ke Footer dari Blogger Template

Untuk menambahkan baris (umumnya dikenal sebagai perbatasan) untuk footer template Blogger kita perlu menambahkan beberapa CSS styling.

Sebelum mulai menambahkan perbatasan ada 3 nilai untuk dipertimbangkan:

lebar perbatasan (misalnya ketebalan garis 1px, 2px, 3px dan sebagainya)
garis gaya perbatasan (padat, titik-titik, putus-putus, ganda)
warna perbatasan (warna hex)

Bagaimana Tambahkan Perbatasan suatu Sekitar luar Blogger Footer
Pertama kita menambahkan properti perbatasan dan kemudian menambahkan gaya perbatasan, perbatasan dan lebar perbatasan nilai warna. Dalam contoh-contoh berikut ini hanya dengan mengubah nilai-nilai ini kita dapat mencapai banyak hasil yang berbeda.
- Untuk Tambahkan Perbatasan dashed Sekitar luar Blogger Footer
  Dengan kode berikut garis hitam tebal putus-putus 1px akan ditambahkan sekitar luar footer.
  
  # Footer-columns {
  
  margin: 0 auto;
  clear: both;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border: 1px dashed # 000000;
  clear: both;
  margin: 0 auto;
  }
- Untuk Tambahkan Perbatasan Dotted Sekitar luar Blogger Footer
  Dengan mengubah garis hitam putus-putus ke perbatasan bertitik itu adalah sederhana untuk mendapatkan gaya garis yang berbeda.
  
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border: 1px dotted # 000000;
  clear: both;
  margin: 0 auto;
  }
- Untuk Tambah Perbatasan Padat (Biru 3px tebal) Sekitar luar Blogger Footer
  Untuk menambahkan tekanan ekstra kita dapat mengubah warna garis dan ketebalannya. Di sini saya telah membuat garis berwarna biru bukannya hitam dan menebal dari 1px ke 3px.
  
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border: 3px solid # 336699;
  clear: both;
  margin: 0 auto;
  }\
Untuk Tambahkan Perbatasan parsial ke Blogger Footer
Kadang-kadang kita mungkin ingin menambahkan perbatasan hanya satu bagian dari wilayah footer daripada semuanya. Sekali lagi kita menambahkan properti perbatasan tapi kita tambahkan dengan nilai berikut: (atas, bawah, kiri, kanan) tergantung di mana kita ingin menempatkan perbatasan.
- Untuk Menambahkan Border padat ke Atas dari Blogger Footer
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border-top: 1px solid # 000000;
  clear: both;
  margin: 0 auto;
  }
- Untuk Menambahkan Border padat ke Bawah Blogger Footer
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border-bottom: 1px solid # 000000;
  clear: both;
  margin: 0 auto;
  }
- Untuk Tambahkan Perbatasan dashed ke Atas dari Blogger Footer
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border-top: 1px dashed # 000000;
  clear: both;
  margin: 0 auto;
  }
- Untuk Tambahkan Perbatasan burik untuk Kedua Atas dan Bawah dari Blogger Footer
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border-top: 1px dotted # 000000;
  border-bottom: 1px dotted # 000000;
  clear: both;
  margin: 0 auto;
  }
- Untuk Tambahkan 4px Dotted Border tebal untuk Kedua Atas dan Bawah dari Blogger Footer
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border-top: 4px dotted # 000000;
  border-bottom: 4px dotted # 000000;
  clear: both;
  margin: 0 auto;
  }
- Untuk Tambahkan 5px Perbatasan Biru Padat tebal untuk Kedua Atas dan Bawah dari Blogger Footer
  # Footer-columns {
  clear: both;
  margin: 0 auto;
  }
  
  Ubah ke:
  
  # Footer-columns {
  border-top: 5px solid # 336699;
  border-bottom: 5px solid # 336699;
  clear: both;
  margin: 0 auto;
  }
SEMOGA BERHASIL

Sumber: blogknowhow.blogspot.com