Merubah Tampilan Profil Di Blog

Merubah-rubah tampilan blog seperti template, widged dll merupakan kepuasan tersendiri bagi si pemilik blognya, seperti halnya saya yang sering merubah-rubah blog Catatan Pena ini...hehehe..( biasa bang..! manusia gak pernah ada puasnya..) dan karena terlalu asyiknya ber bloging ria..lupa dah hari sudah malam...Berkunjung ke blog-blog orang lain untuk melihat-lihat merupakan penambahan ilmu yang luar biasa bagi saya pribadi untuk Karena terlampau seriusnya saya memandangi kode-kode script yang sangat mempusingkan itu dan sesekali kode tersebut juga membuat kita bete, serta kebiasaan tangan yang selalu memutar-mutar sebatang rokok ketika saya sedang merokok, tak sadar bahwa posisi rokok yang sudah saya hisap terbalik...( puuaaanassssssss...) wuakakakakakakak....

Kali ini saya akan sedikit berbagi mengenai sebuah widged profil yang pernah saya lihat di blog milik orang lain dimana tampilannya sudah di permak sedemikian rupa.

Untuk lebih jelas mengenai seperti apakah tampilannya, anda bisa lihat DISINI (yang bertuliskan Lihat profil lengkapku) semoga saja belum saya ganti hehehehe...

Bila anda tertarik untuk membuatnya, silahkan ikuti panduannya dibawah ini.

1. Login ke blog anda.
2. Dihalaman Dasboard, klik " Rancangan ".
3. Klik " Edit HTML ".
4. Pada halaman Edit Html, cari kode  ]]></b:skin>
5. Copy/paste kode yang ada dibawah ini dan letakkan diatas kode  ]]></b:skin>

Catatan Pena

dl.profile-datablock {clear: both; text-align:center;}
#sidebar .Profile img.profile-img {
      border: 8px solid #aaa;
      opacity: 0.3;
      border-radius: 6px;
      margin: 20px 0 20px px;
      padding: 4px;
      background: #eee;
      box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #444;
      -moz-box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #444;
      -webkit-box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #444;
      -o-transition: margin-left 1.5s ease-in 2s, margin-top 1.5s 2.5s, -o-transform 1.5s ease-out 1s, opacity 2s ease-in;
      -moz-transition: margin 1.5s ease-in 2s, -moz-transform 1.5s ease-out 1s, opacity 2s ease-in;
      -webkit-transition:margin 1.5s ease-in 2s, -webkit-transform 1.5s ease-out 1s, opacity 2s ease-in;
}
#sidebar .Profile:hover img.profile-img {
      opacity: 1.0;
      border-radius: 12px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 16px #222;
      margin: 40px 0px 20px 10px;
      -o-transform: rotate(1460deg) scale(1.8) translate(35px, 10px);
      -moz-transform: rotate(1460deg) scale(1.8) translate(35px, 10px);
      -webkit-transform: rotate(1460deg) scale(1.8) translate(35px, 10px);
      -o-transition: margin-left 1.5s ease-in 0.4s, margin-top 1.5s, -o-transform 2.5s ease-out 1.4s, opacity 3s ease-in 4s;
      -moz-transition: margin 1.5s ease-in 0.4s, -moz-transform 2.5s ease-out 1.4s, opacity 3s ease-in 4s;
      -webkit-transition: margin 1.5s ease-in 0.4s, -webkit-transform 2.5s ease-out 1.4s, opacity 3s ease-in 4s;
}

Copy/paste kode yang ada didalam kotak berwarna hitam dan letakkan tepat diatas kode ]]></b:skin> 

6. Kemudian Save template anda, dan sekarang lihat hasilnya.

Mudah bukan..? silahkan anda mencobanya.

Semoga informasi ini bermanfaat.

Cara Membuat Klik Kanan Tidak Berfungsi Di Blog

