Jumat, 24 September 2010

Tips memasang efek terkelupas(peel effect)

Pernah tidak sobat blogger berfikir untuk membuat sesuatu yang beru dengan tampilan blognya? Misalnya dengan membuat efek halaman terkelupas pada sudut template(add peel effect) yang serba guna dan bisa buat pasang add untuk blogger. Tampilannya yang bagus akan menarik perhatian pengunjung blog anda.Selain terlihat keren sangat baik dijadikan tempat memasang iklan.Nah, dengan bantuan javascript sebagai hack ini bekerja pada jquery dan css.
Pertama saya ingin berterimakasih pada sohtanaka untuk membuat jquery hack ini dan kemudian naeemnur untuk membuatnya berfungsi untuk bekerja di blogger.Demo
Sekarang mari kita mulai:
• Loggin ke akun blogger sobat
• Masuk ke layout(element halaman)>Edit Html>Tekan Ctrl+F
• Cari kode dan pasang kode dibawah ini tepat diatasnya

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});


});
</script>





Kode garis merah merupakan url gambar yang ingin Anda tampilkan di add, silahkan sobat rubah sesuai dengan url gambar yang sobat punya.
Sekarang cari tag dan tempat kode di bawah ini setelah itu.



<div id='pageflip'>
<a href='http://feeds2.feedburner.com/anshuldudeja'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>





Dalam kode di atas dua tulisan berwarna  merah adalah url, Satu untuk link ke iklan dan satu ke gambar yang mengupas selama advertisement.
Nah selesai , selamat mencoba.....



Kamis, 16 September 2010

Tips Optimasi Blog

Tips Optimasi Blog
Masih ingat dengan game Need for speed? Pernah tidak berpikir untuk membuat halaman blognya secepat film Need For Speed ?Tahu tidak kalau kecepatan loading page halaman blog sangat berpengaruh pada kenyamanan pengunjung , selain kualitas konten dan kualitas posting atau tulisan. Sudah menjadi sifat dasar manusia dimana menunggu adalah pekerjaan yang sangat membosankan, ini yang harus kita cermati bersama, jangan sampai pengunjung kabur dan pindah ke situs lain hanya karena blog kita sangat lambat ketika dibuka..walaupun itu hanya telat beberapa detik saja. Faktor kecepatan koneksi juga bisa dikatakan sebagai salah satu biang kerok, meskipun kita berpikir halaman blog kita tampil secepat kilat ketika dibuka pada komputer kita sendiri, tapi tidak begitu khan dengan koneksi pengunjung :)
Berikut ini beberapa tips yang layak dicoba untuk meng-optimalkan loading blog anda…(thanks to O-om.com)

10 Cara Optimasi Halaman Blog Agar tampil lebih cepat:

1. Buang Spasi kosong pada kode HTML
Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu dengan memadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasa tidak berguna. Salah satunya  termasuk juga dalam Inline untuk kode Javascript dan CSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte data dan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yang tidak perlu saya biasanya menggunakan Tools Editor seperti Notepat++. Caranya sangat mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilih menu TextFX -> TextFX Edit dan pilih Delete Blank Lines atau Delete Surplus Blank Lines.

2. Lakukan Kompresi CSS (Stylesheet)dan javascript
Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatas yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean CSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor dan cssmin.js.
Untuk Javacsript hampir sama dengan CSS yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada javascript silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin

Sabtu, 11 September 2010

Welcome back my self


 Minal Aidin WalFaidzin pada semua rekan bloggers,sobat-sobatku,my big family dan saudara sesama muslim .Mohon maaf lahir dan bathin.
Alhamdulillah ,akhirnya setelah sekian lama menghilang dari dunia bloggers ,tak terasa aku rindu padamu my blogger dan kujadikan moment Idul Fitri ini untuk kembali aktif .Moga-moga moment ini adalah moment yang tepat buat comeback once again... Amien

Malam (Tanpa asa)

Malam meniupkan melody kehidupan
Membelai jiwa yang terjaga
Menyanyikan lagu membelai kalbu
Iramanya menembus setiap dada yang beku
Mengajak hati yang pilu tuk berdendang
Sungguh harmonis beat dan iramanya
Darahpun ikut bergolak ,menari dan mengalir
Bergerak berirama memompa dan berdenyut

Tapi…..
Mengapa aku tak terpanggil olehnya?
Mengapa aku tak mendengar nyanyiannya?
Mengapa hatiku tak merasakannya?
Mengapa?
Ku hanya mampu duduk terdiam
Menerawang ke angkasa
Membawa jiwa dan harapanku mengambang
Terjepit diantara gugusan galaksi
Membiarkan hidup dan waktu mengalir pergi
Meninggalkanku dalam sepi
Tanpa asa ….
Tanpa Impian….

Related Posts with Thumbnails Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan. readbud - get paid to read and rate articles