Ads 468x60px

Tampilkan postingan dengan label Tip Bloging. Tampilkan semua postingan
Tampilkan postingan dengan label Tip Bloging. Tampilkan semua postingan

Kamis, 31 Mei 2012

Membuka Proteksi Halaman Blog


Membuka Proteksi Halaman Web/Blog Yang Tidak Bisa Dicopy

Ketika anda menemukan artikel yang anda cari di blog atau website, dan anda perlu untuk mengcopynya namun tidak bisa karena halamannya diproteksi, misalnya  artikelnya  tidak bisa dihighlight (diseleksi), atau tidak bisa diklik kanan, sehingga anda tidak bisa mengcopynya.

Umumnya proteksi tersebut menggunakan javascript, jadi untuk membuka proteksi tersebut yang kita lakukan adalah mendisable / mematikan javascript pada browsernya.

Berikut ini cara mendisable / menonaktifkan / mematikan javascript untuk browser Google Chrome, Mozilla Firefox
(Setelah Javacript dimatikan,  refresh  kembali halaman web atau blog yang diproteksi tadi).


Disable JavaScript pada Google Chrome


• Klik pada menu setting (logo tool di sebelah kanan halaman)
• Kemudian klik Options



• Pilih menu Under the Hood
• Klik pada Content settings


• Pada JavaSript, pilih Do not allow any site to run JavaScript





Disable Javascript pada Mozilla Firefox

• Masuk ke Menu Options













• Pilih Tab Content
• Lepaskan tanda Centang pada Enable JavaScript


• Klik OK
Reade more >>

Jumat, 30 September 2011

Cara Membuat Buku Tamu Melayang




Artikel ini khusus aku posting buat sahabat ku Triando yang ingin membuat buku tamu melayang, sebenarnya ia telah lama meminta ku untuk membuat tutorialnya, tapi karena kesibukkan baru kali ini Admin bisa mempostingnya. Ok, langsung aja nich . . .

Pernah tidak melihat sebuah blog yang di samping kanan atas ada tulisan Buku Tamu dengan background hijau, yang kalau diklik akan keluar form isian yang menanyakan Nama, Website dan Message.

Buku Tamu tersebut melayang yang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap nampak. Mau tahu caranya?

1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8KjnABwynMS7g-qiwPTDrEMtG-QzGVnhMx1fBycF08i23ly-WAJYjE-x3QtHWPmHKOICaM3331o7CFRXXZw1TGddAEgVZ5PFFy5sGCPccOkzBSz4ZakKkg4ZgbIZ6yRJZ7Y3a6ch1m3Xd/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://makassar-09.blogspot.com/2009/08/trik-membuat-buku-tamu-melayang.html">
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


CATATAN :
1. Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix

2. Icon Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di background.

3. Selamat Mencoba !!!



sumber : http://rilexnet.blogspot.com
Reade more >>

Cara Meningkatkan Kecepatan Loading Blog

PAGI Setiap blogger dan webmaster pasti ingin mempunyai blog/website yang cepat ketika loading. Begitu juga dengan Bloger yang selalu mencoba untuk memperbaiki kualitas blog termasuk dari sisi kecepatan loading.

Ada beberapa hal yang dapat menghambat kecepatan loading suatu blog, yaitu jika blog itu memiliki total ukuran atau size yang besar yang didalamnya mengandung :
1. Bermacam-macam komponen, baik dari segi template itu sendiri, gambar, banner, flash grafik
2. Ataupun widget yang dipasang dalam blog untuk mempercantik blog.
3. Juga dipengaruhi oleh kemampuan dan kecepatan akses internet yang kita gunakan.
Pengaruh di atas dapat membuat kecepatan blog menjadi berkurang atau menjadi lambat ketika orang lain mencoba untuk mengaksesnya. Dengan pengaruh negatif ini, tentunya blog kita akan ditinggalkan oleh blogger lain karena membutuhkan waktu yang lama untuk bisa masuk ke dalam blog, apalagi bagi pengguna internet yang memakai akses dial-up tentu sangat terasa pengaruhnya. Untuk itu saya berupaya membuat beberapa cara untuk meringankan dan mempercepat loading blog. Sebagai berikut:

1. Test kecepatan loading blog
Hal pertama yang perlu dilakukan oleh teman-teman yaitu mengecek kecepatan loading blog dalam beberapa website penyedia tool tersebut. Kita bisa menggunakan jasa ini dengan mencarinya di search engine Google atau bisa dengan mengunjungi iwebtool speed test.

