rss

Sabtu, 10 Juli 2010

DeddyCamp.com

DeddyCamp.com


Membuat Efek Zoom Pada Gambar

Posted: 10 Jul 2010 03:04 AM PDT

Pada dasarnya membuat efek zoom pada gambar cukup banyak manfaatnya, selain menghemat tempat, sekaligus mempercantik tampilan blog kita. Ada kalanya dimana kita mempunyai gambar yang sangat besar dan harus di tampilkan dalam ukuran yang besar, wah tempatnya ga cukup nih mas, itu bisa menjadi kendala dalam optimasi gambar yang hendak ditampilkan. Sementara anda tidak ingin gambar tersebut berlalu begitu saja tanpa sentuhan pengunjung sedikitpun.

Tutorial membuat efek zoom pada gambar ini sangat mudah, cukup menambahkan kode css pada template dan sedikit mengedit kode gambar yang anda miliki. Ga usah panjang lebar ya, langsung praktek aja. Sip, sekarang silahkan siapkan komputer anda dulu, plus kopi dan rokok sebagai pelengkap.

1. Silahkan login ke Blogger terlebih dahulu.

2. Kemudian klik Rancangan.

3. Tuju halaman Edit HTML.

4. Letakkan kode css berikut ini, tepat diatas / sebelum kode ]]></b:skin>

/* Zoom Efek */
.thumbnail{position:relative;z-index:0}
.thumbnail:hover{background-color:transparent;z-index:50}
.thumbnail span{position:absolute;left:-1000px;visibility:hidden;color: black;text-decoration: none}
.thumbnail span img{border-width:0;padding:2px}
.thumbnail:hover span {visibility: visible;top: 0;left: 60px}

5. Jangan lupa Simpan Template.

Untuk membuat gambarnya zoom-nya, berikut contoh gambar yang saya punya :

<a href="http://t1.gstatic.com/images?q=tbn:xnEhSbzKwviYCM:http://sbelen.files.wordpress.com/2008/10/money_tree5librarythinkquestorg.jpg" target="_blank"><img src="http://t1.gstatic.com/images?q=tbn:xnEhSbzKwviYCM:http://sbelen.files.wordpress.com/2008/10/money_tree5librarythinkquestorg.jpg" border="0" alt="Pohon Uang"></a>

Kemudian hapus tulisan yang berwarna Biru, tambahkan dengan tulisan yang berwarna merah, sehingga menjadi seperti berikut :

<a class="thumbnail" href="#thumb"><img src="http://t1.gstatic.com/images?q=tbn:xnEhSbzKwviYCM:http://sbelen.files.wordpress.com/2008/10/money_tree5librarythinkquestorg.jpg" border="0" alt="Pohon Uang"><span><img src="http://t1.gstatic.com/images?q=tbn:xnEhSbzKwviYCM:http://sbelen.files.wordpress.com/2008/10/money_tree5librarythinkquestorg.jpg" width="380px" height="300px";/></span></a>

coba sekarang sobat sorot gambar dibawah ini :

Pohon Uang

Sedangkan kode HTMl untuk text adalah sebagai berikut :

<a class="thumbnail" href="#thumb">Contoh Gambar<span><img src=http://t1.gstatic.com/images?q=tbn:xnEhSbzKwviYCM:http://sbelen.files.wordpress.com/2008/10/money_tree5librarythinkquestorg.jpg /></span></a>

Coba di sorot tulisan berwarna Biru dibawah ini :

Contoh Gambar

Ukuran besarnya gambar yang akan di zoom silahkan anda atur sesuai keinginan, silahkan ganti  yang berwarna Biru dengan ukuran yang anda inginkan saat di zoom, sesuaikan juga dengan ukuran asli gambar agar gambar yang di zoom tidak pecah atau kabur. Oke sob,

Selamat mencoba ya, Semoga berhasil

Membuat Spoiler

Posted: 10 Jul 2010 01:38 AM PDT

Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya anda juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.

Spoiler ini bisa anda letakkan di postingan, mungkin anda gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.

Contoh

Spoiler:
Letakkan kode script, HTML dan teks anda disini

Untuk membuat spoiler, silahkan sobat anda kode script nya dibawah ini :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini

<br>
</div>
</div>
</div>

Keterangan :

1. Untuk tulisan Open dan Close bisa anda ganti sesuai keinginan.
2. Width : 55px untuk lebar spoiler.
3. Font-size: 11px untuk besar tulisan pada kotak spoiler.
4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan anda.

Selamat mencoba

Febby Febiola Direkam Mahasiswa Ketika Sedang Pipis

Posted: 09 Jul 2010 09:38 AM PDT

JAKARTA - Febby Febiola sedang sial. Dia dikerjai mahasiswa iseng. Ketika tengah buang air kecil di toilet sebuah mall, ada mahasiswa nakal yang merekam menggunakan kamera ponsel.

