Cara Memasang Widged Alexa Rank Di Blog

Pada postingan sebelumnya saya telah menjelaskan sedikit mengenai apa itu Alexa Rank dan manfaatnya bagi blog kita, dan jika anda belum membacanya anda bisa membacanya Disini. Bahasan kita kali ini adalah bagaimana cara memasang widged Alexa Rank di blog kita, bila anda tertarik silahkan ikuti panduannya.

Caranya adalah sebagai berikut:

1. Tentunya anda harus masuk dulu ke halaman websitenya yaitu www.alexa.com

2. Kemudian klik tombol yang bertuliskan "Site Tools" perhatikan seperti gambar yang ada dibawah ini.

3.Arahkan halaman ke bawah dan lihat tulisan "Alexa Site Widged" lalu klik tulisan tersebut.

4. Anda akan dihadapkan pada beberapa pilihan dari bentuk tampilan widged Alexa Rank yang akan dipasang di blog dan pilihlah salah satu, kemudian masukkan alamat blog anda pada kolom yang tersedia dan klik "Build Widged" bisa anda lihat seperti gambar yang ada dibawah ini.

5. Dan terakhir pilih salah satu model widgednya dan kemudian copy/paste kode script tersebut kedalam blog anda.

Selesai...Mudah bukan...? silahkan anda mencobanya.

Semoga informasi ini bermanfaat.

READ MORE - Cara Memasang Widged Alexa Rank Di Blog

Apakah Alexa Rank Itu Dan Apa Manfaat Alexa Rank Pada Blog

Alexa Rank adalah sebuah situs yang beralamat di www.alexa.com yang menyediakan fasilitas informasi tentang rangking/peringkat suatu situs, yang didasarkan pada jumlah trafik pengunjung yang masuk ke situs tersebut. Yang mana semakin besar trafficnya maka semakin tinggi peringkat dari situs tersebut dan juga sebaliknya semakin kecil traffiknya maka semakin rendah lah peringkat dari situs tersebut, hal ini sangatlah perlu diketahui oleh seorang blogger yang memang ingin menjadikan situsnya sebagai lahan bisnis.

Alexa Rank mempunyai nilai peringkat dari nilai terkecil yaitu angka 1 ( satu ) sampai dengan seterusnya ( nilai berjuta-juta ) yang mana dalam perhitungan sistem di Alexa Rank apabila semakin kecil nilai Alexa Rank situs anda maka semakin baguslah peringkat situs tersebut.

Pada saat postingan ini saya keluarkan situs yang ada dibawah inilah yang masuk dalam 10 daftar posisi teratas dalam versi Global dari Alexa Rank.

1. Google.com
2. Facebook.com
3. Youtube.com
4. Yahoo.com
5. Baidu.com
6. Wikipedia.org
7. Live.com
8. Blogspot.com
9. Twitter.com
10. QQ.com

Dan untuk peringkat Catatan Pena hanya dapat puas untuk bertengger pada posisi sementara yaitu seperti gambar yang anda lihat dibawah ini yach lumayan lah daripada loe manyun...hehehe.

Berandai-andai nih...bisa gak ya blog saya ini Catatan Pena mengalahkan situs google.com atau facebook.com ? wuakakakakak...angan-angan tukang cendol...mimpi aja kali yeee...!!!  oke kita lanjut...!

Pertanyaan kita seberapa pentingkah Alexa Rank tersebut..?

Menurut saya penting/tidaknya Alexa Rank pada situs kita tergantung pada si pemilik situs tersebut, apabila situs tersebut anda ciptakan bertujuan untuk mencari uang tentu peringkat situs kita dalam Alexa Rank wajib anda perhitungkan, dikarnakan bagusnya Alexa Rank situs anda menggambarkan bahwa situs anda tersebut populer dan berakibat banyaknya Advertiser yang ingin memasang iklan di situs anda, namun apabila situs yang anda buat hanyalah untuk iseng-iseng saja tentulah Alexa Rank tidaklah begitu penting.

Alexa rank juga berpengaruh pada pengunjung atau pembaca blog anda, jika Alexa Rank Anda bagus tentunya mereka akan lebih antusias dan loyal terhadap blog tersebut dan pembaca akan semakin meningkat. Dan untuk memasang widged Alexa Rank di blog anda bisa membaca artikel saya berikutnya tentang Cara Memasang Alexa Rank Di Blog, demikianlah sedikit penjelasan mengenai Alexa Rank.

