Komputer Gaul: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

27 Januari 2011

Cara Pasang Buku Tamu

04.56

Mister Panji

Memasang sebuah buku tamu (guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang punya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
Pada kolom yang berjudul Style, klik menu appearance.
Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.
Untuk blogger dengan template klasik :

Log in terlebih dahulu ke blogger.com dengan id anda
Klik menu Template
Klik Edit HTML
Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
Klik tombol Preview untuk melihat perubahan yang kita buat.
Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

Silahkan Login dengan id anda
Klik menu Layout
Klik Page Element
Klik Add a Page Element
Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
Copy paste kode HTML shoutbox anda di dalam form Content
Klik tombol Save Changes
Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
Tekan tombol Save
Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Read more »

Upload Logo di PhotoBucket

04.53

Mister Panji

Bagi temen - temen yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw dan lain - lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit.

Untuk Membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini :

Silahkan buka alamat http://cooltext.com
Lalu klik tulisan Design a Logo
Klik gambar contoh logo yang sobat sukai
Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text
Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).
Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
Klik tombol yang bertuliskan Render Logo Design
Tunggu beberapa saat ketika proses pembuatan logo berlangsung
Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
Selesai. Sekarang Logo kita sudah siap untuk di Upload di Blog.

Agar logo yang kita buat tadi bisa tampil di blog, kita harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi biasanya penyimpanan di www.photobucket.com.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :

Silahkan buka alamat http://www.photobucket.com,
Jika belum terdaftar di situs ini, silahkan daftar dulu dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
Setelah Mendaftar. Silahkan Sign In dengan Id yang tadi sudah dibuat
Bila sudah berada pada halaman Account, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
Klik tombol yang bertuliskan Upload
Tunggu beberapa saat ketika proses upload berlangsung
Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser

Nah sekarang tinggal memasukan kode gambar tadi ke blog, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i162.photobucket.com/albums/t253/komputergaul555/logokomputergaul.jpg. kemudian ditambahkan beberapa kode dibawah ini. <img src="Link URL logo">

sehingga hasil pengkodean terakhir adalah seperti ini : <img src="http://i162.photobucket.com/albums/t253/komputergaul555/logokomputergaul.jpg.

Sekarang Anda sudah mempunyai Logo Sendiri....

Selamat ya.... (tapi ya harus dicoba dulu...) hehehee....

Read more »

Tips Agar Cepat Terdaftar di Google

04.36

Mister Panji

Tips lain dari KOMPUTER GAUL untuk Blog kita agar cepat terdaftar di Google.

Pada postingan sebelumnya, KOMPUTER GAUL telah memberikan cara agar bagaimana Blog kita cepat terdaftar oleh Search Engine, nah.... kali ini KOMPUTER GAUL memberikan tips lain agar cepat terdaftar di search engine, khusunya Google.....

Kualitas blog
Cara termudah adalah tampilan blog kita yang menarik. selain menarik, blog kita harus memiliki banyak postingan yang lagi ngebooming , semakin banyak postingan yang dicari, semakin banyak pula para Netter (Penggila Ngenet) yang mengunjungi Blog kita. Selain memperbanyak postingan, hal simple yang perlu diperhatikan adalah jangan sampai Link yang ada di Blok kita putus, atau bahasa lainnya sudah basi.
contoh : salah satu link di Blog kita, di klik oleh Netter, eh.. ternyata gak ada link nya,nah... itu bisa bikin Netter lansung pergi.. So..... jangan sampai terjadi kasus yang seperti itu, OK....

Link ke blog dengan page rank tinggi (Tukeran Link)
Salah satu cara agar blog kita lebih cepat terindeks di google adalah kita di link oleh blog yang mempunyai page rank yang tinggi, dan biasanya blog-blog tersebut adalah blog terkenal. Saran saya pasanglah terlebih dahulu link blog mereka pada halaman blog milik Kita, setelah itu mintalah agar blog sobat di linkback atau di link balik oleh mereka. Permintaan untuk di linkback bisa di ajukan pada buku tamu (shoutbox) atau bisa juga melalui komentar pada postingan atau jika ingin lebih pribadi kirim melalui email. Saya yakin mereka akan segera memasang link sobat pada blog mereka, atau jika dalam waktu tiga hari masih belum di linkback, ajukan kembali permintaan untuk dilinkback karena untuk blog-blog terkenal dalam sehari tidak hanya satu atau dua blog saja yang pasang link blog mereka, maka wajar saja apabila ada satu atau dua blog yang terlewatkan untuk di linkback.

