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

21 November 2011

Cara Buat Tombol Back To Top di Blogspot

Tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini

Cara Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

 

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

  • Silahkan login di Blogger
  • Pilih Design > Edit HTML > klik Expand Widget Template
  • Cari kode </body>  (gunakan CTRL+F)
  • Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

  • Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiecforryV4L8L52F22ExCrgHeqFVRTOjPfAubyfg3qJn_4ZUB5qDAK1MGih1p3aNwA4ynTfiNGcUzT0LUhY5hb4AbjTSBQncXXCNhtviW80wbcmagdcZ2f63ylCdaIywotS1nn13wYXr4/s1600/back-to-top.gif'/></a>

  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai
READ MORE - Cara Buat Tombol Back To Top di Blogspot

20 November 2011

Download EximiousSoft GIF Creator 5.80 + Patch


EximiousSoft GIF Creator adalah tool untuk membuat animasi gambar visual file GIF yang handal. Dengan dukungan pula special effect, program ini dapat membantu anda membuat animasi dan banner dalam waktu yang sangat singkat. Dalam program ini sudah tersedia tool pengolah gambar layaknya professional termasuk Selection Tool seperti Magic Wand Tool dan Lasso Tool seperti di Adobe Photoshop dan sejumlah selection tool geometris lain.

EximiousSoft Gif Creator memiliki dukungan penuh terhadap sejumlah file grafis berbasis vektor. Anda dapat memilihnya sesuai kebutuhan untuk dapat membentuk garis lurus, lingkaran, kotak, elips dan bentuk geometri yang sempurna lainnya. Disamping itu, EximiousSoft GIF Creator dapat membuat sekian model teks dan simbol dengan kualitas tinggi.

Cukup dengan menambahkan Outline atau Shadow, teks atau simbol yang Anda buat akan memiliki efek tampilan 3 dimensi yang menarik. Tiap kali program ini meng-ekspor file animasi GIF, Sistem akan melakukan optimalisasi file sehingga dapat dihasilkan sebuah file GIF dengan ukuran minimal. Untuk ini Anda perlu mengukur sendiri kesesuaian ukuran file dan kualitas gambar yang dihasilkan. Begitu selesai, Anda dapat langsung melihat dan mengedit hasilnya! Sangat simpel dan mudah dioperasikan..
Program ini mendukung berbagai format animasi dan image seperti GIF, AVI, BMP, PCX, JPG, TIFF, PNG, TGA, PSD, ICO, CUR, ANI, SWF dan lainnya.

Download EximiousSoft GIF Creator 5.80 + Patch
READ MORE - Download EximiousSoft GIF Creator 5.80 + Patch

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.
READ MORE - Cara Menyimpan File Di Google Site

19 November 2011

Download TuneUp Utilities 2012 v12.0.2040.9 Incl. Keymaker-CORE


Selamat pagi sobat Blogger semua. Setelah sekian lama terbengkalai, akhirnya blog kesayangan kita ini aktif kembali. Pada kesempatan yang sangat berharga ini, untuk permulaan saya akan mencoba share software yang berguna bagi PC atau Laptop kalian TuneUp Utilities 2012 v12.0.2040.9 Incl. Keymaker-CORE. Siapa yang tidak tahu TuneUp Utilities? Software ini sangat berguna untuk meningkatkan kinerja windows menjadi lebih cepat.

TuneUp Utilities 2012 can make your Windows operating system faster, more comfortable and more secure with just a few mouse clicks. And all operations performed on the operating system are completely safe, because all changes are monitored by TuneUp Rescue Center and can be undone at any time. All TuneUp Utilities modules can be accessed through a common interface that is divided into six categories. The software helps both beginners and experts to make Windows meet their needs in a way that is better, easier and safer. All important system options are explained in an easy way and can be turned on or off at the click of your mouse. TuneUp Utilities will then make the necessary changes in the registry or boot files automatically. We place a high value on system stability, so that Windows won't stop working reliably. And most changes that you make can be undone in TuneUp Rescue Center - easily and safely. The TuneUp Turbo Mode provides an immediate performance boost whenever you need it. When you use your computer in the TuneUp Turbo Mode, an analysis is performed to see which tasks, programs and functions are currently running in the background that are not strictly necessary. These programs are stopped or slowed down, allowing the additional processing power gained to be used exclusively by the programs you are actually running.

