Monday 30 March 2009

Membuat Gambar Graffiti Online

Tau gak graffiti itu apa?, yang menurut saya graffiti itu yang biasanya tulisan-tulisan keren yang digambar oleh seniman graffiti di tembok-tembok kota itu lho? untuk mengexpresikan kebebasanya. Biasanya berupa tulisan-tulisan yang dibuat sedemikian unik dan artistik dan bahkan berupa gambar-gambar. Nah bisa gak Anda membuat tulisan bergaya graffiti dengan mudah?

Graffiti creator
jawabnya karena disitu Anda bisa membuat tulisan-tulisan bergaya graffiti dengan mudah. Selain itu?
Anda juga bisa melihat gallery para seniman graffity manca negara yang memamerkan karyanya di situs itu. Pokoknya asyik dan keren deh. Kunjungi aja nih www.graffiticreator.net




Gambar diatas keren gak? sengihnampakgigisengihnampakgigisengihnampakgigi

ASCII Generator Dan Pengertian ASCII

Halo sobat blogger dimanapun Anda berada kali ini Saya akan membahas tentang ASCII (American Standard Code for Information Interchange), asing bukan yah kata-kata itu? tapi secara tidak menyadarinya kita sering menjumpainya nah sebenarnya apa itu ASCII?

ASCII (American Standard Code for Information Interchange) adalah suatu standar internasional dalam kode huruf dan simbol seperti Hex dan Unicode tetapi ASCII lebih bersifat universal, contohnya 124 adalah untuk karakter "|". Ia selalu digunakan oleh komputer dan alat komunikasi lain untuk menunjukkan teks. Kode ASCII sebenarnya memiliki komposisi bilangan biner sebanyak 8 bit. Dimulai dari 00000000 hingga 11111111. Total kombinasi yang dihasilkan sebanyak 256, dimulai dari kode 0 hingga 255 dalam sistem bilangan Desimal. (http://id.wikipedia.org/wiki/ASCII).

Nah sekarang bahasan utamanya adalah membuat karya seni dengan ASCII art, sering kita mendapat sebuah seni text yang berbentuk gambar misalnya :

Gambar Mobil.
   ___________________
|,-----.,-----.,---.\
|| || || \\
|`-----'|-----||-----\`----.
[ | -||- _| (|
[ ,--. |_____||___/.--. |
=-(( `))-----------(( `))-==
`--' `--'
Dan masih banyak contoh yang lainya kunjungui situs ini. Dan pada zaman dahulu printer tidak bisa membuat grafis dan ASCII art inilah alternatifnya. encem

ASCII generator memudahkan Anda yang ingin membuat ASCII art dengan text atau gambar, mau tau caranya kunjungi saja http://ascii.mastervb.net/
Silahkan ikuti petunjuk dari situs itu dan buat kreasimu sendiri.

Untuk tips biasanya untuk membuat ASCII art pada HTML menggnuakan tag
 dan ditutup 
agar code-code ASCII tersusun rapi dan tidak terpecah-pecah.

Nah sedikit tentang ASCII silahkan mencoba mengembangkan kreatifitas.
untuk lebih banyak situs yang menyediakan ASCII generator silahkan brwosing.


:wave:

Cara Membuat Forum

Forum atau media diskusi yang memungkinkan member dapat saling bertukar pikiran dan saling tanya dan menjawab antara anggota, atau dalam artian pendek adalah bertemunya sang newbie (pemula) dengan master (jagoan) dalam sebuah topik pembicaraan, wah saya sedikit ngawur untuk lebih jelasnya tanyakan saja pada mbah google .

Kita dapat membuat forum sendiri secara gratis. Mau tau caranya?

berikut langkah-langkahnya :

  1. Buka situs www.forumotion.com

  2. Lalu klik tombol "Creat a free forum"

  3. Lalu pilih sebuah sistem forum : phpbb3, phpbb2, invison atau punBB.

  4. Kemudian pilih sebuah templatenya dan klik tombol "continue"

  5. Lalu isi form forum information dan form admin information sesuai dengan data Anda

  6. Kalau langkah ke 5 sudah diisi dengan benar kemudian centang "I Agree...." dan klik tombol continue.

  7. Kemudian ada test admin password diisi samakan dengan password Anda tadi dan klik continue.

  8. Jadi deh.sengihnampakgigi dan silahkan ikuti keterangan berikutnya untuk memanagement forum Anda.
Nah diatas sedikit tutorial cara membuat forum dan untuk versi indonesiannya masuk saja situs www.indonesianforum.net, semoga bermanfaat.


babaibabaibabai

Perubahan Bentuk widget Follower

Dapet kabar dari blogger buzz serta mas ade sanusi katanya widget follower berubah tampilan menjadi sekaligus widget google friend connect, ternyata setelah saya buktikan benar apa katanya. widget follower yang memberikan fasilitas subscribe pada dashboard blogger yang mengikuti dan sekarang ada tambahan "google friend connect" pada widget tersebut.



Dengan perubahan tampilan dan tambahan fitur ini semoga para blogger lebih suka dan menikmati fasilitas yang baru dan keunggulannya. Untuk blogger maju terus memberikan tren gaya hidup digital.

PDF E-book Search Engine

Untuk para penggemar "Electronic Book" atau yang sering disingkat E-book berbentuk PDF (Portable document format) yang bisa dibaca dengan PDF reader misalnya Adobe Reader atau software sejenis, untuk mencari E-book sudah tersedia search engine yang melayani kita untuk mencari E-book dengan format PDF.
pdf-search-engine memberikan fasilitas PDF search engine dari berbagai situs yang menyediakan PDF dengan gratis.

Jadi tak usah pusing jika kita mau mencari e-book secara online tinggal cari di pdf-search-engine dengan cara masukkan kata kunci buku yang dicari kemudian klik tombol "search books" nah maka akan muncul e-book berformat PDF sesuai dengan kata kunci Anda.
Jika mau mencoba mencari PDF silahkan kunjungi disini.

Widget Penerjemah Dari Google

Widget penerjemah bahasa dari google ini sudah banyak digunakan dikalangan blogger dan webmaster, apabila ada pengunjung dari manca negara yang tidak bisa mengartikan bahasa indonesia kedalam bahasa yang diinginkan maka widget google translate bisa membantu menerjemahkan situs kita, tapi jika kita menggunakan bahasa yang tidak baku google translate akan kesulitan menerjemahkanya, jadi diharapkan menggunakan bahasa baku jika ingin sempurna diterjemahkan oleh google translate ini.

dibawah ini adalah bentuk widget tool dari google translate :





Gadgets powered by Google


Udah dicoba belum? kalau sudah jika mau pasang widget ini silahkan baca dibawah ini.

Copy paste code dibawah ini kedalam blog Anda dengan cara :

1. Masuk menu Layout kemudian masuk menu Page Elements
2. Pilih box layout yang diinginkan kemudian klik Add new gadgets
3. Pilih Gadget HTML/JavaScript dan taruh code dibawah ini :



Code yang berwarna merah diatas adalah ukuran dari widget yang bisa kamu ubah-ubah. Kalau sudah kemudian SAVE.

Nah sedikit info dari saya dan jika Anda mau menggunakan layanan dari google translate yang lain kunjungi : http://translate.google.com

Membuat Menu Tab View

Menu tabview adalah menu yang berbentuk tabel dengan pengelompokan halaman sesuai dengan tabel menu diatasnya. Menu ini banyak diapakai untuk menghemat tempat pada blog dengan sistem menampilkan atau menutupi halaman tabel sesuai dengan tabel menu diatasnya. Jadi jika kita mengklik menu diatasnya maka halaman tabel yang muncul adalah halaman tabel yang dibuat sesuai dengan menu tabel diatasnya, dan jika kita mengklik menu tabel lain maka yang muncul adalah halaman tabel yang bersesuain namun tetap pada satu tempat itu.

Coba perhatikan dibawah ini :


Gimana sudah paham belum? mau cara buatnya?

Oke kita pakai teori dari Mas Kendhin saja karena mudah dipahami.

Pertama yang harus kamu lakukan adalah Log In dan masuk menu Layout kemudian masuk bagian Edit HTML

Selanjutnya taruh code CSS dibawah ini diatas code ]]>