Semoga informasi ini bermanfaat.

READ MORE - Apakah Alexa Rank Itu Dan Apa Manfaat Alexa Rank Pada Blog

Cara Membuat Link Sentuh Di Blog

Buat para sobat Catatan Pena yang cantik dan ganteng pasti tahukan apa itu link..? kalau belum tahu baca postingan saya DISINI, selama ini kebanyakan link yang ada di sebuah blog itu akan terbuka apabila kita mengkliknya, namun pada postingan kali saya akan mencoba berbagi tentang cara sederhana membuat link yang akan terbuka hanya dengan cara mengarahkan mouse ke arah tulisan dari linknya (otomatis link akan terbuka ketika ada sentuhan).

Pada umumnya link adalah seperti ini.

Contoh Link Akan Terbuka Apabila Di Klik

Dan dibawah ini adalah contoh link seperti yang telah saya jelaskan diatas yaitu link akan terbuka apabila kita menyentuhnya.

Tolong Sentuhlah Aku Dengan Kelembutanmu

Bila anda tertarik silahkan copy/paste kode yang ada dibawah ini dan masukkan kedalam widged blog anda, jangan lupa untuk mengganti tulisan yang berwarna merah dengan URL tujuan dari link tersebut dan yang berwarna biru adalah tampilan tulisan dari linknya.

Kodenya :

<a href="http://davotmarbun.blogspot.com" onMouseover="window.location=this.href">Catatan Pena</a>

Bagaimana mudah bukan...? silahkan anda mencobanya.

Semoga informasi ini bermanfaat.

READ MORE - Cara Membuat Link Sentuh Di Blog

Membuat Pemutar Musik Di Blog Yang Berformat XSPF

Memasang pemutar musik di blog memang sangat menyenangkan bagi saya dan mungkin juga bagi anda, beragam macam player musik yang tersedia seakan membuat saya penasaran ingin mencoba. Bosan dengan pemutar musik yang ini ganti lagi dengan pemutar musik yang itu...begitu juga sebaliknya...hehehe..yach lumayanlah hitung-hitung buat nambah pengetahuan.

Yang membuat saya penasaran sebetulnya hanyalah cara pembuatannya saja, dimana pembuatannya ada yang sedikit mudah, sedang dan bahkan ada juga yang membutuhkan 2 hari 2 malam untuk mempelajarinya..hehehe...ya maklumlah saya masih newbea dan juga masih belajar di bidang blog.

Beberapa waktu yang lalu saya pernah memposting sebuah artikel yang menjelaskan cara membuat sebuah pemutar musik di blog yang Playlistnya berformat XML, kalo anda belum pernah membacanya..silahkan anda baca dulu. Dan untuk postingan kali ini saya akan menjelaskan secara sederhana cara membuat sebuah pemutar musik di blog yang Playlistnya bukan berformat XML namun berformat XSPF, penasaran ingin mencobanya...? ikuti panduannya dibawah ini dan jangan terburu-buru dalam pengerjaannya karena dalam pembuatan pemutar musik yang satu ini hanyalah dibutuhkan kehati-hatian.

Dalam tahap pembuatannya tentunya anda harus menyiapkan dulu bahan-bahannya yaitu :

1. Segelas kopi dan sebungkus rokok ( Biar konsentrasi bang...hehehe...)
2. Lagu kesayangan anda.
3. Pemutar musiknya/Playernya ( Format SWF )
4. Playlistnya ( Format XSPF )
5. Notepad

Cara pembuatannya :

1. Upload dulu lagu-lagu kesayangan anda kedalam sebuah hostingan/tempat penyimpanan online dan jangan lupa catat linknya.

2. Setelah selesai mengupload lagunya barulah kita membuat playlistnya, salin file yang ada dibawah ini kedalam sebuah Notepad.

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
    <trackList>
        <track><location>http://Link Lagu_1.mp3</location></track>
        <track><location>http://Link Lagu_2.mp3</location></track>
        <track><location>http://Link Lagu_2.mp3</location></track>
    </trackList>
</playlist>

Ganti tulisan yang berwarna merah dengan link mp3 anda lalu file yang ada di dalam notepad tersebut di simpan atau disebut "Save As" berikan namanya dengan diakhiri titik xspf sementara Save As Typenya dirubah ke All File, bila anda kurang paham lihat seperti contoh gambar yang ada dibawah ini.