Maintain System
Regular maintenance increases the stability of your PC, but is complicated and takes a lot of time when doing it manually. Spare yourself the stress! With TuneUp Utilities, you can clean up your computer and delete unnecessary files with only one click. Neat!
• 1-Click Maintenance and Automatic Maintenance
• Optimize system startup and shutdown
• Defragment hard disks
• Remove broken shortcuts• Defragment registry
• Clean registry

Increase performance
Whether you are working or gaming: TuneUp Utilities increases the performance of your PC. Programs that are used rarely or never are tracked down, startup processes are shortened and unwanted garbage files are eliminated. For trouble-free working on your PC.
• Turbo Mode
• Configure Live Optimization
• Free up disk space
• Configure system startup
• Display and uninstall programs

Fix problems
With only a few clicks, you can fix typical Windows problems as easy as pie — without being a PC expert yourself. TuneUp Utilities finds errors on data carriers and fixes them automatically — about 60 of the most frequent problems under XP™, Vista™, and Windows 7™. TuneUp Utilities can even restore files deleted by accident — quickly, easily, and reliably.
• Fix typical problems
• Restore deleted data
• Check hard drive for errors
• Manage running programs

Customize Windows
Give your Windows a new look with TuneUp Utilities and customize programs and system settings to meet your needs: cool new boot screens, icons, and animations provide that personalized look for your Desktop. You can easily customize the appearance of Windows and settings of many programs to your liking.
• Personalize Windows appearance
• Change Windows settings

READ MORE - Download TuneUp Utilities 2012 v12.0.2040.9 Incl. Keymaker-CORE

Arti Browser dan Macam Macam Browser

Dijaman sekarang ini di Indonesia internet bukan lagi hal yang terbilang mewah walaupun kata orang sih...di Indonesia sendiri biaya internet itu masih dibilang tergolong mahal dibandingkan dengan negara-negara lain namun  tetap saja di Indonesia internet menjadi sarana mencari uang yang menggiurkan bagi para pelaku bisnis, dengan ditandai banyaknya bermunculan warung-warung internet (warnet) yang dengan mudah bisa kita jumpai dimana-mana.
Namun pada kesempatan kali ini saya tidak membahas  mengapa biaya internet di Indonesia itu mahal... karena apa...? karena itu bukan urusan saya...! hehehehe... dan apabila anda masih bersikeras untuk mempermasalahkan biaya internet yang terbilang mahal itu, saya persilahkan anda datang saja untuk berdemo ke gedung DPR karena disanalah sarananya... hehehehehe... Sekarang mari kita kembali ke pokok bahasan... istilahnya si Tukul " kembali ke laptop ".
Kalau berbicara mengenai internet, tentunya anda menggunakan yang namanya Browser...betul tidak...? dan saya yakin anda pasti lebih paham dan tentu pasti lebih pintar dari saya, namun bagi anda yang memang belum tahu ataupun lupa walaupun anda sering menggunakannya,  disini saya akan sedikit menjelaskannya.

Browser 
Adalah : Sebuah softwere atau aplikasi yang berfungsi untuk menampilkan, mengambil dan menginformasikan semua sumber-sumber data yang berasal dari www (World Wide Web). Apabila kita sederhanakan lagi arti dari browser itu adalah : sofwere yang kita benamkan didalam komputer yang dapat membantu kita untuk membuka informasi yang ada di internet.