2. Kompresor GZIP dan Ob_gzhandler
Setelah mengetahui kecepatan loading blog, langkah selanjutnya untuk menambah kecepatan blog yaitu dengan mengkompress HTML size dengan menggunakan kode GZIP dan ob_gzhandler. Cara ini bisa mengurangi ukuran blog hingga 80% dari ukuran sebenarnya ketika blog diakses, karena sistem kerjanya adalah dengan mengkompress data yang masuk ke server provider blog baru kemudian di arahkan ke browser. Teman-teman hanya perlu mengcopy kode dibawah ini ke dalam kode template:

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>

Atau kode dibawah ini

<?php
ob_start("ob_gzhandler");
?>

Kemudian paste/letakkan kode tersebut di atas kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1

di paling atas template blog dan di save.
3. Convert/kompress ukuran gambar
Gambar yang di upload dalam blog juga bisa mempengaruhi lama tidaknya loading suatu blog, karena gambar apalagi yang ukurannya besar akan memakan bandwith yang cukup besar, sehingga untuk menampilkannya dibutuhkan beberapa waktu. Untuk itu sebelum upload gambar ( atau jika sudah diupload juga tidak masalah) ke dalam blog, kita bisa mengkompress atau convert ukuran file tersebut ke ukuran yang lebih kecil. Motekaria bisa menggunakan jasaimage optimizer secara gratis untuk merubah ukuran file tanpa mengurangi kualitas gambar tersebut. Setelah mengupload gambar ke dalam situs ini, kita bisa memilih jenis kompresi dalam bentuk JPEG, GIF dan PNG. Setelah itu tool image optimizer ini akan menampilkan hasil gambar dari kualitas gambar 90% sampai kualitas gambar paling rendah yaitu 10%.

4. Gunakan CSS compressor
Untuk lebih memaksimalkannya kita juga bisa mengkompress kode CSS dalam template blog dengan cara manual atau dengan bantuan online tool. Cara ini bertujuan untuk merampingkan ukuran kode CSS dalam blog dengan menghilangkan kode yang tidak perlu dan memadatkannya (contohnya: menghilangkan jarak spasi yang tidak diperlukan dan menghapus komentar). Untuk melakukannya Motekaria dapat mengcopy kode CSS dalam template blog kemudian kunjungi situs CSS drive compressor . Ada 3 pilihan jenis kompresi yaitu:

1. light
2. normal
3. super compact.
Sebaiknya pilih yang normal saja untuk hasil yang relevan. Sedangkan untuk komentar juga ada 3 pilihan:
1. don’t strip any comment
2. strip all comment
3. strip comment at least (...) characters long (not counting line breaks within comment)
    Motekaria dapat memilih apakah komentar tidak perlu dihapus, dihapus semua atau dihapus sebagian (menghapus komentar yang memiliki panjang beberapa karakter sesuai keinginan masing-masing). Jika ingin menggunakan custom setting, Motekaria juga bisa memilih sendiri jenis kompresi yang diinginkan dengan merubahnya ke “advanced mode”. Layanan ini dapat mengkompress ukuran CSS antara 10%-20%.

    5. Javascript compressor
    Jika blog masih terasa berat, maka langkah selanjutnya adalah dengan mengkompress kode widget (javascript) dalam blog. Caranya mirip dengan CSS compressor, yaitu dengan memadatkan kode javascript yang panjang sehingga lebih ramping tanpa mengurangi atau merubah fungsi widget tersebut. Untuk menggunakannya bisa mengunjungi situs JS minifier dan memilih 3 tingkatan kompresi yaitu, minimal, conservative dan aggressive. Andy sendiri bisa mengkompress 5%-10% untuk masing-masing widget yang ada dalam blog. Tapi kalau untuk kode iklan sebaiknya jangan dikompress karena nanti bisa-bisa menimbulkan masalah.

    6. Software HTML Compressor
    Untuk alternatif lain, bisa menggunakan software freeware “absolute html compressor” untuk mengkompress kode HTML baik secara default setting atau custom setting tanpa memerlukan koneksi internet. Software ini memiliki kemampuan yang sama dengan online tool CSS compressor dan javascript compressor. HTML compressor dapat didownload secara gratis di alentum.com

    Akhirnya dengan cara ini kecepatan loading blog bisa lebih dimaksimalkan lagi khususnya bagi sya pribadi Sehingga blog menjadi ringan dan pengunjung/blogger lain bisa betah mengunjungi blog dan berpengaruh pada tingkat pageviews artikel dan juga meningkatnya trafik. Terima kasih

    Selamat mencoba dan perhatikan apa yang terjadi ... 

    Sumber dari: 
    Reade more >>