div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}



Perhatikan text yang berwarna merah itu keterangan dari menu tab view yang bisa kamu edit sesuai keinginan kamu, untuk code warna bisa dilihat disini.

kalau sudah pasang script dibawah ini diatas code





Keterangan :

  1. Code yang berwarna biru diatas adalah lebar dan tinggi tabview yang bisa kamu sesuaikan.
  2. Code yang berwarna hijau adalah text judul dari menu tabel (tab 1, tab 2, tab 3 ....)
  3. Code yang berwarna merah diatas adalah halaman dari tabel yang bisa kamu pasangi code-code gagdet, gambar atau link.
  4. Dan jika ingin menambah halaman tabel perhatikan code yang berkedip, dan tambah seperti itu dibawahnya.
Kalau sudah tinggal SAVE.

CSS Background

Masih membahas tentang CSS (Cascading Style Sheets) background yang memungkinkan Anda dapat mengatur posisi background, warna elemen background, pengulangan background dan yang lainya. Saya akan membahas CSS yang digunakan dalam pengaturan background secara singkat dan jelas, semoga bisa sedikit membantu Anda dalam mengontrol background dari elemen.

Ada beberapa macam property background yang memungkinkan Anda dapat mengontrol background dari elemen.

1. background-color

Memungkinkan Anda memberikan warna pada background