Pasang tag meta
Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :

Untuk judul blog, silahkan isi dengan judul dari blog Anda.Contoh : untuk blog ini adalah Komputer Gaul .

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> .

Cukup sekian dulu ya postingannya....
Silahkan Mencoba....
Semoga Sukses........

Read more »

Cara Pasang Kalender di Blog

04.14

Mister Panji

Untuk memasang sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat.
Agar tidak terlalu bingung mencarinya, Kami berikan contoh satu saja yaitu http://www.free-blog-content.com. Silahkan kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang sobat sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.

Untuk cara instalasi, silahkan ikuti langkah-langkah berikut !

Untuk Template klasik

Sig in di blogger dengan id sobat
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula
Copy kode yang tadi telah ada di notepad lalu paste pada tempat yang di inginkan, mau di sidebar atau di manapun boleh
Klik tombol Simpan Perubahan Template
Selesai.

Untuk Template baru

Sign in di blogger dengan id sobat
Klik menu layout
Klik menu Elemen Halaman
Klik tulisan Tambahkan sebuah elemen halaman
Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan
Klik tombol SIMPAN PERUBAHAN
Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik SAVE.

Selamat Mencoba dan Semoga Bermanfaat.....

Read more »

Cara Cepat Agar Blog Kita Terdaftar Di Search Engine

03.56

Mister Panji

Sebelumnya saya sudah pernah menyinggung tentang cara mendaftar blog ke search engine agar blog lebih mudah dicari oleh para Netter (Penggila Ngenet). Memang benar cara ini bisa mempercepat proses listing blog di mesin pencari seperti Google, Yahoo, dan lainnya. Namun hanya dengan mengandalkan cara tersebut tentu saja tidak cukup karena bisa memakan waktu hingga beberapa minggu agar blog dapat teriindeks di search engine tersebut.

Nah supaya anda tidak menunggu terlalu lama, ada cara lain untuk lebih lebih dan lebih mempercepat Blog kita agar terdaftar di Search Engine.

1. Setelah membuat blog. Posting minimal 20 artikel di blog anda. (Konten asli).

2. Setelah itu, lakukan ping dengan Ping-o-matic. Ping-o-matic adalah sebuah layanan yang berfungsi untuk memberitahukan kepada search engine untuk mengupdate blog anda. Lakukanlah ping hanya ketika anda memposting artikel baru. Jangan sering menggunakan layanan ini karena bisa dianggap spamming.

3. Daftar blog anda ke Technorati. Mengapa Technorati? Karena Technorati merupakan situs direktori terbesar saat ini dengan PR 9 sehingga dengan mendaftar blog anda disana maka akan meningkatkan popularitas blog anda dimata search engine dan juga akan memudahkan search engine untuk mengindeks blog anda.

Ok itu saja tips-tips dari saya. Memang masih ada cara-cara lain. Tetapi dengan mengikuti beberapa tips dasar tersebut saja sudah cukup untuk mempercepat blog anda terindeks di search engine (Sambil berdoa donk....).

Semoga Cepat Terdaftar di Search Engine...

Selamat Mencoba......

Read more »

Cara Mudah Daftar Blog Kita Ke Search Engine

03.49

Mister Panji

Untuk blog yang baru dibuat biasanya tidak langsung terindeks di search engine atau mesin pencari seperti Google, Yahoo, MSN dan lain-lain. Agar nama blog anda dapat muncul atau terindeks di halaman pencarian Google, Yahoo, MSN dan lain-lain maka anda harus mendaftarkan blog anda di mesin pencari tersebut. Meskipun cara ini tidak menjamin blog anda bisa langsung terindeks tetapi dengan cara ini, blog anda bisa lebih diprioritaskan.

Di internet ada banyak sekali mesin pencari tapi yang paling banyak digunakan pengguna internet saat ini adalah Google, Yahoo, dan MSN. Karena itu, pada postingan ini saya akan menjelaskan cara mendaftar blog di ketiga search engine raksasa ini.

