Home » Posts filed under Dengan Gambar
Showing posts with label Dengan Gambar. Show all posts
Showing posts with label Dengan Gambar. Show all posts

Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog

Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog



Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

Ingat :
Kamu cukup pilih salah satu kode di bawah ini.

» Full Screen Animation :
<script type="text/javascript">
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.1"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.

» Horizontal Animation :
<script type="text/javascript">
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.2"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.

» Vertical Animation :
<script type="text/javascript">
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.3"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.

» Pop Up Animation :
<script type="text/javascript">
// Dibawah ini pengaturan defaultnya
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
// Dibawah ini pengaturan Pop Up nya
var DADrcwidth = '400';
var DADrcheight = '200';
var DADrccorner = '50';
// Dibawah ini jika kamu ingin memberi border pada Pop Up
var DADrcbordersize = '5';
var DADrcborderstyle = 'outset';
var DADrcbordercolor = 'black';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.4"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.
  • width = '400'; adalah ukuran lebar pop up, silahkan kamu ganti dengan selera yang kamu mau.
  • height = '200'; adalah ukuran tinggi pop up, silahkan kamu ganti dengan selera yang kamu mau.
  • corner = '50'; adalah ukuran kelengkungan sudut pop up, jika tidak ingin sudut-sudutnya jadi melengkung, isikan saja 0.5.
  • bordersize = '5'; adalah ketebalan border pop up, jika tidak ingin menggunakan border, isikan saja 0.
  • Kode warna hijau adalah jenis style border (jika kamu menggunakan border).
  • Kode warna kuning adalah warna border (jika kamu menggunakan border).
  • Sayangnya untuk pengguna browser Gogle Chrome, cara ini agak bermasalah saat menampilkan Gambar Anti Klik Kanan tersebut.
5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

by: http://enoparnoabiezz.blogspot.com
Thursday, February 20, 2014
No comments:
Label: , , ,

Cara membuat menu blog dengan gambar

Cara membuat menu blog dengan gambar dengan keterangan dibawahnya seperti beranda, daftar isi, hubungi, dan lain-lain. Untuk lebih jelasnya lihat gambar dibawah ini. Lalu klik salah satu gambar, maka akan terbuka halaman baru sesuai dengan URL halaman yang saya masukan.

  • membuat menu blog dengan gambar
    Beranda
  • membuat menu blog dengan gambar
    Desain Blog
  • membuat menu blog dengan gambar
    Tips dan Trik
  • membuat menu blog dengan gambar
    Hubungi
Cara membuat menu blog dengan gambar. Ikuti langkah-langkah dibawah ini.
  1. Login ke blogger. Dari halaman dasbor pilih pengaturan Tata Letak.
  2. Lalu Add Gadget, setelah itu Pilih HTML/JavaScript.
  3. Selanjutnya susun kode CSS dan HTML Seperti format dibawah ini.
    4. <style>
    KODE CSS
    </style>
    KODE HTML
  4. Sebagai contoh, Copy semua kode dibawah ini. dan Pastekan di Gadget HTML/JavaScript Tadi.
    5. <style>
    #tabs31{margin:0;padding:0;}
    #tabs31 ul{list-style: none;}
    #tabs31 ul li{float:left; margin-right:25px;}
    #tabs31 img {width:50px; height:50px;}
    figcaption {text-align:center;color: blue;font-weight:bold;font-size:10px;}
    </style>

    <div id="tabs31">
    <ul>
    <li><a href="http://fandrajuani.blogspot.com/">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnROAPk9hf6XwSVMYltQmbwk07HS4VfiWcMMcvSKZ7n6d3Mr15UFolD-DErez7HDxQtXvrGA3tiITkQTDbA03PfUixbG4v-ZZn6RdJcRGIr06uFzVyZslC-D0OPnipRx_S6zOlutW3TDiW/s128/DAFTAR-ISI.jpg" title="Beranda" width="50" height="50" /></a>
    <figcaption>Beranda</figcaption></li>

    <li><a href="http://fandrajuani.blogspot.com/search/label/Desain%20Blog">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7mHwOJvZHmSMgnbOUZrngfdHzG-820qNCkRNG8yfBDknG6akW31LZSrt9uKhFEFaEu73Z_i5mWMJ_Bs01c89GsufsUzuwl_lxVxXPUrap_PWMLv4hmU9DXigzmkHozPZi-xi_7NKP9Dcy/s128/DESAIN.jpg" title="Desain Blog" width="50" height="50" /></a><figcaption>Desain Blog</figcaption></li>

    <li><a href="http://fandrajuani.blogspot.com/search/label/Tips%20dan%20Trik">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07BeJDUbIor-Ow_Cy90Hrt1Wa7zBYrGUPM57hTIMyGQJa7f26XYcnCWT9UUjJwhAdXjB0oSKBTKBLrscyBUdAegOe7pWnBBUkSPTdE-crdDAvb2JeUfYdR9N7g_ygondTjRBP32zFOOpr/s128/TIPS-DAN-TRIK.jpg" title="Tips dan Trik" width="50" height="50" /></a>
    <figcaption>Tips dan Trik</figcaption></li>

    <li><a href="http://fandrajuani.blogspot.com/p/hubungi.html">
    <img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9t2DlXux46rMwgLcKHdJbt2RsU05ABNrgDYGTU0y495LX4qjKuCaN3sYBcSl9KK1tCf3mPgt4M2nGNva_OUOgJXepFKWs8_sM4_yVVj7v6rBbUdG7GgXmEfKIA98pNbCTZtoM51whVNz/s128/HUBUNGI.jpg" title="Hubungi" width="50" height="50" /></a>
    <figcaption>Hubungi</figcaption></li>

    </ul>
    </div>
  5. Save Gadget, selesai.