Lalu masukkan/upload file playlist tersebut kedalam hostingan anda dan catat Link Playlistnya. Untuk lebih detail mengenai cara membuat Playlistnya anda bisa membuka alamat websitenya DISINI di website tersebut terdapat beberapa macam playlist yang bisa anda pelajari dan bisa anda pergunakan.

3. Untuk Playernya ada 3 macam skin yang bisa anda gunakan.

• Music Player Extended
• Music Player Slim
• Music Player Button

Pilih dan download salah satu skin player yang ada diatas, dan extrak file tersebut kedalam suatu folder di komputer anda, dan cari file yang berformat swf kemudian file yang berformat swf tersebut silahkan anda masukkan/upload kedalam hostingan anda lalu catat Link Playernya.

Untuk lebih detail mengenai Playernya anda bisa mengunjungi websitenya DISINI.

Sampai dengan tahap ini berarti anda sudah memiliki 2 link bukan..? yaitu :

1. Link Playlist yang berformat XSPF.
2. Link Player yang berformat SWF.

4. Dan yang terakhir salin file yang ada dibawah ini kedalam widged di blog anda namun jangan lupa untuk mengganti tulisan yang berwarna Biru dengan Link Player anda dan yang berwarna Hijau dengan Link Playlist anda.

<object type="application/x-shockwave-flash" width="400" height="170"
data="http://Link Player.swf?playlist_url=http://Link Playlist.xspf">
<param name="movie"
value="http://Link Player.swf?playlist_url=http://Link Playlist.xspf" />
</object>

Bagaimana mudah bukan...? sekarang silahkan anda mencobanya.

Contoh Demonya

Semoga informasi ini bermanfaat.

READ MORE - Membuat Pemutar Musik Di Blog Yang Berformat XSPF

Cara Membuat Tampilan Awal Blog Anda Berbeda

Kali ini kita akan membuat setiap orang yang akan membuka/mengunjungi blog kita, harus melewati sebuah tampilan yang berbeda dari biasanya yang dinamakan tampilan intro dari sebuah blog, ibarat sebuah lagu yang akan dinyanyikan pasti ada intronya bukan...? seperti itulah maksud saya hehehehe. Untuk contohnya anda bisa membuka alamat blog ini di Catatan Pena, itupun dengan catatan jika seandainya saya belum merubahnya ya...! karena saya sering sekali merubah penampilan dari blog Catatan Pena ini...maklumlah bro...saya ini orangnya gampang bosanan...hehehehe...seandainya nanti blog Catatan Pena telah berubah, seperti gambar dibawah inilah maksud saya contoh dari tampilan awal (intro) nya, dan tentu tampilannya pasti akan berbeda dengan punya anda ketika nanti anda sudah membuatnya, karena apa..? karena gayaku bukanlah gayamu...dan gayamu juga bukanlah gayaku..hehehe...

Perhatikan gambar diatas, lihat tulisan kecil bertuliskan "Enter" tulisan itu adalah sebuah tombol yang harus di klik oleh sipengunjung untuk dapat masuk ke blog tersebut, dan setelah di klik barulah blog tersebut akan terbuka.

Bagaimana apakah sudah jelas..? kalau sudah jelas maka kita akan memasuki ke tahap berikutnya yaitu cara pembuatannya.

Langkah-langkahnya adalah sebagai berikut:

1. Login ke blog anda.

2. Di halaman Dashboard klik "Rancangan".

3. Kemudian klik "Edit HTML" dan jangan lupa centang kotak kecil yang bertuliskan "Expand Template Widget".

4. Cari kode  <div id='header-wrapper'>  dan seperti yang ada dibawah inilah kode lengkapnya.

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Catatan Pena (Header)' type='Header'>
<b:includable id='title'>

5. Perhatikan kode diatas,  ada tulisan <b:includable id='title'> dan sekarang silahkan anda copy/paste kode yang ada dibawah ini kemudian letakkan tepat dibawah kode <b:includable id='title'> tersebut.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#000000;background-image:none;}#intro-blog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#es{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#es{display:none;}#intro-blog{display:none;}</style></b:if>

6. Langkah selanjutnya adalah mencari kode <body> kemudian copy/paste kode yang ada dibawah ini dan letakkan tepat dibawah kode <body> tesebut.

<div id='intro-blog'><data:blog.pageTitle/></div><div id='es'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=23&quot;'><blink>Masuk</blink></a></div>