Karena pentingnya browser dalam beraktifitas di dunia internet, muncullah istilah yang namanya "Browsing" dan apakah browsing itu...?.

Browsing 
Adalah : Sebuah istilah yang digunakan untuk menyebutkan aktifitas seseorang ketika dia sedang menjelajah sebuah situs yang ada di dunia internet.

Browser terbagi dalam 2 jenis yaitu :

1. Browser PC
Adalah : Browser yang hanya dapat digunakan pada perangkat komputer atau laptop.
Diantaranya :

    Browser untuk Windows : Browser yang terinstal pada OS Windows.
    Browser untuk Linux : Browser yang terinstal pada OS Linux.
    Browser untuk Mac : Browser yang terinstal pada OS machintos.

2. Browser Mobile
Adalah : Browser yang hanya dapat digunakan pada perangkat mobile seperti PDA, Hp dan sejenisnya.

Dan dibawah ini ada sedikit macam-macam browser langsung dengan link situs resminya yang mana mungkin bisa menambah perbendaharaan browser anda di dalam dunia internet, dan untuk lebih jelasnya mengenai browser-browser tersebut, silahkan anda baca langsung dari situs resminya.

Macam-macam browser diantaranya yaitu :


Demikianlah sedikit penjelasan dari saya mengenai arti dari Browser, kurang dan lebihnya marilah kita saling memaafkan...hehehehe...

Semoga informasi ini bermanfaat.
READ MORE - Arti Browser dan Macam Macam Browser

17 November 2011

Cara Buat Bintang Jatuh dari Kursor

Animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat

Cara Buat Bintang Jatuh dari Kursor

Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

  • Login di Blogger
  • Pilih Design > Add gadget > HTML/Javascript
  • Masukkan kode dibawah ini ke kolom HTML/Javascript

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat

Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

READ MORE - Cara Buat Bintang Jatuh dari Kursor

16 November 2011

Cara Membuat Tombol Next Page Pada Blog

Pada postingan kali ini saya akan berbagi artikel tentang cara membuat tombol next page pada blog, yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut.
Artikel ini diperuntukkan buat blog-blog yang memang templatenya belum memiliki tombol next page, dan apabila template blog anda sudah memilikinya tombol next page ini, silahkan anda abaikan saja segera artikel ini namun anda jangan segera keluar dari blog saya ini dan anda saya perintahkan untuk segera mencari artikel-artikel lain yang ada pada blog Catatan Pena ini...oke...! ( galak amat ya...ini mah pemaksaan namanya bos...hehehehehe...).
Bila anda masih bingung juga seperti apakah tampilannya, silahkan anda lihat gambar seperti yang ada dibawah ini.

Bagaimana...sudah jelaskah gambarnya...? apabila sudah jelas, kini kita akan mulai ke cara pembuatannya. Silahkan ikuti panduannya ya...
  • Masuk ke akun blogger anda. ( ingat blog anda...bukan blog orang lain...! )
  • Pada  tampilan Dashboard klik Design kemudian klik Edit HTML
  • Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
  • Centang kotak kecil yang bertuliskan Expand Template Widged.
  • Silahkan anda cari kode ]]></b:skin>
  • Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>
 
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

  • Kemudian cari kode </body>
  • Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

  • Dan terakhir silahkan Save Template anda.
Bagaimana mudah bukan...? silahkan anda mencobanya.


Semoga informasi ini bermanfaat.
READ MORE - Cara Membuat Tombol Next Page Pada Blog

14 November 2011

Colorpic, Software Untuk Mengetahui Kode Warna HTML

Download Colorpic Gratis Colorpic adalah sebuah desktop color picker software atau alat (tools) untuk mengetahui kode warna html yang sangat berguna bagi web designer ataupun blogger untuk meng-edit website atau blog khususnya dalam hal pengetahuan dan edit warna. Bagi saya sendiri colorpic adalah software yang wajib saya miliki di komputer saya karena sangat membantu di saat saya kesulitan untuk mengetahui kode warna yang saya inginkan untuk meng-edit blog.