Keterangan Kode Css Langkah 5: 
  • #tabs31 ul{list-style: none;} untuk menghilangkan list-style bulet.
  • #tabs31 ul li{float:left; membuat gambar horizontal, dan margin-right:25px; spasi atau jarak kanan antar gambar.
  • #tabs31 img {width:50px; height:50px;} tinggi dan lebar gambar.
  • figcaption untuk mengatur keterangan dibawah tulisan.
Keterangan Kode HTML Langkah 5:
  • format dari menu <li><a href="url halaman menu">
  • <img src="Url gambar" title="keterangan gambar saat disentuh mouse" width="50" height="50" /></a>
  • <figcaption>Keterangan dibawah gambar</figcaption></li>
 Jika ingin menambahkan menu tambahkan format seperti dibawah ini.
<li><a href="url halaman menu"><img src="Url gambar" title="keterangan gambar saat disentuh mouse" width="50" height="50" /></a><figcaption>Keterangan dibawah gambar</figcaption></li>
Gunakanlah gambar dengan ukuran yang sama disetiap gambar, agar tampilan menu terlihat rapi, caranya bisa lihat di cara membuat icon blog. Cara mengambil URL gambar, bisa kamu baca di artikel cara upload dan ambil url gambar. Cara mengisi url halaman menu, baca artikel cara membuat dan mengisi menu blog. URL Label atau kategori juga bisa kita masukan ke menu.
Saturday, February 15, 2014
No comments:
Label: , , , , ,

Cara desain blog Mengganti Background Blog Dengan Gambar Di Blog

Cara Mengganti Background Blog Dengan Gambar Di Blog

Cara Mengganti Background Blog Dengan Gambar Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : </head>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.
<style type="text/css">
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHYKIevY9hbTnuWyeudqkJJhyphenhyphenEG4eldeCREaC3v9bPfEQ6nYxBV2ZhgP2a-8eyEU5zmB_kyYbHw_D5bZpDEz7BoyEiJgJ_8QZ35zBfyEIkS8O8hSlgZjI1rn51O-spDWwerhVJlHtMRgU6/s1600/Green+Matrix.gif) repeat center center fixed black;
}
</style>
</script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-mengganti-background-blog-dengan.html" target="_blank">Cara Mengganti Background Blog Dengan Gambar Di Blog</a></small>

Keterangan :
  • Warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.

Rekomendasi Untuk Kamu :
  • ...

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
Wednesday, February 12, 2014
No comments:
Label: , ,

Cara desain blog Memasang Script Anti Klik Kanan Dengan Gambar Di Blog

Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog

Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

Ingat :
Kamu cukup pilih salah satu kode di bawah ini.

» Full Screen Animation :
<script type="text/javascript">
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.1"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.

» Horizontal Animation :
<script type="text/javascript">
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.2"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.

» Vertical Animation :
<script type="text/javascript">
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.3"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.

» Pop Up Animation :
<script type="text/javascript">
// Dibawah ini pengaturan defaultnya
var DADrccolor = '#FFFFFF';
var DADrcimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvfnr3VX_hwL3-I_te-_qutpq1kl8n-IrVfCNgyFE2iT8OEE7IypaxB1vWtRcXHzaE4-WaXLxOTvP37eFu0a7YwR75B56kSiDee44FkTyEXrkE8yzIQWmcUc5WJI1ZI8_AR22ewVyZf4E/s1600/Anti+Klik+Kanan+Eno+Parno+Abiezz.jpg';
// Dibawah ini pengaturan Pop Up nya
var DADrcwidth = '400';
var DADrcheight = '200';
var DADrccorner = '50';
// Dibawah ini jika kamu ingin memberi border pada Pop Up
var DADrcbordersize = '5';
var DADrcborderstyle = 'outset';
var DADrcbordercolor = 'black';
</script>
<script type="text/javascript" src="http://dickeymaru.googlecode.com/files/dadantirightclickv3.4"> </script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-script-anti-klik-kanan.html" target="_blank">Cara Memasang Script Anti Klik Kanan Dengan Gambar Di Blog
</a></small>

Keterangan :
  • var DADrccolor = '#FFFFFF'; adalah warna background, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
  • Tulisan warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.
  • width = '400'; adalah ukuran lebar pop up, silahkan kamu ganti dengan selera yang kamu mau.
  • height = '200'; adalah ukuran tinggi pop up, silahkan kamu ganti dengan selera yang kamu mau.
  • corner = '50'; adalah ukuran kelengkungan sudut pop up, jika tidak ingin sudut-sudutnya jadi melengkung, isikan saja 0.5.
  • bordersize = '5'; adalah ketebalan border pop up, jika tidak ingin menggunakan border, isikan saja 0.
  • Kode warna hijau adalah jenis style border (jika kamu menggunakan border).
  • Kode warna kuning adalah warna border (jika kamu menggunakan border).
  • Sayangnya untuk pengguna browser Gogle Chrome, cara ini agak bermasalah saat menampilkan Gambar Anti Klik Kanan tersebut.
5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
Wednesday, February 12, 2014
No comments:
Label: , , ,
Subscribe to: Posts (Atom)