Apabila anda menginginkan tampilan intro blog anda adalah sebuah gambar, maka ganti tulisan yang berwarna Merah pada kode diatas dengan URL gambar anda. Kodenya menjadi seperti yang ada dibawah ini.

<div id='intro-blog'><img alt='davotmarbun' border='0' src='http://Alamat URL Gambar Anda.jpg' style='width: 350px; height: 90px;'/></div><div id='es'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=23&quot;'><blink>Masuk</blink></a></div>

7. Langkah terakhir Save Template blog anda.

Keterangan :

*  Tulisan yang berwarna Hijau adalah warna latar belakang dari intro blog tersebut, silahkan anda rubah
*  Tulisan yang berwarna Biru adalah jumlah postingan yang akan ditampilkan, silahkan anda rubah.
*  Untuk mengganti ukuran lebar dan tinggi dari gambar anda, silahkan rubah nilai width dan height pada kode tersebut.
*  Yang bertuliskan "Masuk" bisa anda ganti dengan tulisan anda sendiri.

Mudah bukan...? silahkan  anda mencobanya.

Semoga informasi ini bermanfaat.

READ MORE - Cara Membuat Tampilan Awal Blog Anda Berbeda

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

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

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

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

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

Cara Memasang Lagu Otomatis Di Blog

Banyak sekali blog-blog yang ketika dibuka akan terdengar alunan musik otomatis namun player musiknya tidak kelihatan dan lagu tersebut tidak bisa dimatikan ( tidak ada tombol play/stopnya ) seperti halnya blog Catatan Pena ini, dulunya juga blog ini pernah memasang lagu otomatis disetiap postingan yg mana ketika anda membuka postingan yang satu dengan yang lainya, maka akan berbeda pula musik yang akan terdengar.

Saya sendiri adalah salah satu orang yang sangat senang sekali mendengar musik, sampai-sampai lebih dari 5 kali blog ini mengganti tema tetap saja blog ini saya benamkan player untuk pemutar musik, hanya saja pemutar musik di blog ini sekarang tidak lagi otomatis, karena bagi saya tiada hari tanpa musik...he..he..he...

Jika anda tertarik ingin memasang musik otomatis di blog anda, silahkan ikuti panduannya.

Cara membuatnya cukup mudah anda hanya memerlukan konsentrasi dan segelas kopi he..he..he...oke langsung saja kita menuju ke TKP.

• Siapkan lagu yang akan anda pasang di blog anda.

• Dikarnakan script pemutar musik otomatis yang akan saya berikan disini hanya dapat memutar lagu yang berformat SWF, jadi anda memerlukan sebuah converter untuk merubah format dari Mp3 ke Swf, anda bisa mencarinya di mbah google atau anda juga bisa mencoba converter yang saya gunakan, anda bisa mendownloadnya DISINI (password Rar: davotmarbun.blogspot.com). Saya menyarankan ketika anda mengconvert lagu dari mp3 ke swf buatlah ukuran lagu yang berformat swf tersebut dibawah 1Mb, hal ini bertujuan agar loading dari blog anda tidak menjadi berat.

• Setelah lagu pilihan anda tesebut di convert upload lagu tersebut kedalam hostingan anda, kemudian catat  link lagu tersebut. Jika anda belum mempunyai hostingan, anda bisa mencobanya DISINI.

• Copy/paste script dibawah ini kedalam blog anda namun terlebih dahulu rubah tulisan yang berwarna "Biru" dengan link lagu milik anda.

<embed allowfullscreen="true" allowscriptaccess="always" height="0" src="http://sites.google.com/site/davotmarbunfile/data/SIBUKKATORTOR.swf" width="0"></embed>

Selesai...silahkan anda mencobanya. Dan contohnya anda bisa lihat Disini.

Semoga informasi ini bermanfaat.

READ MORE - Cara Memasang Lagu Otomatis Di Blog

Cara Membuat Like Box Facebook Di Blog

Pernah ketika itu ada salah satu sobat saya menanyakan, gimana sih caranya membuat kotak penggemar facebook (Like Box Facebook) di blog milik kita...?
Namun terlebih dahulu saya akan terangkan fungsi dari widged Like Box ini adalah sebagai media sarana untuk menjalin perkenalan atau persahabatan antara Blog tersebut dengan para Facebookers dan meminta para facebookers tersebut bersedia menjadi penggemar blog milik kita, dengan catatan para facebokers itu memang harus betul-betul menyukai isi dari blog tersebut, yang ditandai dengan di kliknya tombol " like/suka " yang ada di dalam widged Like Box itu.