Kejadian tidak mengenakkan itu dialami Febby pada 30 Juni 2010, sekira pukul 22.00 WIB. Febby tengah pipis di toilet FX, Jalan Sudirman, Jakarta. Ketika menengadahkan kepala ke atas, aktris cantik ini melihat ada tangan sedang memegang ponsel seperti tengah merekam kegiatan buang hajatnya dari bilik toilet di sebelah.

Febby spontan menuntaskan buang air kecil dan langsung keluar dari toilet. Artis kelahiran 24 Mei 1978 ini lalu menggedor-gedor pintu toilet di sebelahnya dan meminta pelaku keluar. Lantaran pelaku tidak mau keluar, Febby memanggil satpam yang lalu memaksa pelaku keluar.

Betapa terkejutnya Febby karena ternyata pelaku adalah laki-laki yang masih berstatus mahasiswa. Akibat kejadian ini, bintang sinetron yang eksis sejak era 90-an itu lalu melapor ke Polda Metro Jaya.

"Iya, dia sudah melapor," ujar manajer Febby, Tiny, yang dihubungi okezone, Jumat (9/7/2010). Sayang, Tiny menolak berbicara banyak. Dia meminta supaya langsung bertemu Febby saja. "Langsung nanti ketemu mbak Febby saja," tukasnya.

Recent Post with Thumbnails and Comment Count

Posted: 09 Jul 2010 09:08 AM PDT

Lagi-lagi tentang Recent posts, semoga anda tidak bosan dengan postingan saya

Widget ini agak berbeda dari recent posts part 1, bedanya disini kita bisa atur lebar widget, warna border, ukuran font, tinggi dan lebar thumbnails, dll. Tapi kelemahan widget ini adalah tidak adanya cuplikan isi post atau preview dari postingan kita. Silahkan pilih anda mau menggunkan yang mana.

Mau coba yang ini ? ayo kita lanjutkan. Jika dalam tulisan / postingan, anda tidak pernah memasukkan gambar, maka gambar akan menjadi kotak hitam dan akan terlihat kurang bagus, jadi sebaiknya jika anda menulis artikel, masukkanlah minimal 1 gambar agar dalam widget recent posts ini muncul gambar / thumbnails dari postingan kita. Lanjut, silahkan ikuti langkah-langkahnya berikut ini :

1. Seperti biasa, loginlah ke blogger terlebih dahulu.

2. Klik Rancangan

3. Klik Elemen Laman

4. Kemudian klik Tambah Gadget.

5. Pilih yang HTML / Javascript, lalu masukkan kode scriptnya berikut ini :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#FFFFFF";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://namabloganda.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

6. Yang harus di ganti / edit:

boxwidth = 298 --> lebar kotak widget
cellspacing = 8 --> ruang di antara sel
borderColor = "#FFFFFF" --> warna border / garis pada kotak
thumbwidth = 40 --> lebar thumbnails
thumbheight = 40 --> tinggi thumbnails
fntsize = 12 --> ukuran font (huruf)
acolor = "#666" --> warna Judul
aBold = true --> tebal huruf pada judul post (true or false)
numposts = 5 --> jumlah judul post yang ingin ditampilkan
home_page = http://namabloganda.blogspot.com/ --> ganti dengan alamat url blog anda.

Untuk kode warna-warna, bisa lihat disini.

7. Kemudian Simpan.

Selamat berkreasi !!

Pasang Total Komentar dan Total Post

Posted: 09 Jul 2010 08:45 AM PDT

Untuk memudahkan kita melihat jumlah Pengunjung yang sudah berkomentar di blog kita, anda bisa pasang script untuk total komentar di blog anda, script ini termasuk yang banyak di gunakan oleh blogger, selain script total post / artikel yang ada di blog kita.

Kalau total posts sendiri sebenarnya anda bisa melihat di halaman dashboard blogger, namun jika anda tertarik untuk memasangnya sekedar untuk mempelihatkan jumlah postingan yang sudah anda buat, ya monggo disini juga ada scriptnya. Script total komentar ini ada bagusnya anda letakkan dibawah recent comments, itu pun jika anda telah memasangnya.

Dan begitupun untuk total posts sebaiknya dipasang dibawah recent posts, karena selain terlihat bagus juga agar tidak berantakkan.

Langsung praktek, berikut kode script total komentar dan total posts nya :

Kode script untuk total komentar :

<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t +'</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Kode script untuk total posts :

<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Yang harus diganti hanya tulisan dengan warna merah saja, ganti dengan alamat blog anda. Untuk meletakkannya sudah tau kan ? bagi yang masih belum tau, silahkan ikuti langkah-langkahnya berikut ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan

3. Klik Elemen Laman

4. kemudian klik Tambah Gadget.