PropertyKeterangan
transparent
Mengosongkan warna background atau membuat elemen menjadi transparan dengan elemen dibawahnya.
#FF3366
Memberi warna pada background, code #FF3366 adalah code warna hex dari warna merah, Anda bisa mengubah dengan code warna rgb atau nama warna misalnya: red (merah), black (hitam), dan sebagainya.

Contoh :
#kotak
{
background-color:#FF3366;
}

Menjadi


ELEMEN KOTAK


2. background-image

Memungkinkan Anda menambahkan gambar pada background











PropertyKeterangan
url(URL_GAMBAR)
memberi gambar pada background elemen, code URL_GAMBAR bisa Anda ganti dengan url server gambar Anda.
none
Mengosongkan background gambar pada elemen.

Contoh:

#elemen-gambar
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg)
}

Menjadi :

ELEMEN GAMBAR

3. background-attachment

Memungkinkan Anda mengatur background gambar dengan pergeseran scroll bar











PropertyKeterangan
scroll
Memungkinkan elemen background mengikuti penggeseran scroll bar.
fixed
Memungkinkan elemen background tidak mengikuti pergeseran dari scroll bar.

Contoh

#elemen-attachment
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg);
background-attachment:fixed
}

Menjadi


BACKGROUND FIXED

GESER SCROLL

BACKGROUND FIXES

GESER SCROLL

4. background-repeat

Memungkinkan Anda mengatur pengulangan background gambar
















PropertyKeterangan
repeat
Membuat elemen gambar background menjadi berulang-ulang
no-repeat
tidak ada pengulangan
repeat-y
pengulangan vertikal
repeat-x
pengulangan horizontal

Contoh :

#elemen-ulang
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg);
background-repeat:repeat-y;
}

Menjadi :
PENGULANGAN BACKGROUND SECARA VERTIKAL


PENGULANGAN BACKGROUND SECARA VERTIKAL


PENGULANGAN BACKGROUND SECARA VERTIKAL

PENGULANGAN BACKGROUND SECARA VERTIKAL

5. background-position

Memungkinkan Anda mengatur posisi background gambar Anda.











PropertyKeterangan
top leftPenempatan posisi background gambar, top left adalah posisi background berada kiri atas, Anda bisa mengganti posisi menjadi :
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%mengatur posisi background secara sumbu horizontal dan vertikal, misalnya 5% 30% adalah penempatan gambar horisontal 5% dan vertikal 30%. Atau bisa menggunakan pixel, 20px 30px artinya posisi horizontal berada pada 2o pixel dan vertikal 30 pixel.

Contoh:

#elemen-posisi
{
background-image:url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg);
background-position:top left;
background-repeat:no-repeat;
height:200px
}

Menjadi :


ELEMEN BACKGROUND

PENGULANGAN

ATAS KIRI

Dari semua perincian diatas Anda dapat menggunakan satu perincian property background saja. misalnya :

#kotak
{
background:#FFFFFF url(http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg) no-repeat top left fixed
}