Seperti gambar dibawah inilah tampilan dari widged Like Box Facebook.

Gambar di atas adalah contoh Like Box Facebook milik blog saya Catatan Pena, lebih jelasnya anda bisa lihat dihalaman Catatan Pena ini, lalu gimana cara membuatnya...? mudah sekali yang penting syarat utamanya adalah anda harus punya akun di Facebook.

Ada 2 Tahap yang harus anda lakukan yaitu :

TAHAP 1.

Mendaftarkan halaman penggemar/Fans blog kita di Facebook

Login/masuk ke Facebook anda dan jangan Facebook milik orang lain ya..nanti berbahaya  he..he..he.

Kemudian anda buka halaman ini http://www.facebook.com/pages/create.php dan pilih/klik " Merk atau Produk "

Akan keluar beberapa pilihan, di kolom kategori pilihlah yang berkategori " Situs Web " sementara di kolom merek atau produk silahkan tulis nama tampilan halaman penggemar anda dan centang kotak kecil yang menyatakan persetujuan kemudian klik tombol "mulai " dan dihalaman berikutnya anda hanya tinggal mengatur isi dari halaman itu misalnya foto profil dan lain-lain. 

Sekarang anda sudah memiliki halaman penggemar/fans untuk blog anda, dan catat alamat URL halaman penggemar Facebook anda tersebut.

TAHAP 2
Membuat Widged Like Box Facebook untuk ditempatkan di Blog

Buka halaman http://developers.facebook.com/plugins/?footer=1  dan setelah terbuka pilih " Like Box "

Akan muncul halaman untuk mendapat kode widgednya, silahkan isi kolom Facebook Page URL dengan alamat URL halaman penggemar Facebook yang telah kita buat sebelumnya, kemudian klik " Get Code " untuk mendapatkan kode scriptnya dan kode script itulah nantinya yang akan kita tempatkan di blog kita.

Tampilannya seperti gambar di bawah ini.

Keterangan Gambar :
Facebook Page URL : alamat URL halaman penggemar facebook kita.
Width : Lebar widged.
Height : Tinggi widged.
Color Scheme : untuk menampilkan warna latar widgednya.
Show Faces : untuk memunculkan/menyembunyikan Photo para penggemarnya.
Border Color : untuk membuat warna disisi widgednya.
Stream : Menampilkan komentar di comunity halaman facebook anda.
Header : Menampilkan kata " find us on facebook "
Get Code : kode scriptnya dari widged tersebut

Selesai deh...dan silahkan anda mencobanya.

Semoga informasi ini bermanfaat.

READ MORE - Cara Membuat Like Box Facebook Di Blog

Cara Membuat Blog menjadi Versi Mobile

Semakin canggihnya teknologi Selular yang dapat mengakses sebuah website didalam ponsel ( website mobile), membuat blogspot kini mulai menanamkan sebuah fitur baru yaitu mobile template, hanya saja fitur ini masih beta. Apabila anda mengaktifkan fitur ini maka blog milik anda dapat diakses melalui ponsel,yg mana tampilan dari blog anda otomatis berubah menjadi versi mobile, loadingnya pun jauh lebih cepat.

Cara mengaktifkan fitur ini adalah sebagai berikut:

Masuk ke Dashboard blog milik anda dan klik " Pengaturan "

Kemudian didalam menu pengaturan klik menu " Email & Selular "

Dan didalam menu Email & Seluler klik tulisan " Ya.Tampilkan versi seluler template saya pada perangkat seluler "

Langkah yang terakhir klik " Simpan Setelan "

Selesai deh....selamat mencoba ya.....

Gambar dibawah ini adalah contoh blog milik Catatan Pena versi Mobile http://davotmarbun.blogspot.com/?m=1

Semoga informasi ini bermanfaat.

READ MORE - Cara Membuat Blog menjadi Versi Mobile

Widged Selamat Datang di Blog

Sebetulnya saya tidak tahu mau saya namakan apa widged yang satu ini, tetapi daripada saya pusing untuk memikirkan namanya... lebih baik saya beri saja namanya Widged Selamat Datang ( terserah anda mau menerimanya atau tidak..itu bukan urusan saya...he...he..he...)

