Assalamualaikum... ترحيب: 14 Agu 2011

Tips memprotek blog dari penjiplakan

• Langsung aja ke TKP
Pertama login dulu ke blogger, terus pilih Layout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head> . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script Di bawah ini didalamnya :

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya seperti di bawah ini

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >

Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga
silahkan dicoba

.NB : Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi. Jadi kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini.

Semoga bermanfaat terima kasih

trick membuat readmore otomatis di blog

• Langakah pertama Silahkan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
============================================================="
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
=============================================================="
• Langkah ke dua, cari kode html berikut ini :

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

ganti kode tersebut dengan kode di bawah ini :
=============================================================="
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
=============================================================="
Keterangan : tulisan yang berwarna biru adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read atau terserah anda

• Langkah terakhir , klik save templateSelanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Semoga bermanfaat terima kasih

Membuat gambar Berada Di pojok blog

Langsung aja ke TKP

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini 1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu sisipkan kode berikut ini di atasnya. kalo dah ketemu
simpan kode berikut ini di atasnya.
===============================================================

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

===============================================================

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum code </body>

===============================================================

===============================================================

"http://lodancheater.blogspot.com" adalah link. ganti dengan link kamu.
"http://zawa.blogsome.com/images/animasiberdoa.gif"[ contoh gambar di blog saya di pojok kiri ]
5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

• Semoga bermanfaat

cara membuat widgets 3 kolom di bawah header blog

Ok langsung aja menuju lokasi TKP pengeditan template-nya.

Silahkan login ke blogger.

Tuju Tata Letak.

Pilih tab Edit HML.

klik Expand Template Widget

Letakkan kode css berikut ini diatas kode ]]> </b:skin>

======
#top {

background:#fff;

margin-top:10px auto;

width:960px;

overflow:hidden;

font-size:12px;

padding:10px;

}

#top h2 {

background:#000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;

font-size:14pt;

font-weight:400;

text-align:center;

font-style:normal;

line-height:1.3em;

color:#fff;

padding:5px;

margin-top:-10px;

margin-left:-10px;

margin-right:-10px;

}

#top ul {

color:#333;

margin:0;

padding:0;

}

#top ul li {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzXiDlUbnjbgZQf277DrsK3zyfJzfG5H8xLrDD7eQm2_P1O8rawyO6M1sQTpv0fHC-OPk3s2fsEX-p1p07NYoC7bb_xyV7bXxITitqj8WK445BEMculrhGOecIAm7gpw4I_z5xlRjVmhyphenhyphenA/s320/b3.gif) no-repeat;

list-style-type:none;

border-bottom:1px dashed #CCC;

margin:0 0 10px;

padding:0 0 5px 20px;

}

#top ul li a:hover {

margin:0px 0px 5px;

padding:0px;

}

#topcenter {

width:300px;

float:left;

margin-left:10px;

background:#fff;

padding:10px

}

#topleft {

width:280px;

float:left;

margin-left:10px;

background:#fff;

padding:10px;

}

#topright {

width:280px;

float:right;

margin-left:10px;

background:#fff;

padding:10px;

}
======
Langkah ke dua
• Cari kode yang mirip seperti ini, biasanya letaknya dibawah </head>
=======
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='JUDUL BLOG SOBAT (Header)' type='Header'/>
</b:section>

</div>
=======

Kemudian letakkan kode berikut di bawah ini tepat setelah kode diatas

===============================================================
<div id='top'>
<b:section class='top' id='topleft' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='topcenter' id='topcenter' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='topright' id='topright' preferred='yes' showaddelement='yes'>
</b:section>
</div>
===============================================================

simpan template anda semoga berguna dan bermanfaat.

membuat text area di postingan blog

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung
ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan
pengunjung mengcopy seluruh isi text.

[ Langsung aja kita ke TKP ]

Untuk Membuat Text Area dibutuhkan script seperti di bawah ini :
===============================================================