Nah sedikit tutorial dari Saya semoga dapat membantu Anda. Sekian semoga bermanfaat.

Wednesday 25 March 2009

Mengembalikan layout facebook ke semula

Anda bosan dengan layout facebook pilihan Anda dan ingin mengembalikannya ke semula. Gampang! Caranya pun sangat mudah.

Silakan ikuti langkah berikut ini.

  • Klik ikon stylish di pojok kanan bawah Mozilla, lalu klik Manage Styles.

clip_image002

  • Klik layout yang Anda gunakan lalu klik Delete.

clip_image004

  • Refresh facebook Anda.

clip_image006

Gampang, kan? Ga perlu repot-repot gabung di grup dan mengundang semua teman. Anda bisa mengubah layout facebook kapan pun Anda mau.

Menikmati sendiri tampilan facebook yang berbeda

Tidak seperti friendster, kita tidak bisa mengubah tampilan profil kita di facebook. Sampai akhirnya ada seseorang yang membuat sebuah grup dengan mengharuskan membernya untuk mengundang semua teman supaya bisa mendapatkan trik ini. Padahal, perubahan tampilannya hanya bisa dinikmati sendiri. Sebelum sempat bergabung, saya keburu menemukan trik ini. Trik ini hanya bisa digunakan di Mozilla Firefox.

Daripada repot harus mengundang dulu teman, coba cara ini.

  • Buka Mozilla lalu install plugin ini.

clip_image002

  • Klik Install Now.

clip_image004

  • Setelah selesai, klik Restart Firefox.

clip_image006

  • Login ke facebook Anda.

clip_image008

  • Klik di sini untuk memilih layout. Lalu, pilih salah satu layout.

clip_image010

  • Klik Load into Stylish.

clip_image012

  • Klik Save.

clip_image014

Hasilnya seperti gambar berikut.

clip_image016

Mudah, kan? Ga perlu repot-repot gabung di grup lalu mengundang semua teman.

Perlu Anda ketahui bahwa facebook belum memberikan fasilitas untuk menggnti layout. Jadi, layout ini hanya untuk dinikmati sendiri di computer Anda.

Membuka folder sharing secara penuh

Saat mengaktifkan folder sharing di windows XP, kadang suka ga bisa diakses. Selain masalah pengaturan jaringan, kemungkinan kita harus melakukan konfigurasi lebih lanjut tentang hak akses terhadap folder yang disharing tersebut.

clip_image002

Sebenarnya, hal tersebut untuk alasan keamanan. Namun, jika ingin membukanya secara penuh (siapapun bisa mengakses), Anda bisa membukanya dengan cara sebagai berikut.

  • Klik kanan folder yang akan disharing lalu pilih Sharing and Security.

clip_image004

  • Klik Share this folder lalu klik Permissions.

clip_image006

  • Pilih user Everyone lalu ceklis Allow pada Full Control.

clip_image008

  • Klik OK.

Dengan demikian, folder tersebut bisa diakses oleh siapa pun. Jika ternyata masih tidak bisa diakses, cek ipaddress masing-masing computer.

clip_image010


Males baca, bisa berakibat fatal

Sederhana tapi bisa berakibat fatal. Entah memang ga tahu, sengaja, atau males baca. Kalau kita menambahkan sebuah aplikasi di facebook, ada sebuah konfirmasi yang meminta Anda mengizinkan aplikasi tersebut mengakses profil, foto, profil teman, dan konten lainnya supaya aplikasi tersebut bisa dijalankan.

clip_image002

Kalau kita hanya mengisi profil asal-asalan, mungkin ga terlalu berpengaruh. Namun, bagaimana kalau informasi di profil kita sangat rahasia? Bahkan, tanpa kita sadari, bisa saja sebuah aplikasi mengambil data akun (username dan password). Kalau itu terjadi, siap-siap saja tampilan profil kita jadi aneh. Mungkin ada yang pernah mengalaminya.