Namun yang terpenting disini adalah bagaimana cara membuatnya......? ( Bahasa Inggrisnya : " Songon dia do carana..." ) iya engga...? Nah..bila anda tertarik ingin membuat widged ini di blog anda ...ya...silahkan ikuti keterangannya dibawah ini dengan sebaik-baiknya.

Caranya adalah sebagai berikut :

1. Log in ke blog anda ( jangan blog orang lain )
2. Klik Rancangan
3. Klik Tambah Gadget
4. Pilih HTML/ JavaScript
5.Masukkan kode ini ke dalamnya

<center><form name="news">
<textarea cols="40" name="news2" rows="1" wrap="virtual"></textarea></form>

<script language="javascript">
//Edit by http://davotmarbun.blogspot.com/

var newsText = new Array();
newsText[0] = "Selamat Datang di Catatan Pena"; /* silahkan ganti tulisan merah dengan keinginan anda */
newsText[1] = "Saya Davot Marbun hanya sekedar belajar";
newsText[2] = "Namun kiranya ada sedikit informasi";
newsText[3] = "Yang berguna yang bisa anda peroleh";
newsText[4] = "Mari kita jalin persahabatan yang baik";
newsText[5] = "Terima kasih buanyakkkk....";
var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
var tspeed = 80;   // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds

// ------------- jangan di edit di wilayah ini ------------- \\
var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {
  mxText = newsText.length - 1;
  dwAText = newsText[cnews];
  setTimeout("addChar()",1000)
}
function addNews() {
  cnews += 1;
  if (cnews <= mxText) {
    dwAText = newsText[cnews];
    if (dwAText.length != 0) {
      document.news.news2.value = "";
      eline = 0;
      setTimeout("addChar()",tspeed)
    }
  }
}
//Visit http://.davotmarbun.blogspot.com/
function addChar() {
  if (eline!=1) {
    if (cchar != dwAText.length) {
      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
      document.news.news2.value = nmttxt;
      cchar += 1;
      if (cchar != dwAText.length) document.news.news2.value += "_";
    } else {
      cchar = 0;
      eline = 1;
    }
    if (mxText==cnews && eline!=0 && ttloop!=0) {
      cnews = 0; setTimeout("addNews()",tdelay);
    } else setTimeout("addChar()",tspeed);
  } else {
    setTimeout("addNews()",tdelay)
  }
}

doNews()
</script></center>

6. Kemudian klik Simpan

CONTOH:

Semoga informasi ini bermanfaat

READ MORE - Widged Selamat Datang di Blog

Cara Membuat Mp3 Player Di Blog Dengan Format XML

Pernah ga... sobat melihat mp3 player disalah satu blog dan isi dari lagunya bisa banyak dalam satu media player, tampilan dari media playernya juga bisa kita pilih sesuka hati dan hebatnya dari pemutar musik yang satu ini, lagu-lagu yang akan kita masukkan kedalam media player ini bisa kita pilih sesuka hati loh... misalnya anda mempunyai koleksi lagu-lagu yang memang sangat langka dan mungkin tidak dipunyai oleh orang lain namun anda ingin mendengarkan lagu itu melalui blog anda sendiri atau juga anda ingin berbagi tentang lagu anda tersebut kepada teman/orang lain melalui blog anda, maka player inilah yang sangat cocok untuk hal tersebut.

Nah...kalau memang anda tertarik dan ingin mencobanya di blog anda sendiri silahkan anda ikuti keterangannya dibawah ini, gampang ko...yang penting "konsentrasi" he...he...he....

Dalam pembuatannya anda hanya memerlukan 6 bahan yaitu:

1. Media Playernya ( pemutar musiknya ).

2. Media Playlistnya ( daftar lagunya ).

3. Tempat hostingan untuk menyimpan pemutar musik dan playlistnya, anda boleh mencobanya di  www.ripway.com atau hostingan lainnya namun biasanya anda harus mendaftar terlebih dulu disitus tersebut.

4. Tempat Upload Mp3 anda bisa mencobanya di www.fileden.com dan anda juga harus mendaftar terlebih dahulu.

5. Notepad

6. Segelas kopi hangat, dan sebungkus rokok ( untuk apa kopi dan rokok ini...? ) ya untuk menyegarkan pikiran kita dalam mengerjakan player ini he...he..he...

Ok langsung aja  kita berangkat menuju ke cara pembuatannya...perhatikan baik-baik ya...

