Menambahkan Author Box di Bawah Postingan

Author Box yaitu profil singkat sang penulis blog beserta photonya. Author box itu bisa menampilkan biografi singkat diri kita dan juga mungkin bisa menambahkan kontak kita. Dengan menambahkan author box di bawah komentar akan membuat blog kita jelas dan para pengunjung mengerti siapa orang dibelakan blog tersebut.

 

Berikut ini cara Menambahkan Author Box di Bawah Postingan :
1. Login ke Blogger.
2. Pada halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget

5. Cari kode ]]></b:skin> dan letakan kode berikut di atasnya;

 .author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

6. Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-125 photo' height='90' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>Biografi singkat tentang diri kita<br/></p></div></b:if>

7. Sebelum menyimpan, ganti URL dengan URL photo kita, dan tulis biografi singkat tentang diri kita. Dan juga bisa menganti judul about author, juga bisa mengubah kode css yang disesuaikan dengan tampilan blog kita.
8. Simpan jika sudah selesai.


Terima Kasih,
Semoga Bermanfaat.

Read more ...

Cara Membuat Teks Area Dengan Berbagai Jenis Tampilan

Kali ini saya ingin berbagi informasi tentang Cara Membuat Teks Area Dengan Berbagai Jenis, bagi teman - teman yang belum mengerti silahkan di cek yah .. hehehe

1. Teks Area standar / default

Kode :

<center><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :



Isi teks/ kode/ script yang ingin Anda masukan disini.

Keterangan :
Rows = Tinggi
Cols = Lebar

2. Teks Area dengan button / tombol higtlight

Kode : 

Untuk yang ini, adalah memudahkan Pengunjung Blog anda untuk memberi tanda hightlight

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></form></center>

Hasil Kode :

Isi teks/ kode/ script yang ingin Anda masukan disini.

3. Teks Area dengan onclick hightlight

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya.

Kode :

<center><textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :



Isi teks/ kode/ script yang ingin Anda masukan disini.


4. Teks Area Dengan sensitif hightlight

Untuk teks area type ini fungsinya hampir sama dengan teks area yang sebelumnya , tetapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi akan mengeblok sendiri,

Kode :

<center><textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :



Isi teks/ kode/ script yang ingin Anda masukan disini.

Nb : Jika teman - teman ingin merubah lebar dan tinggi tampilan textarea silahkn ganti angka pada kata " rows " dan " cols ".


Terima Kasih,
Semoga Bermanfaat.

Read more ...

Cara membuat halaman Under construction

Halaman Under construction biasa nya digunakan saat website yang kamu buat Sedang di perbaiki tampilannya. mungkin dari menu, warna, dan background blogmu. Jadi Fungsi dari Halaman Under construction untuk melakukan renovasi blogmu secara total atau keseluruhan langsung saja kita pelajari.

1. Login blogmu.
2. Pilih rancangan
3. pilih Edit html.
4. Pilih Save template atau Download template Lengkap pada Text link di Bawah menu.

5. Kemudian Centang Expand Template Widget.
6. Cari Code <body>  dan </body>.
7. Kemudian Hapus Code sampai Code jadi <body> ........ </body>. di Hapus.
8. kemudian Ganti dengan Code berikut.
<body> <img src="URL GAMBAR" class="alignleft" width="1345" height="538" /> </body> 
9. Save template

Keterangan :

• Code berwarna BIRU kamu ganti dengan URL gambar kamu.

Demikian artikel tentang cara membuat halaman under construction.

Terima Kasih,

Semoga Bermanfaat.

Read more ...

Dapatkan $100 Gratis dari PayPal dan Facebook

Ada program baru yang cukup menggiurkan dalam dunia per-Facebookan, kamu bisa mendapatkan $100 hanya dengan mereferensikan Aplikasi Facebook yang satu ini.

Kamu sudah mendapatkan $1 hanya dengan bergabung dalam program ini, tapi untuk menerima earning kamu harus mengumpilkan $100, setelah itu layanan PayPal Wishlist akan langsung mengirimkan duit ke rekening PayPal kamu.
Sesuai dengan ketentuan pihak Paypal Wishlist, maka penghasilan Anda baru dapat diterima pada tanggal 28 Februari 2010. Tenang masih lama kok

Cara mendaftar:

• Login dengan account Facebook Kamu.
• Kemudian masuk ke halaman promosi Paypal Wishlist
• Masukkan alamat email Paypal yang sudah terverifikasi, kalo belum punya PayPal daftar aja dulu program PayPal Wishlist, urusan verifikasi email PayPal belakangan aja
• Langkah terakhir tinggal membuat Wishlist Anda. Lalu share aja langsung ke teman-teman Anda di Facebook.

Apa program PayPal Wishlist is Scam? Jangan pedulikan itu dulu yang penting gabung aja sekarang. Urusan Scam itu urusan belakangan, toh gak keluar duit juga khan


Terima Kasih,
Semoga Bermanfaat.

Read more ...

Cara Menonaktifkan Fungsi Klik Kanan Pada Blog

Fungsi klik kanan pada mouse sangat penting peranannya, misalnya untuk melihat kode template, image, membuka halaman link pada blog yang anda kunjungi. Tapi tidak sedikit para bloggers yang menonaktifkan fungsi klik kanan pada blog - nya, Mungkin alasan mereka menonaktifkan fungsi klik kanan adalah "faktor keamanan".

Menurut saya (menonaktifkan fungsi klik kanan pada blog) tidak perlu di lakukan, Karena hanya mempersulit pengunjung dalam "mencari apa yang mereka cari".

Jika cara ini anda anggap perlu untuk keamanan, tambahkan script berikut pada template anda, caranya :

1. Login ke blog anda.

2.Pilih Tata Letak.

3. Klik Edit HTML.

4. Cari kode ]]></b:skin> pada Html anda, copy script di bawah ini !, paste - kan di bawah kode tsb.


<script type='text/javascript'>
//<![CDATA[
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
//]]>
</script>

5. Simpan template.


Terima Kasih,
Semoga Bermanfaat.

Read more ...