Cara Daftar Blog ke Google

1. Kunjungi http://www.google.com/addurl/
2. Kemudian anda akan diminta untuk mengisi data blog anda

URL: isi dengan alamat blog anda. Contohnya, http://komputergaul555.blogspot.com
Comments: Isi keyword atau deskripsi tentang blog anda
Optional: Masukkan tulisan yang anda tampak pada kotak

3. Jika sudah klik Add URL

Daftar ke Yahoo

1. Kunjungi https://siteexplorer.search.yahoo.com/submit
2. Login dengan yahoo id anda.
3. Klik Submit a Website or Webpage
4. Masukkan alamat blog anda lalu klik Submit URL, contoh :http://komputergaul555.blogspot.com

Daftar ke MSN

1. Kunjungi http://search.live.com/docs/submit.aspx
2. Masukkan tulisan yang tertera pada gambar dan isi alamat blog anda pada kotak yang disediakan. Contoh http://komputergaul555.blogspot.com
3. Jika sudah klik Submit URL. Selesai

Setelah anda mendaftar, tunggu beberapa hari untuk search engine mengindeks blog anda. Untuk mengecek apakah blog anda sudah terindeks atau belum. Ketik site: namabloganda.com pada kotak pencari. Contohnya, site:komputergaul555.blogspot.com jika muncul alamat blog anda dihalaman pencarian berarti blog anda sudah terindeks.

Selamat Mencoba.....

Read more »

Cara Memasang Artikel Terkait Atau Releated Post

03.42

Mister Panji

Related post atau artikel yang berkaitan merupakan sebuah cara untuk menampilkan link-link artikel yang berkaitan dengan artikel utama dan biasanya terletak dibawah artikel utama.

Pemasangan related post ini biasanya dikelompokkan berdasarkan label atau kategori. Jadi jika ada salah satu artikel dari label tertentu ditampilkan maka artikel-artikel lain yang mempunyai label sama juga akan ikut muncul dibawah artikel tersebut.

Tujuan pemasangan related post ini agar pengunjung lebih mudah untuk mencari artikel yang berkaitan dengan artikel utama. Sehingga pengunjung tidak perlu report untuk mencari satu persatu artikel dalam menu label atau kategori.

Cara nya pun cukup rumit dan cukup mudah.... (bingung kan...) maksudnya, gak terlalu sulit gak terlalu mudah....(masih bingung...!!!???), dicoba aja deh cara nya, ikuti langkah-langkah dibawah ini:

1. Pada menu Edit HTML Cari kode <data:post.body/>
2. Jika sudah ketemu, letakkan kode dibawah ini dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

<h3>Artikel yang berkaitan</h3>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++)