1. Upload Lagunya.

Upload lagu kesukaan anda di Fileden.com atau anda juga boleh mencobanya di media penyimpanan online lainnya, namun terlebih dahulu kompress file mp3 anda supaya ketika di putar lagunya tidak terputus-putus, converternya ada banyak di internet anda bisa mencarinya sendiri di Mbah Google dan setelah anda upload file mp3 tersebut silahkan Catat Link mp3nya.

2. Membuat Playernya.

Carilah template/model dari media playernya, ada banyak di internet namun anda boleh mencobanya di myspaceprodesigns pilih sesuka hati player mana yang cocok untuk anda.

Lalu pertanyaan kita adalah bagaimanakah cara mengambil playernya...? 

Silahkan anda buka alamat ini  http://www.myspaceprodesigns.com/flashtoy/mp3.php  dan pilih playernya, disini saya mengambil contoh player yang akan saya gunakan adalah model 3 flash mp3 player by RedDragon, dan setelah anda memilih jenis model playernya klik " generate mp3 playlist " di dalam adrees bar akan tertulis.

http://www.myspaceprodesigns.com/generator/playlist/xml.php?purl=http://www.myspaceprodesigns.com/RedDragon/26.swf

Buang tulisan berikut ini.

http://www.myspaceprodesigns.com/generator/playlist/xml.php?purl=

Maka tinggallah tulisan.

http://www.myspaceprodesigns.com/RedDragon/26.swf

Dan kemudian tekan Enter.

Disana akan terlihat tampilan penuh dari Player tersebut, simpanlah halaman tersebut kedalam folder komputer anda dengan cara klik " Save Page As " simpan ke dalam format SWF, nama filenya terserah anda contoh mudah anda bisa memberi nama " Player.swf " (tanpa tanda petik)  setelah itu silahkan upload  File tersebut kedalam hostingan disana anda akan mendapatkan Linknya lalu Catat Link Player tersebut.

3. Membuat Playlistnya.

Salin file di bawah ini kedalam Notepad.

<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="yes" autoStart="random">
<song path="LINK MP3 ANDA" title="JUDUL LAGUNYA" />
<song path="LINK MP3 ANDA" title="JUDUL LAGUNYA" />
<song path="LINK MP3 ANDA" title="JUDUL LAGUNYA" />
<song path="LINK MP3 ANDA" title="JUDUL LAGUNYA" />
<song path="LINK MP3 ANDA" title="JUDUL LAGUNYA" />
</player>

Dalam keterangan diatas saya hanya membuat 5 daftar jumlah lagu yang akan diputar, namun anda boleh mengurangi ataupun menambahkannya lagi karena itu bukan urusan saya...he...he...he... dan ganti tulisan "Link Mp3 Anda" yang berwarna BIRU dengan Link mp3 anda sendiri begitu juga dengan tulisan "Judul Lagunya" yang berwarna MERAH, silahkan anda tulis apa Judul Lagunya dan simpan atau " Save As "  file tersebut kedalam Format XML.

Contoh disini saya memberi nama filenya  "Daftar lagu.Xml" (tanpa tanda petik) kemudian upload file yang berformat xml tersebut kedalam  hostingan disana anda akan mendapatkan Linknya lalu Catat Link Playist tersebut.

4. Nah kini anda sudah mempunyai 2 Link yaitu Link Player yang berformat SWF dan Link Playlist yang berformat xml, sekarang anda hanya tinggal memasukkan kedua Link tersebut ke dalam script yang ada dibawah ini.

<div align="center"><embed allowScriptAccess="never" src="http://LINK PLAYER ANDA" menu="false" quality="high" width="265px" height="270px" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=http://LINK PLAYLIST ANDA" wmode="transparent"/></embed><br /><a href="http://davotmarbun.blogspot.com">Catatan Pena Musik Player</a></div>

5. Sekarang silahkan anda buka blog milik anda dan copy/pastekan script di atas kedalam blog anda...mudah bukan...? apabila anda sudah berhasil membuatnya ataupun bila anda masih bingung silahkan tulis komentarnya.

Cape juga gua ngetik tulisannya nih...kebetulan kopi gua juga udah habis...he...he...he....selamat mencoba ya...sukses buat anda.

Ini contoh Demonya:

Semoga informasi ini bermanfaat.

READ MORE - Cara Membuat Mp3 Player Di Blog Dengan Format XML