5. Pilih yang HTML / Javascript, kemudian masukkan salah satu kode script diatas.

6. Setelah itu Simpan.

Mudah kan, silahkan di coba aja biar tau.

Selamat Mencoba

Istilah PPC (Pay Per Click) dalam Bisnis Internet

Posted: 09 Jul 2010 08:23 AM PDT

Apakah itu PPC ? Arti PPC secara singkatan adalah Pay Per Click. PPC ialah jalan / metode beriklan di sebuah search engine. Ambil contoh, Google Adsense untuk yang Internasional Kumpul Blogger dan AdsenseCamp Khusus Indonesia. Layanan pasang iklan Google ini adalah salah satu pioner PPC. Mereka adalah link daftar sponsor yg bisa kita temukan setiap kali melakukan pencarian. Bila kita pakai jasa iklan ini, maka akan ada biaya yg harus dibayar setiap kali pengunjung atau web surfer meng-klik iklan kita pasang.

Posisi Google dalam PPC itu semacam broker penghubung antara para pengiklan dengan mereka yg akan memasang kode iklan adsense pada website mereka. Oleh karenanya, sebelum menjadi pemasang iklan, ada proses bidding / penawaran harga. Penawaran tertinggi untuk harga per klik sebuah keyword akan mendapatkan posisi palig atas dalam daftar iklan yg nantinya ditampilkan. Hal ini perlu sekali dipahami bila hendak daftar adwords sebagai strategi promosi situs kita.

Keuntungan adwords itu jelas, yaitu kontrol penuh. Kebanyakan provider PPC advertising memberi ijin menentukan target market, baik berdasar lokasi geografis, jenis industri, maupun topik. Melalui jenis periklanan ini, kamu bisa kontrol penuh kampanye promosi brand sambil memilih memilah desain iklan yg diinginkan. Selain itu, pemasang iklan bisa mengatur target audience sambil tetap menjaga neraca pengeluaran stabil. Hehehe sudah pasti kita tidak ingin performa investasi iklan kita, malah membuat budget bagi pos pengeluaran lain terganggu. Bisa bisa kita punya bisnis bangkrut tanpa, tanpa kita sendiri menyadarinya.

Ada beberapa keuntungan yg akan diperoleh bila punya strategi PPC maksimal :

1. PPC bisa menampilkan iklan promosi kita pada seluruh tingkatan sosial pada lapisan komunitas online. Dari situs buat orang kaya, orang miskin, situs jompo, maupun situs bocah. Tanpa kecuali, semua situs yg ditulisi kode adwords produk kita, bisa menjadi alat promosi.

2. Desain iklan PPC itu mudah. Kita tidak butuh pengetahuan komputer mendalam.

3. Sekilas, Biaya iklan PPC itu mahal dan keamanan iklan juga rawan. Mungkinkah ada orang yg curang klik iklan kita ? Jelas perbuatan manusia cule barusan itu membuat kita harus membayar nota biaya yg besar padahal tidak profit yg kita peroleh, baik dalam sisi pemasukan maupun sisi promosi brand. Tapi jangan khawatir karena telah disediakan proteksi. Jaringan situs PPC, umumnya, sudah berhasil lacak klik bohong atau click fraud.

4. Kita bisa mensetting biaya pengeluaran maksimal untuk periode tertentu. Pada saat budget habis setelah diklik sekian kali, maka ads / iklan online kita tidak akan ditampilkan sampai periode berikutnya.

5. Pemasang Iklan mampu dengan mudah membaca trend demand terkini sehingga bisa cepat adaptasi mengikuti trend.

Dalam memutuskan strategi promosi Pay per click (PPC) yg tepat, ada baiknya, kita memikirkan goal (objektif) dan resource (sumber daya). Keduanya bisa dioptimasi agar anggaran tidak bobol. Rahasia sukses bisnis internet sepenuhnya berada pada tanganmu. Semoga kita mendapatkan apa yg kita inginkan.

Salam Sukses

0 komentar:


Posting Komentar

Terima kasih atas komentar anda

Related Posts with Thumbnails

Menu Blog Ini

Buka Semua | Tutup Semua

Dalam Proses, Mohon Tunggu
Sponsored By :Satpol Temanggung.

Info Satpol

Posting Gratis Di Sini


Nama
Email
Judul
Tentang
Kategori
Gambar
Isi
Image Verification
captcha
Please enter the text from the image:
[ Refresh Image ] [ What's This? ]

Powered byEMF Email Form

INSPIRASI

Check Page Rank of any web site pages instantly:
This free page rank checking tool is powered by Page Rank Checker service
 
" SILAHKAN KIRIM PESAN MAUPUN KOMENTAR ANDA, AKAN KAMI HARGAI TULISAN ANDA, TERIMA KASIH "

Ikuti beritaku

Kembali lagi ke atas