Cara kerja colorpic ini juga sangat mudah dan saya kira sobat juga pasti akan cepat bisa memahaminya, setelah selesai meng-instal sobat bisa langsung menggunakannya dengan hanya mengarahkan kursor atau mouse ke warna pilihan yang ada di desktop maka kode warna tersebut akan otomatis diketahui, mudah bukan? untuk screenshot nya sobat bisa lihat gambar yang ada dibawah, gambar ini adalah contoh untuk mengetahui kode warna kuning dari Yahoo Messenger emoticons.

Colorpic, Software Untuk Mengetahui Kode Warna HTML

Gambar diatas adalah contoh pengambilan kode warna kuning dari YM buddy, hanya dengan meletakkan kursor ke warna tersebut maka kodenya pun dapat diketahui, mudah kan? nah bagi sobat yang ingin download software colorpic ini silahkan langsung menuju ke situs Iconico dan bagusnya lagi software ini gratis tanpa bayar sepeser pun.

READ MORE - Colorpic, Software Untuk Mengetahui Kode Warna HTML

09 November 2011

Yahoo Messenger Emoticons (Smileys) di Blogspot

Yahoo! Messenger (YM) Yahoo messenger emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticon miliknya Yahoo ini bukan? Yahoo emoticons ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi Windows Live Writer saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di om Google

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang umum dipakai dalam chat.

Langkah-langkahnya adalah :

  • Login di Blogger > Design > Edit HTML
  • Centang pada Expand Widget Templates
  • Cari kode dibawah ini

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

Kemudian cari kode </body>

Copy kode dibawah ini dan paste tepat diatas kode </body>

<script src='http://bloggerpeer.googlecode.com/files/smiley.js' type='text/javascript'/><noscript><a href=http://bloggerpeer.blogspot.com target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.

READ MORE - Yahoo Messenger Emoticons (Smileys) di Blogspot

Cara Membuat Player Musik Di Blog Yang Auto Reply

Untuk memenuhi permintaan dari sobat-sobat Catatan Pena yang setia pada blog ini, dimana para sobat Catatan Pena banyak yang sangat menginginkan bagaimana cara membuat sebuah player musik di blog yang dapat mengulang-ulang lagunya secara otomatis. Pada artikel sebelumnya saya pernah memposting "Cara Memasang Lagu Otomatis Di Blog" didalam artikel tersebut player musiknya tidak dapat mengulang lagu secara otomatis dan lagu yang dapat diputar dalam player tersebut adalah berformat swf.
Dalam postingan kali ini saya akan membagi kepada anda, sebuah player musik yang berjalan secara otomatis yang juga dapat mengulang-ulang lagunya secara terus menerus sampai anda ataupun pengunjung blog anda merasa bosan untuk mendengarkan lagunya hehehe...namun player musik ini hanya untuk membaca lagu yang berformat mp3.

Tanpa panjang lebar mari...kita siapkan peralatan tempurnya...!
  • Siapkan secangkir kopi hangat dan sebungkus rokok.
  • Siapkan lagunya, formatnya harus mp3, agar tidak memberatkan loading dari blog anda, usahakan ukuran lagunya dibawah 1Mb, dan lagunya terserah  mau rock, pop, dangdut, jazz yang penting lagunya enak didengar.
  • Upload lagunya kedalam hostingan anda, saya menyarankan anda mengupload lagunya Disini, setelah mengupload lagu tersebut anda akan mendapatkan linknya, dan catat link mp3 tersebut.
  • Dan terakhir silahkan anda copy/paste script yang ada dibawah ini kedalam blog anda, namun terlebih dahulu rubah tulisan yang berwarna "Merah" dengan link lagu milik anda sendiri.