{if (entry.link[k].rel == 'alternate')

{alturl = entry.link[k].href;

break;

}

var li = document.createElement('li');

var a = document.createElement('a');

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

for (var l = 0; l < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('data2007').appendChild(div1);

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

</b:loop>

</script>

</div>

</b:if>

3. Kalau sudah, klik Save Template lalu klik View Blog untuk melihat hasilnya.

Anda bisa mengganti teks "Artikel yang berkaitan" pada kode diatas dengan teks lain sesuai dengan keinginan anda, seperti Releated Post, Artikel Yang Lain, Dan Lain - lain....

Selamat Berkreasi.....

Read more »

Cara Mudah Membuat Link Pada Blog

03.26

Mister Panji

Pada umumnya, jika kita membuat sebuah link pada blog. Link tersebut akan terbuka pada halaman yang sama. Nah ini tentu akan merugikan kita sebagai pemilik blog karena jika pengunjung mengklik link tersebut maka ia akan meninggalkan blog kita dan menuju ke alamat yang kita rujuk.

Anda tentu tidak maukan pengunjung meninggalkan blog anda? Nah untuk mengatasi masalah tersebut anda bisa membuat link terbuka pada halaman baru. Jadi jika pengunjung mengklik link yang kita tunjukkan. Ia tidak akan meninggalkan blog kita dan disamping itu alamat yang kita tunjuk juga bisa terbuka.

Untuk membuat link seperti itu caranya sangat mudah. Anda cukup menambahkan target="_blank" pada link yang ingin kita tautkan.

Sebagai contoh saya ingin menempelkan sebuah link dengan teks komputer gaul ke alamat http://www.komputergaul555.blogspot.com

maka kodenya adalah seperti ini

" <a href="http://www.komputergaul555.blogspot.com">komputer gaul</a> "

Nah agar linknya terbuka pada halaman baru, tambahkan kode target="_blank" pada link seperti contoh dibawah ini

<a href="http://www.komputergaul.blogspot.com" target="_blank">komputer gaul</a>

Maka hasilnya menjadi seperti ini:

komputer gaul

Silahkan klik link diatas untuk melihat hasilnya...!!!???

Selamat mencoba.......

Read more »

Cara Menambahkan ShutBox Pada Blogger

00.44

Mister Panji

Shoutbox adalah sebuah widget yang berfungsi untuk mengirim pesan-pesan singkat seperti ucapan selamat, perkenalan, pemberitahuan dan lain-lain kepada pemilik Blog atau pengunjung lainnya.

Shoutbox ini biasanya diletakan dihalaman depan Blog atau website. Dengan shoutbox, pengunjung bisa dengan mudah memberikan komentar dan berkomunikasi secara langsung dengan pemilik maupun pengunjung lain secara bersamaan. Jika tertarik untuk menambahkannya pada Blog Anda. Silahkan ikuti cara-cara dibawah ini:

1. Buka situs http://www.shoutmix.com kemudian klik CREATE YOUR SHOUTBOX NOW.

2. Kemudian akan muncul halaman seperti pada gambar dibawah ini. Isi semua data-data yang diperlukan dengan benar. Beri tanda centang pada "I have read and agree to the Terms of Service". Kemudian klik Continue.

3. Selanjutnya Anda akan dibawa kehalaman seperti gambar dibawah ini.

4. Pilihlah salah satu style diatas, kemudian isi kode verifikasi yang terdapat pada sisi kanannya. Lalu klik Continue. Anda akan dibawa ke halaman konfirmasi bahwa account Anda telah berhasil dibuat.

----------------------------------------------------------------------------------------------------

Cara Memasang Shoutbox pada Blogger

1. Klik Go to my control panel now. Pada bagian Quick Start terdapat tulisan Get Codes, klik tulisan tersebut untuk mendapatkan kodenya.

2. Pilih Place Shoutbox on webpage. Copy semua kode HTML yang ada dalam kotak Generated Codes.

3. Login ke Blogger, klik menu Design -> Page Elements klik Add a Gadget. Maka akan muncul halaman baru. Klik HTML/JavaScript.

4. Isi nama pada kotak Title. Lalu paste kode HTML tadi ke dalam kotak Content seperti contoh dibawah ini.

5. Kalau sudah, klik Save untuk menyimpannya. Jika muncul "Page element added". Berarti proses pemasangan Shoutbox berhasil. Silahkan klik View Blog untuk melihat hasilnya.

Cukup rumit untuk memasang ShutBox , tapi jika blog Anda ingin ditambahkan ShutBox, silahkan saja dicoba...

Semoga Sukses....

Read more »

Cara Menambahkan Jam Analog Pada Blog

00.19

Mister Panji

Jam selain berfungsi sebagai penunjuk waktu juga bisa dijadikan sebagai aksesoris di blog. Dengan memasang jam,Blog kita akan terlihat lebih hidup dan menarik.

Saat ini ada cukup banyak layanan yang menyediakan aksesoris jam gratis, Pada postingan kali ini saya akan membahas tentang memasang jam analog dari World time server. Karena layanan ini bisa menyediakan waktu yang lebih akurat dan banyak pilihan warna yang bisa Anda pilih sesuai selera.

Untuk memasangnya, silahkan ikuti langkah-langkah dibawah ini:

1. Kunjungi situs World time server

2. Pilih salah satu bentuk jam analog yang Anda inginkan dengan mengklik link dibawah gambarnya masing-masing

3. Kemudian Anda akan masuk kehalaman kustomasi, lalu pilih salah satu yang Anda minati.

Clock Color : Pilih warna sesuai dengan selera Anda
Size : Pilih ukuran yang Anda inginkan
Location : Pilih lokasi Anda
City Name : Isi nama kota Anda. Ini bersifat optional. Jika Anda tidak ingin menampilkan tinggal dikosongkan aja.

4. Jika sudah, klik Update HTML Code

5. Copy kode dalam kotak Object HTML Code

6. Buka blogger. Klik menu Layout -> Page Elements

7. Klik Add a gadget. Klik tombol + pada HTML/ Javascript

8. Pastekan kodenya dalam kotak lalu klik Save

Silahkan Berkreasi....

Read more »

26 Januari 2011

Cara Mudah Membuat Search Box Atau Kotak Pencari Pada Blog

23.55

Mister Panji

Saya yakin para Blogger pasti sudah tidak asing lagi dengan yang namanya search box atau kotk pencari. Karena kita rata-rata mencari alamat website atau informasi dengan bantuan menu ini.

Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari alamat website dengan memasukkan kata kunci yang ingin kita cari.

Namun search box yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?

Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

1. Login ke Blogger. Klik menu Design -> Page Elements. Lalu klik pada Add a Gadget.

2. Klik Add a Gadget -> HTML/Java script

3. Masukkan kode dibawah ini kedalam kotak dan klik Save

<p align="left">
<form id="searchthis" action="Alamat blog/search" style="display:inline;" method="get">
<strong>Judul<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Ganti Alamat blog dengan alamat blog Anda. Misalnya, http://www.komputergaul555.blogspot.com dan ganti Judul dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari artikel , Cari , dan lain-lain.

4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.

Bagaimana.....
Cukup mudah kan...!!??

Silahkan mencoba....

Read more »

25 Januari 2011

Cara Mudah Pasang Foto Profil Pada Blogger

01.46

Mister Panji

Salah satu cara menunjukkan identitas para blogger adalah dengan mencantumkan foto profil pada blog.
cara mencantumkan foto profil pada blog adalah salah satu cara yang paling mudah.
hal yang perlu diperhatikan adalah kecepatan koneksi upload dan ketepatan kita mencantumkan foto profil (mana yang lebih cocok dengan blog yang kita buat).

Langkah pertama adalah kita masuk (login) ke menu blogger, kemudian klik Edit foto.

Cari tulisan Photograph, kalau sudah ketemu. Klik Browse pada "from your computer". Pilih foto yang ingin Anda tampilkan lalu klik Open. Tunggu beberapa saat hingga proses upload selesai.

Klik Save Profile. Kemudian akan muncul "Your settings have been saved". Klik View Updated Profile untuk melihat foto yang anda upload

Selamat Mencoba........

Read more »

Cara Menyembunyikan Sebagian Postingan Atau "Baca Selengkapnya"

01.23

Mister Panji

Para blogger pemula pasti ingin postingan yang ditampilkan di beranda tampak ringkas dan rapi.
cara yang mudah adalah dengan memakai "span".

Apakah "span" itu ???

"span" adalah salah satu kode HTML untuk menyembunyikan suatu kata / kalimat. Sesuai dengan kegunaannya, "span" digunakan untuk menyembunyikan postingan sesuai dengan keinginan blogger.

sekarang akan kami tunjukkan cara bagaimana menyembunyikan postingan dengan menggunakan "span".

Langkah pertama : Kita harus masuk Edit HTML pada menu blogger, kemudian cari kode </head>.
untuk lebih mudah mencarinya, tekan Ctrl + A kemudian Ctrl + F, kemudian ketik </head>, lalu di next terus sampai ketemu </head> yang dimaksud.

Langkah kedua : Setelah ketemu kode </head>, masukkan kode dibawah ini diatas kode </head> yang dimaksud.

--------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'>

var fade = false;
function showFull(id) { var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { if (fade) { spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink") spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
} }

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") {
if (fade) { spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
} if (spans[i].id == "showlink")
spans[i].style.display = 'inline'; if (spans[i].id == "hidelink") spans[i].style.display = 'none';
} post.scrollIntoView(true);
}
function checkFull(id) { var post = document.getElementById(id);
var spans = post.getElementsByTagName('span'); var found = 0; for (var i = 0; i < spans.length; i++) { if (spans[i].id == "fullpost") { spans[i].style.display = 'none'; found = 1; } if ((spans[i].id == "showlink") && (found == 0)) spans[i].style.display = 'none';
} }

</script>
</b:if>

---------------------------------------------------------------------------------------------------------

Langkah ketiga : Setelah kode di atas dimasukkan di atas kode </head>, kemudian cari kode berikut :

<div class='post-body'>
<p><data:post.body/></p>

atau

<div class='post-body entry-content'>
<p><data:post.body/></p>

Ganti dengan kode dibawah ini :
----------------------------------------------------------------------------------------------------

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'><b>Baca Selengkapnya...</b></a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

------------------------------------------------------------------------------------------------

Jika Langkah pertama sampai ketiga sudah selesai, maka selanjutnya adalah masuk ke menu posting, kemudian masuk Edit HTML, kemudian masukkan kode dibawah ini. (letakkan ditengah antara posting yang akana dipotong sampai akhir posting.)

Contoh ada dibawah ini :

Isi artikel yang ditampilkan

Isi artikel yang mau disembunyikan

</span>

Beres dehhh....

Silahkan mencoba..........

Read more »

Menambahkan Google Translate 3 Kolom Pada Blog

00.35

Mister Panji

Pada postingan yang sebelumnya, kami memberikan cara bagaimana menambahkan widget google translate pada blog, tetapi cara yang kami berikan adalah menambahkan google translate dengan 2 kolom.

Maka sekarang akan kami berikan cara memasang google translate dengan 3 kolom, contoh hasil penambahan google translate dibawah ini.

Seperti cara yang lama, cara yang harus dilakukan adalah dengan membuka kotak HTML/ JAVASCRIPT, kemudian copy paste kan kode dibawah ini, kemudian klik SAVE

-------------------------------------------------------------------------------------------------------

<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align: center;">
<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2C2U-7-hvX_915JU3ktM9Q9rqS1wyiaAXQeFrRUAmaAJfQudIotluz49ipXInpetZ3fBRVzMOFyWeJvfB3F0PW1tkw0MumFjiLEbgRZcBnpsOVG_vltTcaKEe5haUOuS9AjaWB7diKj4e/s144/uk-flag.png" style="cursor: pointer; margin-right: 8px;" title="English" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4T1z7kuTHctnUMKoiB4Mma5HPPjQEaPe4APVoEYL663T7Xpczgp3bLvoPzXQKCewhYOfJ2OWlaOi6Lx-ruiA2QlvLST3BBY-Qqhh6vHAS6iHy7nUEYsfQ6Omtbx1sWhzT6bbvEvA6T0sE/s144/france-flag.png" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEEMcFpHMM_knJWblVjcLtqM_zk8yd64MC7pyPMSnAXauyER_WNaZbAaiuddA5VeG2C5CNLnYzNm1ahcBsAfhaiiIKm0onJN1tNJb27Xh91V2-PdSG6tyPLEfzVG7Pr0U3NSjXYog9BWv/s144/german-flag.png" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhymfyVDZ7W0_nKP1h6PA8VadQPRDd502lXnJhSYfOhesvOM4l0oY_sMCjoJ6YcaMNvBbxFsWHgDQZageNAeQtB-ON8bP1SmiJzKCIPaXLnbd90RixGHPyJxWuid7H9VnJfQDWcsSYBi3gR/s144/spain-flag.png" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmlLqltwiI_xdTrVaW7CloPs4Q2MbB6UHNAZB-n8gG5gSZ9ydrS3davHQxkELNylYm2s4zjTrHBVGpw7j4NZ1YacBX2UlcePiwJXMk1cr3iPFZxOXNO_J1mO2GyVKsdyEuWJsSy-KyvRsZ/s144/italy-flag.png" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOlolk-Pp3jseR-vQvrOZHVfVvCjABvMc-XAwfvOpRqVSyU2LqPyjKadGjhrpM34RhvH3F7vQ8k9DqISu5d_jUIQXPHt-7XgDbpps2jRdt9tw-ltTNH9KL7r_xqQEws6_AVMkxx2dgJbZ/s144/dutch-flag.png" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3TKia-3K7stEOJizxUCo8QTNWq2onEVJyb20f0qUQRKlgvI2ssXHEeUrwvupHo2tNcuJs1vNM7w4zE0cG0yz92w4zdX3lPGACoVHgYTifR9v9CgkbYPogSMVmnnuLW6xLM8kKhzoNL1CA/s144/russian-flag.png" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Brazil"><img align="absbottom" alt="Brazil" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK_IxSbRbV6dwALGQW02bXORIIfzkseFxyQ6vp1WRCVQty_0wMfVkz1J_74ux1kl4vdChZeLx1d77mi1fbXPPf5lfm8gS_UwhMjVpSRqbkAsfsimKFZrYurcOH4f9E6C69z-zz_kjnqkAC/s144/brazil-flag.png" style="cursor: pointer; margin-right: 8px;" title="Brazilian" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiD2oGSJa9Np0RF3gs2eEgb5oBIHvwhT-tlIGXs0rKtBnPWL5SnWbmQLvjDoQfmOgH5aUE9qS65RlAupM8PQXnp0hGhcT2-0hs8mZK0urFfsCSRmFbxwNM5iKRK5-dSuzKzMWB1DPcVGiW/s144/japan-flag.png" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkFNVkD893HDdyumu3mXYH65UjrK0t0hiC-L2ADht7pm_kvECZ06Ko43Wxrsho-U-NyuDpqFQy2DyVzyKBZxslllcCmL97Nrxx7jJPiUVTaUpmaQwBvNlhaExH0hKBq6jiST-h0QYH6a6P/s144/korean-flag.png" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a>

<a class="translate" href="http://www.blogger.com/post-create.g?blogID=5448754869351925989#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFG4LcyCKJ9Z5eTfWBCA8tum24LVkwFhaToTOZaswYegdwwSs1qqRPLKDLyVImrWVZVQUJnS5LnjkycaiitsNO06hxzteqHM-K6D0i21ejD2zVrsFvGKdDSIciu8yLDlu8B3VttT6637qf/s144/arab-flag.png" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a>

<div style="font-size: 9px; padding: 8px 0px 0px;">
<a href="http://www.hermanblog.com/2009/03/memasang-widget-google-translate-pada.html" target="_blank">Translate Widget</a> by Google</div>
</div>

------------------------------------------------------------------------------------------------------

Silahkan mencoba....

Read more »

24 Januari 2011

Menambahkan Google Translate Pada Blog

21.09

Mister Panji

Pada blog pemula, ada beberapa menu widget yang tersedia.

pada pembahasan menu widgets kali ini, kami mencoba menghadirkan menu translate yang dipersembahkan oleh google yang dinamakan goolgle translate.

berikut adalah tampilan yang akan dibuat :

untuk menambahkan widget tersebut diatas, buka kotak HTML / JAVASCRIPT lalu copy paste kan kode dibawah ini ke dalam kotak, kemudian klik SAVE.

Selemat mencoba...

Read more »

Komputer Gaul

Crop Circle di Yogyakarta

Hewan Lebih Dulu Meluncur Ke Orbit Sebelum Manusia

Istana Gerbang

Melepas Penat Setelah Seharian Kerja

Tawuran Kok Terus

27 Januari 2011

Cara Pasang Buku Tamu

Upload Logo di PhotoBucket

Tips Agar Cepat Terdaftar di Google

Cara Pasang Kalender di Blog

Cara Cepat Agar Blog Kita Terdaftar Di Search Engine

Cara Mudah Daftar Blog Kita Ke Search Engine

Cara Memasang Artikel Terkait Atau Releated Post

Cara Mudah Membuat Link Pada Blog

Cara Menambahkan ShutBox Pada Blogger

Cara Menambahkan Jam Analog Pada Blog

26 Januari 2011

Cara Mudah Membuat Search Box Atau Kotak Pencari Pada Blog

25 Januari 2011

Cara Mudah Pasang Foto Profil Pada Blogger

Cara Menyembunyikan Sebagian Postingan Atau "Baca Selengkapnya"

Menambahkan Google Translate 3 Kolom Pada Blog

24 Januari 2011

Menambahkan Google Translate Pada Blog

Yang Empunya Situs Ini.

Kategori

Total Pengunjung

Artikel Lain

Sharing Google