Sering saya perhatikan selama berselancar di internet ada beberapa blog yang klik kanannya tidak berfungsi. Penyebabnya apa ya...? kalo menurut Catatan Pena, mungkin saja si pemilik dari blog tersebut tidak menginginkan artikel, gambar dll yang ada di blognya di copy/paste oleh orang lain atau juga ini adalah sebuah peringatan bagi seorang pemilik blog yang sering sekali mengcopy/paste 100 persen  artikel orang lain untuk ditaruh kedalam postingan blog miliknya sendiri.

Beberapa artikel di blognya Catatan Pena ini pun juga ikut menjadi korban dari yang namanya copy/paste, semua tulisannya tidak dirubah sedikit pun, bahkan sampai tertawanya Davot Marbun pun ikut di copy/paste...ampun dorooooo.....hehehehehehe....

Menurut saya pribadi boleh-boleh saja seseorang mengcopy/paste artikel karya orang lain untuk ditempatkan kedalam postingan blog miliknya sendiri,  asal saja si pengcopy/paste tersebut mau mencantumkan link dari sumbernya, namun lebih baik... apa salahnya sih... kita membuat karya kita sendiri walaupun itu jelek seperti halnya blog Catatan Pena ini...dan kemudian kita tempatkan karya kita itu kedalam blog milik kita sendiri...dengan begitu... kita juga pasti akan merasakan kepuasan tersendiri. Betul tidak...?

Nah bagi kawan-kawan yang ingin membuat blognya agar tidak dapat di klik kanan silahkan ikuti panduannya.

Disini akan saya berikan 2 cara dan cara pembuatannya sama mudahnya.

Pertama.

Cara yang pertama seperti gambar yang ada dibawah ini lah nantinya tampilan pop up yang akan muncul ketika anda mencoba mengklik kanan blog anda.

Caranya adalah sebagai berikut :

1. Login ke blog anda.
2. Di halaman "Dasboard" klik "Rancangan".
3. Lalu klik "Tambah Gadged".
4. Pilih "Html/JavaScript".

5. Copy/Paste Kode Script yang ada dibawah ini, namun jangan lupa untuk mengganti tulisan yang berwarna Biru dengan kata-kata anda sendiri

<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
    var message = "Peringatan dari Catatan Pena...! Bahwa anda dilarang untuk klik kanan";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

6. Kemudian klik "Simpan"

Kedua.
Cara yang kedua ini tidak menampilkan tampilan pop up ketika anda mengklik kanan blog anda.

Caranya adalah sebagai berikut :

1. Login ke blog anda.
2. Dihalaman "Dasboard" klik "Rancangan".
3. Klik "Edit Html".
4. Pada area edit template cari tulisan

<body>

kemudian hapus tulisan tersebut dan ganti dengan tulisan

<body oncontextmenu='return false;'>

5. Kemudian klik tombol "Simpan Template" dan sekarang lihat hasilnya.

Mudah bukan...silahkan anda mencobanya.

Untuk contoh blog anti klik kanan, anda bisa berkunjung Kesini

Semoga informasi ini bermanfaat.

Cara Membuat Link Berupa Tombol Di Blog

Tahukah artinya Link ...? Menurut versi yang saya kutip dari Wikipedia Link itu adalah : Sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.

Dan menurut versi orang awam seperti saya ini hehehehe... arti Link itu secara sederhana adalah : Sebuah perintah  yang bisa berbentuk teks/gambar, video dll yang ketika kita klik maka akan terbuka alamat yang dituju, alamat yang akan dituju itu bisa berupa alamat halaman web kita sendiri ataupun alamat halaman web yang lain. ( apabila menurut anda versi saya salah mohon kiranya di maafkan hehehehe... karena saya sendiri juga adalah orang yang masih belajar ).

Pada umumnya Link yang ada pada suatu halaman blog adalah yang berbentuk Teks, sedangakan disini saya akan mencoba berbagi sedikit kepada sobat-sobat Catatan Pena tentang Cara membuat Link berupa Tombol, lumayan lah menambah-nambahi perbendaharaan ilmu kita bersama. Hehehehehe....

Langsung saja kita praktekkan:

1. Login ke blog anda.
2. Pada halaman Dasboard klik "Rancangan".
3. Lalu klik "Tambah Gadged".
4. Kemudian klik "Html / Java Script".
5. Dan masukkan kode script yang ada dibawah ini lalu klik tombol "Simpan".

<form method="get" action="http://davotmarbun.blogspot.com/"
target="_blank">
<input type="submit" value="Catatan Pena" name="q">
</form>

Ket:

1. Yang berwarna Merah silahkan anda rubah sesuai dengan link anda sendiri.

2. Yang berwarna Biru silahkan rubah sesuai keinginan anda.

3. Untuk tulisan _blank adalah : Sebuah keterangan yang menjelaskan ketika anda klik tombol tersebut maka akan muncul halaman  tab baru, namun jika anda menginginkan muncul pada halaman itu sendiri ganti tulisan _blank  menjadi   _self.

Contoh Demonya :

Mudah bukan..? silahkan anda mencobanya.

Semoga informasi ini bermanfaat.

Cara Mendaftar Di 4Shared

Hostingan yang satu ini menurut saya sudah terbilang sangat familiar dikalangan orang-orang yang sering beraktivitas di internet, 4Shared nama dari situs ini, loading dari datanya lumayan terbilang cepat, file-file yang dapat disimpan oleh 4Shared ini adalah file-file yang berjenis musik, video dan juga foto. Dan disaat saya mengeluarkan artikel ini, 4Shared menduduki rangking ke-81 di dunia dan rangking ke-11 di Indonesia dalam versi situs Alexa.

4Shared ini memiliki 2 fitur yaitu:

Fitur Gratis : Mampu memberikan kapasitas penyimpanannya sebesar 10 Gb.

Fitur Premium : Mampu memberikan kapasitas penyimpananya sebesar 100 Gb.

Luar biasa bukan...? namun untuk lebih jelas mengenai perbandingan antara fitur Gratis dan fitur Premium lihat gambar dibawah ini :

Nah...apabila anda tertarik ingin mencobanya silahkan ikuti panduannya dibawah ini.

Untuk mendaftar di 4Shared tentu ada persyaratannya yaitu anda harus memiliki sebuah email, apabila anda belum memiliki email silahkan buat dulu email anda di Yahoo, Gmail atau ditempat-tempat lainnya.

Setelah anda memiliki sebuah email barulah anda menuju Kesini.

Tampilan awal dari situs 4Shared adalah seperti gambar dibawah ini. Dan untuk mendaftar di 4Shared silahkan anda klik tombol yang bertuliskan "Daftar".

Akan muncul form pengisian data untuk memasukkan alamat email, kata sandi serta pilihan paketnya yaitu Free dan Premium lihat seperti gambar yang ada dibawah ini, kemudian klik tombol "Daftar".

Setelah proses pengisian data diatas telah selesai anda lalui, maka anda kini sudah memiliki sebuah akun di 4Shared. Untuk menggunakannya silahkan anda klik tombol yang bertuliskan "Folder Baru" tuliskan nama folder sesuai dengan jenis file yang akan anda masukkan kedalamnya, hal ini dimaksudkan agar file-file yang anda masukkan kedalam ruangan 4Shared anda terlihat lebih rapi, setelah itu tekan tombok "Ok" lihat seperti tampilan gambar dibawah ini.

Kini anda sudah bisa memulai proses pengambilan file yang akan anda upload kedalam ruangan 4Shared anda, untuk lebih jelasnya lihat tampilan gambar yang ada dibawah ini.

Setelah proses upload selesai maka akan muncul sebuah link dari alamat file yang anda upload tadi, dan link itulah nantinya yang akan anda pergunakan.

Mudah bukan...? silahkan anda mencobanya.


Semoga informasi ini bermanfaat.

Cara Menyimpan File Di Google Site