<embed wmode="transparent" src="https://sites.google.com/site/davotmarbun/CatatanPena.swf" flashvars="file=HTTP://LINK LAGU MILIK ANDA.mp3&amp;frontcolor=0xffffff&amp;backcolor=0xe6e  6dc&amp;lightcolor=0xffffff&amp;repeat=always&amp;autostart=true&amp;usefullscreen=false&amp;showeq=true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false" allowfullscreen="false" width="260" height="24"></embed>

Mudah bukan dan silahkan anda mencobanya.

Dan dibawah ini adalah contohnya.




Knaan - Wavin Flag ( By: Catatan Pena )


Semoga informasi ini bermanfaat.
READ MORE - Cara Membuat Player Musik Di Blog Yang Auto Reply

06 November 2011

Menulis Artikel Post Dengan Windows Live Writer

Windows Live Writer adalah sebuah aplikasi desktop publishing blog yang dikembangkan oleh Microsoft yang merupakan bagian dari Windows Live, kegunaan aplikasi ini salah satunya adalah sobat bisa menulis artikel langsung dari desktop tanpa harus masuk ke dashboard editor blog untuk menulis artikel post

wlw - Menulis Artikel Post Dengan Windows Live WriterSelain itu sobat juga dapat menulis dan memasukkan foto secara offline dengan aplikasi Windows Live Writer (WLW) ini, hal itu sangat menguntungkan bagi sobat yang mempunyai koneksi internet yang lambat apalagi kalau hanya mengandalkan WIFI gratisan  untuk koneksi internet, jadi sobat bisa menulis banyak artikel dan disimpan di draft kemudian sobat bisa publish artikel post nya kapan saja sobat sempat, sangat menghemat waktu dan biaya bukan? sobat juga bisa memasukkan link (hyperlink), maps, tabel (table), video, tags dan masih banyak lagi yang lainnya. Tidak salah kenapa aplikasi ini banyak dipakai oleh para blogger diseluruh dunia karena kemudahannya itu, dan mungkin menjadi salah satu tools yang wajib dimiliki oleh penulis ataupun blogger.

Apakah Windows Live Writer Application berguna untuk SEO?

Jawabannya adalah “IYA” aplikasi ini juga bermanfaat untuk SEO, secara default Blogger platform tidak mendukung Self Pinging Service yang berguna untuk memberitahukan search engine bahwa sobat telah mempublikasikan artikel baru atau meng-edit artikel, tetapi dengan WLW hal itu bisa sobat lakukan. Itulah sebabnya kenapa sobat harus mencoba menggunakan aplikasi gratis ini.

Cara kerjanya adalah setiap kali publish artikel post baru lewat WLW, sobat bisa langsung ping artikel sobat dan dengan cara itu akan mempercepat artikel post sobat ter-index oleh search engine, dan juga service ini akan memberikan posisi yang lebih baik di SERP (Search Engine Result Page), tetapi selain itu sobat juga harus optimasi SEO onpage seperti menambahkan navigasi breadcrumb atau optimasi SEO offpage agar blog sobat lebih mantap di SERP, WLW ini hanyalah faktor kecil untuk optimasi SEO khususnya format penulisan artikel post yang benar dan SEO friendly

Cara untuk ping artikel post adalah buka Windows Live Writer kemudian Tools > Options > Ping Servers. Kemudian centang pada “Send pings to the url below”. Copy list url yang dibawah ini kemudian paste di kolom yang tersedia

