30 November 2011

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.
READ MORE - Merubah Tampilan Profil Di Blog

26 November 2011

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.
READ MORE - Cara Membuat Klik Kanan Tidak Berfungsi Di Blog

25 November 2011

Ketika Tidak Ada Ide Untuk Posting Blog


Selamat petang menjelang malam sobat blogger semua, kali ini saya hadir dengan postingan terbaru. Bukan tentang tutorial blog, download software, ataupun share template gratis. Tapi kali ini saya akan membahas tentang Ketika Tidak Ada Ide Untuk Posting Blog. Mungkin dari judulnya aja udah terlihat aneh, tapi ya inilah postingan saya kali ini sesuai judul dan yang saya rasakan saat ini. Menjadi seorang blogger memang sangat menyenangkan, selain kita bisa menuangkan tulisan kita, kita juga bisa saling kenal antara blogger satu dan yang lain meskipun cuma di dunia maya.

Menurut saya menjadi seorang blogger adalah sebuah tuntutan, karena kita di tuntut untuk selalu menyajikan postingan terbaru pada blog kita agar blog kita selalu ramai pengunjung. Tapi apa yang terjadi ketika kita tidak ada ide untuk memposting sesuatu pada blog kita? Ya, jawabannya sudah pasti blog kita akan sepi dan semakin sepi visitor dan mungkin bisa saja mereka meninggalkan blog kita dan mencari blog yang lebih update. Belakangan persaingan antar blogger di Indonesia memang semakin ketat. Semakin kita jarang update blog kita, maka semakin jarang oula visitor mau mengunjungi blog kita seperti yang terjadi pada Blog ini. Dan apa yang konsekuensi jika semua itu terjadi? Jawabannya tidak lain tidak bukan, alexa kita akan semakin menurun dan menurun bahkan pagerank kita juga akan hilang.

Nah maksud dari postingan ini, apakah yang kalian lakukan ketika tidak ada ide untuk posting blog? Apakah copas dari blog lain? Ataukah berdiam diri sambil menunggu ide datang dari langit? Atau membiarkan blog kalian terbengkalai? Mari kita diskusikan dengan berkomentar yang sehat.

Alhamdulillah...
READ MORE - Ketika Tidak Ada Ide Untuk Posting Blog

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.
READ MORE - Cara Membuat Link Berupa Tombol Di Blog

22 November 2011

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.
READ MORE - Cara Mendaftar Di 4Shared