Lalu, apa yang harus kita lakukan? Kalau ga penting-penting banget sih, sebaiknya pilih opsi cancel. Kalau mendapat undangan, saya lebih memilih mem-block aplikasi tersebut. Maaf, bukannya saya menolak undangan dari siapapun. Saya ga mau informasi profil saya bisa diakses oleh orang lain dengan media aplikasi. Memang, aplikasi dibuat sangat sederhana dan menarik. Namun, akan terasa tidak menarik kalau suatu saat informasi yang kita miliki digunakan orang lain.

Monday 23 March 2009

Cara mengedit heading [ h2 ] untuk Sidebar

Salah satu mangfaat pengunaan heading/judul ialah untuk mempermudah dalam menentukan sebuah topik. Pada html sendiri heading ini mempunyai tingkatan dan ukuran tertentu, mulai dari h1 sampai h6.

Dan secara default dalam template Minima Standar , pengaturan untuk tag heading h2 di atur secara umum ( inheritance= pewarisan property ), artinya ketika kita mengunakan h2 untuk konten dan untuk judul sidebar maka keduanya akan terlihat sama. dengan mengunakan script css di bawah.

/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .5em;
font:$headerfont;
line-height: .4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

Nah jika kita ingin mengunakan pengaturan h2 antara konten dan judul sidebar berbeda, maka caranya membuat h2 untuk sidebar secara khusus dengan menambahkan selector ID dan property-value .

contohnya seperti ini.

#Sidebar-Wrapper h2 { property:value}

dengan begitu maka h2 untuk sidebar mempunyai aturan sendiri.

Sedangkan jika ingin membuat h2 mempunyai sifat yang lebih khusus lagi pada sebuah judul widget , maka yang perlu di ketahui dulu adalah nama widget dan Id nya.

contoh jika LinkList h2 untuk sidebar sama mengunakan font tebal dan berwarna hitam seperti ini.

  • LinkList1 h2.
    BlogKawan Satu
  • Lisklist2 h2.
    BlogKawan Dua
  • Linklist3 h2.
    BlogKawan Tiga.