http://rpc.pingomatic.com
http://rpc.twingly.com
http://api.feedster.com/ping
http://api.moreover.com/RPC2
http://api.moreover.com/ping
http://www.blogdigger.com/RPC2
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://blogsearch.google.co.za/ping/RPC2
http://blogsearch.google.com.au/ping/RPC2
http://blogsearch.google.com.br/ping/RPC2
http://blogsearch.google.com.do/ping/RPC2
http://blogsearch.google.com.vn/ping/RPC2
http://blogsearch.google.hr/ping/RPC2
http://blogsearch.google.ie/ping/RPC2
http://blogsearch.google.nl/ping/RPC2
http://blogsearch.google.pl/ping/RPC2
http://ping.kutsulog.net/
http://bulkfeeds.net/rpc
http://www.newsisfree.com/xmlrpctest.php
http://ping.blo.gs/
http://ping.feedburner.com
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://rpc.blogrolling.com/pinger/
http://rpc.technorati.com/rpc/ping
http://rpc.weblogs.com/RPC2
http://blo.gs/ping.php
http://www.pingerati.net
http://www.pingmyblog.com
http://geourl.org/ping
http://ipings.com
http://www.weblogalot.com/ping

Url ping servers diatas hanyalah beberapa saja dan sobat bisa mencari (search) list ping servers ter-update lainnya di Google

Cara Instalasi Windows Live Writer di Komputer

Untuk instalasi / pemasangan WLW ini juga sangat gampang, sobat hanya download aplikasi nya di situs Microsoft Windows Live Writer dan langsung di-instal di komputer sobat pada saat online (online installer). Dibawah ini adalah sedikit contoh screenshot instalasi-nya yang saya ambil ketika saya memasangnya di komputer saya

wlw-instalasi 1

wlw-instalasi 2

Setelah sobat download dan instal maka akan mucul pemberitahuan aplikasi apa saja yang ingin di pasang, saya sarankan centang pada “writer” saja, tapi kalau sobat juga ingin memasang aplikasi lainnya sobat bisa pilih sesuai dengan keinginan sobat

Setelah proses instalasi selesai kemudian sobat masukkan blog sobat beserta username dan password blog sobat

wlw-instalasi 3

wlw-instalasi 4

Untuk pengguna wordpress sebelum mengisi semuanya diatas sobat harus login masuk ke dashboard terlebih dahulu. Masuk ke Setting > Writting dan turun kebawah dan centang pada XML-RPC seperti gambar dibawah, dan kemudian sobat lanjutkan dengan mengisi form seperti diatas

wlw setting pada wordpress

Kemudian terakhir klik finish dan sobat telah siap menggunakan aplikasi Windows Live Writer ini, bagi sobat yang sudah menggunakan aplikasi ini mungkin bisa sharing sedikit kelebihan-kelebihan lainnya atau kekurangannya. Kebetulan saya juga masih baru dalam menggunakan aplikasi ini jadi belum sempat menjelajahi kelebihan atau kekurangan lainnya

Good Luck Sob..!!

READ MORE - Menulis Artikel Post Dengan Windows Live Writer

03 November 2011

Cara Buat Breadcrumb Seo Friendly di Blog

Breadcrumb navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumb adalah wajib yang sangat berguna untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya )

Cara Pasang Navigasi Breadcrumb di blogger
Gambar diatas adalah contoh breadcrumb navigation yang saya ambil dari screenshot blog saya ini, kebetulan judul post-nya waktu itu adalah tentang burung twitter terbang, untuk membuat dan memasang breadcrumb saya kira tidak begitu sulit jadi sobat bisa membuat nya dengan tutorial blogger yang saya berikan berikut ini:

Cara Membuat Navigasi Breadcrumb Seo Friendly di Blogspot

  • Login di Blogger
  • Pilih Design 
  • Pilih Edit Html
  • Centang pada Expand Widget Templates
  • Cari kode ]]></b:skin>
  • Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumb {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

  • Kemudian cari kode seperti di bawah ini
<div class='post hentry uncustomized-post-template'>
Kalau kode diatas tidak ada, coba sobat cari kode yang seperti dibawah ini
<div class='post hentry'>


  • Letakkan kode dibawah ini tepat diatas salah satu kode biru diatas
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumb'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

  • Klik save dan sobat sudah berhasil membuat Breadcrumb yang SEO friendly
READ MORE - Cara Buat Breadcrumb Seo Friendly di Blog