Anda yang punya aktifitas di dunia internet pasti sering sekali menyimpan file-file online yang dapat digunakan untuk suatu keperluan, misalkan seperti saya yaitu untuk keperluan dari isi blog saya sendiri, maka dari itu diperlukanlah sebuah tempat penyimpanan online ( hostingan ). Dan di dunia internet banyak sekali beredar hostingan baik itu yang berbayar maupun yang gratisan.
Namun bagi seorang pemula yang masih dalam tahap belajar seperti halnya saya ini, pasti menginginkan sebuah hostingan yang gratis bukan...? hehehehe...nah mungkin Google Site ini bisa menjadi sebuah alternatif pilihan bagi anda sebagai  tempat penyimpanan file-file online yang pastinya untuk keperluan anda tersebut.

Sampai saat ini saya juga belum mengetahui secara detail file-file apa sajakah yang dapat dibaca oleh Google Site, file-file yang sudah pernah saya upload di Google Site ini adalah file-file yang berformat swf, Java Script (js), gambar, dan file yang berformat mp3, namun entah mengapa untuk saat ini file yang berformat mp3 tidak dapat lagi kita gunakan sebagai lagu yang terpasang pada media player di dalam sebuah blog , yang ditandai dengan tidak munculnya link yang bertuliskan "Tampilkan" dan hanya link untuk Download saja yang muncul.

Untuk sekelas hostingan gratisan, Google Site ini menurut saya sangat bagus dan sangat cepat dalam meloading data dan bisa dibilang  hostingan yang satu ini tidak kalah dengan hostingan-hostingan yang berbayar.

Bila anda tertarik ingin mencobanya, dibawah ini akan saya jelaskan secara sederhana cara untuk mendaftar dan juga bagaimanakah cara menggunakannya.

Caranya adalah sebagai berikut :

Untuk dapat mendaftar di Google Site tentunya anda harus memiliki sebuah email yang terdaftar di Google yaitu Gmail untuk mendaftar email di Gmail silahkan klik Disini.

Setelah anda memiliki akun di Google barulah anda login ke Sini

Akan muncul halaman yang tampil seperti gambar yang ada dibawah ini, dan masukkan email anda beserta passwordnya kemudian tekan tombol "Sign In".

 

Maka akan muncul tampilan seperti gambar yang ada dibawah ini, kemudian klik tombol yang bertuliskan "Create".

Pilihlah salah satu template/tampilan yang ingin anda gunakan pada halaman Google Site anda, kemudian klik "Create" lihat gambar yang ada dibawah ini.

Masukan nama untuk Google Site anda pada kolom yang bertuliskan "Name Your Site" dan akhiri dengan mengklik tombol "Create Site" bisa anda lihat seperti gambar yang ada dibawah ini.

Pada tampilan gambar seperti yang ada dibawah ini berarti  anda sekarang sudah memiliki rumah pribadi di Google Site, untuk menggunakannya anda harus mempunyai sebuah halaman baru maka dari itu silahkan anda klik tombol "New Page".

 

Setelah anda mengklik tombol New Page maka akan muncul halaman seperti gambar  yang ada dibawah ini, masukkan nama halaman anda pada kolom "Name Your Page". Agar file anda terlihat lebih rapi berikan nama sesuai dengan jenis-jenis file yang akan anda masukkan dihalaman tersebut, sebagai contoh saya akan membuat halaman khusus untuk menyimpan gambar-gambar maka nama halaman tersebut akan saya beri nama Gambar. Dan setelah anda memberi nama dari halaman anda tersebut silahkan anda mengklik tombol "Web Page" dan pilih yang bertuliskan "File Cabinet" kemudian klik "Create".

Kini ruangan untuk menyimpan file-file anda telah siap untuk digunakan dan untuk mengambil/mengupload file-file anda tersebut silahkan anda mengklik tombol "Add File" lihat gambar dibawah ini.

Dan ketika anda mengklik tombol Add File maka akan muncul halaman untuk mengupload file anda,  tampilannya seperti gambar yang ada dibawah ini.

Mudah bukan....? sekarang saatnya giliran anda untuk mencobanya.

Semoga informasi ini bermanfaat.