ket : LinkList1,LinkList2,Linklist3 merupakan nama widget/gadget yang memiliki sebuah ID ( digunakan untuk tag secara individual dan spesifik, maka untuk penulisannya dalam Css di awali dengan tanda pagar [ # ] ) .

Dan jika saya ingin menampilkan BlogKawan Dua dengan hurup berwarna merah maka penambahkan pada halaman css-nya seperti ini.

#LinkList2 h2 { font-weight;Bold;color;red}

BlogKawan Dua

Otre selain dengan cara di atas, ada lagi cara untuk membuat heading/judul untuk sidebar berbeda satu sama lain, cara ini sering di sebut juga inline style sheet.

pertama centang/tandai di samping tulisan Expand Widget Templates.

kemudian cari tag html h2 yang ingin kita edit atau ingin di atur secara individual. .

dan tambahkan script seperti ini .

style=”background:…..; padding:…..; border:……”>

contohnya saya mengunakan inline style berupa border-top untuk h2 dengan warna yang berbeda-beda

Membuat Sisi Efek Shadow Pada Layout

Biasanya untuk mengunakan sisi sebuah layout yang menampilkan efek shadow, saya sering mengunakan bahan yang sudah jadi. tidak ribet dan tidak perlu mikir, karena kita tinggal donlot templatenya kemudian kita ambil source gambar tersebut.

Namun tidak ada salahnya jika kita membuatnya sendiri, karena yang sering saya alami jika membuat desain yang sedikit rumit dan memerlukan begitu banyak gambar, maka tidak bisa kita hanya mengandalkan gambar dari comot sana comot sini.

otre deh biar tidak binun apa yang saya maksud dengan sisi efek shadow pada sebuah gaya layout. inilah ilustrasi yang saya maksudkan.

Bagiamana cara membuat efek shadow tersebut dalam photoshop ?

Baiklah kita langsung saja.

pertama:

Petakan dulu lebar layout yang akan kita buat. jika ingin mengunakan lebar layout 960px, maka new dokumen nya pilih web 1024 x 768 px, jika lebar yang kita butuhkan sekitar 740px, maka new dokumen-nya 800 x 600 px.

5

kedua :

Dalam menu layer pilih Layer – New – Layer ( Shift+Ctrl+N ), tekan tombol “ D “ , tujuannya untuk mengembalikan warna default palet color ( hitam dan putih ) . Kemudian pilih Rectangle Marquee Tool, buat gambar pada kanvas, dengan cara mendragnya dari atas ke bawah.

6

Ketiga :

Pilih Gradien Tool ( G ), dalam tab option pilih "Foreground to Transparent"

3

Keempat :

Dengan Gradien Tool tersebut , Klik dan Drag mouse sampai di tengah-tengah area pemilihan. Hingga terlihat sebuah gradasi dari warna yang terkuat ke warna yang memudar.

7

Kelima :

Efek shadow yang tadi kita buat turunkan dulu nilai opacity- nya sekitar (70%) kemudian layernya di duplikasi dengan cara, buka menu Layer – Duplikate Layer.

Setelah itu buka menu Edit – Transform – Flip Horizontal. Kemudian drag layer penduplikasinya hingga berjauhan.

Dan kalau perlu tekan tombol ( Ctrl + E ) untuk membuat layer tersebut menjadi menyatu.

4

Mungkin bagi yang belum terbiasa, pasti masih bingung. Setelah membuat ini terus bagaimana cara mengaplikasikanya ke dalam blog.

Apakah seluruh gambarnya kita masukan menjadi sebuah background. ?

Tentu saja tidak, karena yang kita butuhkan hanya sedikit saja gambar. ukuran tingginya tidak lebih sekitar 15 px. yang pengaplikasiannya di bantu dengan skrip Css yakni Background Image-Repeat.

Dan untuk itu , saya mempunyai satu video tutorial yang bagus tentang bagaimana caranya memotong sedikit gambar untuk kita jadikan sebuah background yang di repeat ( di ulang-ulang ). Tutorial ini wajib di miliki bagi anda yang pingin belajar mendesain web. Tutorialnya bisa di donlot di sini.

Smust It ; Kompres Gambar Secara Online

Melanjutkan tulisan tentang “ Menjaga Kualitas Gambar dan waktu Loding “, sebenarnya selain dengan mengunakan photoshop, ada sekian banyak situs atau tool online yang mempermudah cara untuk menkompres atau mengurangi ukuran file gambar untuk kita gunakan pada weblog , baik gambar yang kita gunakan secara inline tag -via postingan , atau melalui CSS stylesheets, dengan kualitas yang sama baiknya.

Salah satunya tool online yang banyak di rekomendasikan , yaitu “ “. Seperti yang bisa kita baca di net.tutsplus atau yahoo yuiblog.

Tool ini juga sekarang sering saya andalkan untuk meng-optimasi gambar . biasanya saya mengunakan dulu optimasi melalui photoshop, setelah itu saya upload untuk di kompres “ Smust It”.

Dari berbagai percobaan dan pengalaman, gambar yang saya kompres sama sekali tidak berubah secara kualitas, dan ukuran filenya 4px samapai 5px berkurang, dan kadang saya mendapatkan lebih dari itu.

Kenapa kita perlu untuk mengkompresi gambar untuk di tampilkan di blog ?

Seperti penjelasan yang bagus dari yahoo yuiblog, ternyata yang paling banyak memperlambat halaman situs populer untuk di akses adalah gambar, rata-rata 46,6%.

7 Etika Bikin Facebook-an Kian Nyaman dan Aman

Walaupun info ini udah agak lama di detikiNet, tapi gpp deh.

Jakarta - Beberapa waktu lalu muncul kasus pria membunuh istrinya karena sang istri mengubah status di Facebook menjadi single. Kasus lain, meski tak seekstrim itu, bisa muncul kapan saja hanya karena situs jejaring semacam Facebook. Lantas bagaimana meminimalisir hal ini terjadi? Beberapa 'etika' Facebook yang dikutip detikINET dari Msnbc berikut mungkin berguna bagi Anda.


1. Status hubungan Anda adalah keputusan bersama pasangan

Jangan pernah mengubah-ubah status hubungan Anda jika tidak didasari kesepakatan bersama antara Anda dan pasangan. Banyak kasus buruk terjadi akibat seseorang merubah statusnya secara sepihak. Jangan lupa, teman-teman Anda atau teman pasangan Anda bisa mengetahui hal ini dengan cepat.

2. Berteman dengan teman dari sahabat Anda pun ada etikanya

Ketika ingin berteman dengan teman sahabat Anda di Facebook, jangan lupakan keberadaan teman Anda yang di sini berperan sebagai 'penghubung'. Katakan dari siapa Anda mengetahui profil mereka. Anda tak mau
dicurigai sebagai sales bukan?

3. Siapkan diri ketika berteman dengan seseorang yang pernah berkencan dengan Anda

Sebelum Anda melakukannya, lebih baik Anda siap mental dulu. Beberapa status yang dia tulis bisa jadi membuat Anda cemburu. Dibutuhkan kedewasaan untuk melakukan hal ini. Namun jika Anda tidak ambil pusing, lakukan saja.

4. Jangan banjiri profil dengan foto, video, dan komentar yang berkaitan dengan gagalnya hubungan Anda

Hal itu sepertinya tidak pantas dilakukan di Facebook. Jika Anda ingin minta simpati, teleponlah teman Anda, jangan bertanya pada orang-orang di dunia maya, apalagi di Facebook yang diakses banyak orang. Anda malah bisa dipermalukan.

5. Jangan curhat dan buka rahasia di Facebook

Jika Anda ingin curhat dan sejenisnya, lebih baik Anda tidak melakukannya di
Facebook. Gunakan saja e-mail, telepon atau lakukan saat sedang makan bersama teman Anda misalnya. Masih banyak fasilitas lain bukan? Anda tentu tidak ingin rahasia Anda diumbar oleh orang yang tidak bertanggungjawab.

6. Kenali Perbedaan antara Wall dan Message

Suatu pernyataan yang menyangkut hubungan pribadi Anda sebaiknya tidak usah terlalu diekspos. Kalimat seperti "I luv u soo much baaabyy.. I Can't wait too see 2neit", mungkin akan lebih cocok jika ditulis di message.

7. Jangan sekali-kali Membuat profil Palsu

Mungkin terlintas di benak Anda untuk membuat akun palsu mantan pacar yang telah menyakiti Anda. Kemudian, Anda posting hal-hal buruk tentangnya. Tentu saja, jangan pernah benar-benar melakukan hal ini. Jika aksi Anda ketahuan, orang-orang malah bisa memberi cap negatif pada Anda.

Intinya adalah jangan umbar banyak informasi tentang diri Anda apalagi yang bersifat pribadi. Anda tak akan pernah tahu apa saja yang bisa terjadi ke depannya. Ingat, dunia maya meski menyenangkan tetap penuh dengan risiko dan juga orang-orang jahat.

Wednesday 18 March 2009

Memasang Google adsense di Joomla!

Setelah bisa membuat web dengan Joomla!, banyak juga yang ingin mengembangkannya lebih professional. Ada juga yang memanfaatkan Joomla!, untuk bisnis di internet. Salah satunya, ingin memasang affiliasi seperti Google adsense.

Kali ini, saya akan mencoba salah satu modul untuk dipasang di Joomla! yang bisa menampilkan kode Google adsense yang kita miliki.

Caranya sebagai berikut.

  • Masuk ke administrator.

clip_image002

  • Klik Installer > Modules.

clip_image004

  • Klik Browse.

clip_image006

  • Pilih modul untuk Google adsense lalu klik Open.

clip_image008

  • Klik Upload File & Install.

clip_image010

  • Klik Modules > Site Modules.

clip_image012

  • Klik Google AdSense Joomla.

clip_image014

  • Pilih Yes pada bagian Publish, lalu lakukan pengaturan pada bagian Parameter (ID adsense, ukuran, warna, dan lain-lain) yang disesuaikan dengan template Joomla! Anda. Setelah selesai, klik Save.

clip_image016

Refresh tampilan utama situs Anda. Seperti biasa, iklan tidak akan langsung muncul. Harus menunggu beberapa hari supaya iklan tersebut mendapat konfirmasi dari Google Adsense. Tentu saja, artikel di situs Anda pun harus menggunakan bahasa Inggris. Kalau bahasa Indonesia, yang muncul hanya iklan layanan masyarakat.

Modulnya bisa didownload di sini. Untuk mencari dan mendownload modul lain, silakan klik di sini.


Design by infinityskins.blogspot.com 2007-2008