<p align="center"><textarea name="code" rows="3" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

===============================================================

Hasilnya:

Keterangan :

rows"=3 adalah tinggi dari text area.

cols="15" adalah lebar dari text area.

Untuk Membuat Text Area Highlight dibutuhkan script seperti di bawah ini :

===============================================================
<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>
===============================================================

Hasilnya :

<span style="color: rgb(255, 0, 0);">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</span>

Keterangan :

center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.

Value="Highlight All" kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.

ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

"WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan.

HEIGHT: 80px "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan.

Silahkan ber eksperimen semoga bermanfaat.

Cara Daftar & Pasang Widget Histats di Blog anda

histats.com adalah situs yang menyediakan layanan secara real time monitor statistik untuk situs kita. fungsi dari histats.com adalah untuk mengetahui mulai dari berapa jumlah total artikel yang di lihat, berapa jumlah total pengunjung yang datang sampai berapa jumlah pengunjung dan artikel yang dilihat perhari.
histats.com menyediakan layanan ini secara gratis, apabila tertarik untuk memasang data statistik di blog/web, cara daftarnya cukup mudah :

Masuk ke alamat http://www.histats.com/
Lalu klik Register pada menu
Lalu kita masuk pada halaman buat akun Login Data, isilah form- form yang tersedia, lalu klik Continoue
mail : isi dengan e-mail sobat yang aktif [yang belum pernah terdaftar disini]
mail confirm : ketik ulang e-mail tadi
password : Password sebagai pengaman
password confirm : Ketik ulang password
Lanjut, Isi dan lengkapi Form- form Additional information
Jangan lupa centang kotak kecil Publisher Agreement Terms
Klik UPDATE, jika berhasil maka akan keluar notification seperti ini: [ jika masih gagal coba cek kembali apa yang salah/ mungkin masih ada yang kurang ]

Setelah anda selesai mendaftar, langkah selanjutnya adalah mendapatkan code histats dan memasangnya di widget di blog anda. caranya cukup mudah, silakan ikuti petunjuk di bawah ini :
1. Setelah selesai mendaftar langkah pertama adalah login dengan email dan password yang tadi anda buat
2. Klik Add Website
3. Isi form- form yang tersedia
site url : isi dengan url blog / website anda dengan format www.namawebloganda.com
title : isi dengan judul blog
description : deskripsi blog
Page views start value: jumlah page views awal
visitor start value: jumlah visitor awal
time zone : aturlah format wakunya
type : tipe blog / websote
category: termasuk jenis apa/ kategori apa blog/ wesbsite anda
caphtcha isi kode capchta yang muncul
4. Klik Continoue
5. klik icon seperti gambar di bawah ini:

6. klik Counter code

7. klik Add new counter

8. Selanjutnya;

pilih kategori style widget histats yang tersedia
pilih dan klik salah satu style/ model widget histats yang anda minati
Pilih dan atur informasi yang tampil
klik simpan

9. klik id counter yang telah anda buat tadi maka otomatis di bawahnya akan muncul kode script pemasangannya [Copy kode-kodenya]

10. Login ke blogger – pada halaman dashboard klik Tata Letak
11. klik Add Gadget – HTML/Javascript
12. Paste kode tadi
13. Simpan dan lihat hasilnya
Selamat mencoba…

Assalamualaikum... ترحيب

ZoeL

Tips memprotek blog dari penjiplakan

trick membuat readmore otomatis di blog

Membuat gambar Berada Di pojok blog

cara membuat widgets 3 kolom di bawah header blog

membuat text area di postingan blog

Cara Daftar & Pasang Widget Histats di Blog anda

Tips - Trick komputer

Mampir di sini

Cheat gamers Point blank / yang terkait

Category pendidikan

Tips-Trick Blogger widget dan kode Javascript

Category software dan aplikasi

Lain-Lain

Recent Post

Followers