29 February 2012

Membuat Refresh

Membuat Refresh

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blogataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar. 

Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini : 


<meta http-equiv="refresh" content="10"/> 


Simpan kode di atas antara <head> .... </head> 

sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh. 

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan. 

Fungsi Redirect ini bisa di buat dengan kode : 


<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/> 


Selamat mencoba.
Read More. . .

Menampilkan Thumbnail yang Berbeda Pada Halaman Home

Menampilkan Thumbnail yang Berbeda Pada Halaman Home

 

Saya kurang tau apakah wordpress menggunakan plugin untuk menampilkan thumbnail yang berbeda pada halaman home, tapi itu bisa dilakukan dengan lebih mudah di blogger. Cukup dengan conditional Tag.


Thumbnail ini akan digunakan pada halaman home untuk memberikan gambaran tentang isi artikel, dan akan hilang setelah visitor masuk ke artikel. Salah satu blog yang menerapkan system ini adalah bloggerplugin. Disini saya akan menjelaskan pengaplikasiannya.

Kita akan menggunakan conditional tag yang mengatur penampakan pada halaman artikel (item).

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Untuk membungkus Class tertentu. Class ini akan diletakkan pada HTML gambar yang ingin dijadikan thumbnail.

Berikut total kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.thumb {display:none}

</style>
</b:if>
 
Letakkan kode tersebut diatas </head>

***

Masuk kehalaman posting & saat memasukkan gambar ke artikel, akan muncul kode berikut:

<a class="thumb" onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}"
href="...s1600/anonymous.png"><img style="display:block; margin:0px
auto 10px; text-align:center;cursor:pointer; cursor:hand;width:
35px; height: 35px;" src="...s400/anonymous.png" border="0"
alt=""id="BLOGGER_PHOTO_ID_5529584144433618498" /></a>

Atau,

<img class="thumb" src="...s1600/anonymous.png" alt="" />

Tambahkan kode yang berwarna merah seperti yang ditunjukkan pada kode HTML diatas. Intinya adalah pada class="thumb". Commons ini yang mengatur bahwa thumbnail/gambar dihidden jika masuk ke halaman artikel.
Read More. . .

28 February 2012

Meletakkan Iklan di dalam Postingan

Meletakkan Iklan di dalam Postingan

Cara meletakkan kode iklan didalam setiap postingan, caranya seperti memasang tombol like facebook, cuma kode iklan yang akan kita pasang harus di encode dulu. Untuk mengencode script iklan kita bisa menggunakan tool di http://centricle.com/tools/html-entities/

Contoh script iklan yang asli

<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=xElY1CdFmdM%3D&cid=7XbjAIDKIxw%3D&chan=XxA17ZtGiUU%3D&type=11&title=3D81EE&text=000000&background=FFFFFF&border=000000&url=2BA94F" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->

Contoh script iklan setelah di encode

&lt;!-- Begin: http://adsensecamp.com/ --&gt;
&lt;script src=&quot;http://adsensecamp.com/show/?id=xElY1CdFmdM%3D&amp;cid=7XbjAIDKIxw%3D&amp;chan=XxA17ZtGiUU%3D&amp;type=11&amp;title=3D81EE&amp;text=000000&amp;background=FFFFFF&amp;border=000000&amp;url=2BA94F&quot; type=&quot;text/javascript&quot;&gt;
&lt;/script&gt;
&lt;!-- End: http://adsensecamp.com/ --&gt;

Letakkan script yang telah di encode tersebut dibawah kode <data:post.body/> untuk tampilan iklan di bawah postingan, dan letakkan script diatas kode <data:post.body/> untuk tampilan iklan di atas setiap postingan.

Semoga bermanfaat.
Read More. . .

27 February 2012

Domain Gratis CC.CC

Domain Gratis CC.CC

CC.CC adalah Salah satu penyedia layanan Domain gratis seperti co.nr, co.cc dll. CC.CC satu perusahaan dengan CO.CC yang beberapa waktu lalu sempat di deindex oleh Google, tetapi sekarang sudah terindex kembali.

Tidak seperti pendahulunya CO.CC yang memberikan kita kebebasan untuk mapping ke domain yang kita inginkan, CC.CC lebih mengutamakan kemudahan setting atau mapping ke costum domain tetapi hanya dibatasi untuk Blogger, Gmail, Google sites, Tumblr, Bandcamp, Hotmail, Facebook, Twitter dan Myspace.

Mapping yang ditentukan oleh CC.CC adalah :
Blogger (DNS)
Google Sites (DNS)
BandCamp (DNS)
Tumblr (DNS)
Facebook,Twitter,Myspace (Redirection)
Google Apps / Gmail (DNS)
Windows Live / Hotmail (DNS)

Alamat Pendaftarannya di http://www.cc.cc/
Read More. . .

26 February 2012

Google Bookmark

Google Bookmark

Bagi sobat yang sudah terbiasa berinternet ria, tentu saja tidak akan asing dengan yang namanya menuFavourite pada internet explorer ataupun Bookmark pada firefox. Dengan menggunakan fasilitas ini kita dapat memasukan beberapa alamat website ataupun blog yang di rasa disukai dan pada waktu yang akan datang ingin di kunjungi kembali. Bookmark memang sangat membantu kita untuk memudahkan mengunjungi situs-situs ataupun blog yang di sukai, namun demikian ada suatu kelemahan yaitu menu bookmark yang ada pada komputer tersebut bersifat Offline. Lebih sfesifik dengan kata Offline yang saya maksud adalah bookmark tersebut hanya berlaku bagi komputer tersebut saja.


Bagi sobat yang sering gonta-ganti komputer dalam hal berinternet ria akan menglami kesulitan dalam hal bookmark, katakan saja kita sering menggunakan warnet. Di warnet tentunya kita tidak bisa mengklaim akan selalu memakai komputer yang sama, bagaimana solusi terbaik dalam mengatasi hal ini? untuk mengatasinya sobat bisa menggunakan Online bookmark, dengan online bookmark sobat akan leluasa membubuhkan alamat-alamat situs ataupun blog yang sobat sukai karena bisa di buka pada komputer manapun ataupun tempat yang berlainan yang penting syarat utamanya tentu komputer tersebut harus online dengan internet. 

Cara untuk melakukan online bookmark, kita bisa menggunakan berbagai situs penyedia online bookmark. Beberapa situs online bookmark terkenal di antaranya adalah google bookmark, del.icio.us, digg.com, dan masih banyak lagi. Jika saya membicarakan semuanya, tentu harus banyak ruang serta waktu yang harus saya sediakan (caile rada puitis dikit), untuk itu saya hanya akan membahas satu saja yaitu online bookmark yang menggunakan google bookmark. Hal pertama yang harus di lakukan adalah tentunya sobat harus mempunyai account di google. Belum punya account google? sok atuh bikin dulu di sini! bagi yang sudah mempunyai account google bisa langsung menyimak bagaimana cara Online bookmark di google bookmark, silahkan ikuti langkah-langkah berikut ini ! 

  1. Silah kunjungi google bookmark atau cukup klik di sini!


  2. Silahkan login dengan account google milik sobat


  3. Klik tulisan Add Bookmark


  4. Isi form yang tersedia


    • Name --> isi dengan nama yang di inginkan, misal Blog tutorial

    • Location (URL) --> isi dengan alamat situs ataupun blog yang ingin di cantumkan, misal sobat suka dengan blog ini, maka tulis alamatnya http://kolom-tutorial.blogspot.com

    • Label --> isi dengan label (kategori) yang di inginkan, misal : blog

    • Notes --> isi dengan catatan yang diinginkan untuk lebih mempermudah mengingatkan sobat akan blog ini, misal : ini dia nih blog favourite ane.


  5. Akhiri langkah di atas dengan mengklik tombol Add bookmark


  6. Selesai.


Dengan sobat melakukan online bookmark, maka sobat tidak usah merasa khawatir akan kehilangan catatan mengenai alamat situs ataupun blog yang di rasa menjadi favourite sobat karena tentu saja bisa di buka ditempat manapun, lain kota, lain negara? tidak masalah, online saja di internet lalu masuk ke google bookmark, kemudian silahkan kunjungi situs yang ingin sobat kunjungi.
Read More. . .

25 February 2012

Membuat Background Posting Berbeda-beda

Membuat Background Posting Berbeda-beda


Emangnya bisa backround posting beda-beda? ya bisa aja atuh, caranya gampang ko, tidak sesulit yang di bayangkan, tinggal bikin style nya trus mau di apain juga bisa. 

Dalam membuat background ada dua alternatif yaitu membuat background dengan warna dan membuatbackground dengan bantuan gambar, khusus untuk background dengan gambar terbagi lagi ke dalam beberapa teknik yaitu background gambar dengan teknik repeat (ada repeat, repeat-x, repeat-y) dan background gambar dengan teknik no-repeat (gambar backgroundnya memang ukuran besar). Untuk teknik-teknik ini mungkin lain kali saja deh, kangrohman nya sedikit bad mood nih, mending sekarang yang singkat aja deh. 


Membuat background dengan warna 

Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan : 

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini : 

<div style="background:kode_warna_disini;"> 


Dan diakhir postingan, harus di tutup dengan kode seperti ini : 


</div> 



Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan. Sedikit tips yang masih bingung dengan kode warna, silahkan baca di sini. 

Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan. So, yang pasti postingan anda akan bervariasi dan tidak terkesan monoton (monoton TV apa monoton Film ye?). Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel : 



<div style="background:#D9D7D7; text-align:justify; font-size:120%"> 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. 

</div> 



Hasilnya akan seperti ini : 


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.



heuheuheu.. gampang banget kan? kang rohman bilang juga apa, sok di coba atuh biar seru. 


Membuat background dengan Gambar 

Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background (bahasanya ko bolak-balik dekok begitu yach?). Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Bingung cara upload gambar ke hosting gratisan? ya udah baca dulu postingan kang rohman yang di sini, di sini, dan di sini juga. 

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini : 

<div style="background:url(alamat_gambar_disini) no-repeat;"> 


Dan diakhir postingan, harus di tutup dengan kode seperti ini : 


</div> 



Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kodeno-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang. 

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan. 

Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://kangrohman.googlepages.com/roll_02.jpg, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% : 



<div style="background:url(http://kangrohman.googlepages.com/roll_02.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px"> 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. 

</div> 



Hasilnya akan seperti ini : 


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.



Eiiiith... gampang juga kan? ya udah di coba dulu aja biar jadi hafal...
Read More. . .

23 February 2012

Widget baru Mybloglog

Widget baru Mybloglog

 widget-mybloglog_03                                                           
Membaca dari komentar yang ada pada postingan tentang cara setting mybloglog, rupanya ada yang kebingungan di karenakan tutorial yang kang rohman tulis sangat berbeda dengan yang di lihat pada situs mybloglog, kenapa demikian? hehehe…. pasti berbeda soalnya tutorial tersebut sudah tidak up to date lagi alias sudah kadaluarsa karena postingan tersebut sudah sangat lama sekali kang rohman posting dan sekarang mybloglog sudah mempunyai widget baru. Kenapa masih di pampang? duh gimana ya, sayang soalnya. Posting tersebut, sudah mendapat tempat di hati google, jika kang rohman hapus maka takut melukai hati beliau….. weks.

Agar tidak bingung maka pada postingan yang ini akan kang rohman tulis bagaimana cara mendapatkan widget baru dari mybloglog. Namun sebelumnya perlu anda ketahui bahwa sekarang mybloglog sudah termasuk bagian dari keluarga yahoo!, maka untuk bergabung di mybloglog anda harus mempunyai account yahoo! Belum mepunyai account yahoo? silahkan daftar dulu di sini! jika anda sudah mempunyai account yahoo (email di yahoo!), maka anda bisa langsung login.

Berikut adalah langkah-langkah setting widget baru mybloglog :

  1. Silahkan login ke mybloglog dengan ID anda (yahoo! ID).
  2. Setelah login, perhatikan sebelah kiri monitor anda. Tuju ke My Sites and Service, jika anda mempunyai beberapa blog yang sudah di daftarkan, maka akan tampil seperti contoh di bawah ini :

    mybloglog_03

  3. Klik tulisan widgets pada blog yang maudi ambil kode widgetnya, contoh : perhatikan lingkaran merah!
  4. Tuju ke menu dropdown di bawah tulisan Use these choices to play with the look and feel:
  5. Buka masing-masing menu dropdown yang ada, dan pilih sesuai dengan yang anda inginkan :
    • Style : Multiple Columns (agar tampilannya banyak), One Column (agar tampilannya hanya satu baris ke bawah).
    • Color : Black (agar widget berwarna hitam), Blue (biru), brown (coklat), Green (hijau), Orange(kuning jeruk), Purple (ungu), Red (merah).
    • Images : Normal (agar photo yang tampil dalam ukuran normal), Small (ukuran photo yang tampil kecil).
    • Flyout Orientation : Left (agar widget ketika di sorot, tampil screenshot ke sebelah kiri), Right(agar tampilnya ke sebelah kanan), None (agar tidak ada screenshot ketika widget di sorot).
  6. Tuju ke sebelah bawah, untuk mengatur lebar dari serta banyaknya baris widget anda.
    • Width (150-1200) ; ganti tulisan 220px dengan ukuran yang anda inginkan, misal 300px atau berapa saja (sesuaikan dengan ukran lebar sidebar anda).
    • Row(1-100) : ganti nilai 4 dengan nilai baris yang anda inginkan (misal 5,6,7 atau berapa saja yang anda inginkan).
  7. Tuju bagian bawah lagi, atur menu dropdownnya :
    • Links Open In : Active Window (ketika widget anda di klik, maka halaman blog anda akan di timpa), New Window (ketika widget di klik akan keluar halaman baru, halaman blog anda tetap ada).
  8. Copy kode yang ada di bawah tulisan : Your Code. Paste Pada notepad atau text editor lainnya.
  9. Silahkan sign out dari mybloglog jika mau.
  10. Selesai.


Karena anda sudah mendapatkan kodenya, maka tugas anda selanjutnya adalah memasukan kode tersebut ke blog anda. Masih belum tahu juga caranya? hiks… cape deh. Nih kang rohman kasih tahu caranya.

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman.
  4. Klik Tambah Gadget.
  5. klik tanda plus ( + ) untuk yang HTML/Javascript.
  6. Paste Kode widget mybloglog yang ada pada notepad tadi pada halaman yang muncul.
  7. Klik tombol simpan.
  8. Geser elemen yang baru anda buat tadi pada tempat yang anda inginkan.
  9. Klik tombol SIMPAN yang ada di bagian atas.
  10. Selesai. Silahkan lihat hasilnya.


Tutorial di atas merupakan untuk mendapatkan widget baru dari mybloglog, ada sebagian orang (termasuk saya) kurang menyukai tampilan widget baru ini karena terkesan terlalu jrenk. Nah bagi yang kurang suka, anda masih bisa menggunakan tampilan widget yang lama, caranya yaitu ketika anda masuk ke halaman pengaturan widget (seperti tutorial di atas), anda tinggal klik link yang ada di tulisan ini :

Looking for the old-school Recent Reader widget? Find it here.
Read More. . .

22 February 2012

Free Icon Untuk Blog Dan Website

Free Icon Untuk Blog Dan Website

Bagi anda yang suka menghiasi blog atau website dengan berbagai macam icon agar terlihat lebih cantik, di bawah ini ada beberapa website yang menyediakan icon-icon cantik untuk bisa di download secara freeatau gratis. So pasti anda tidak perlu lagi besusah payah hanya untuk sekedar urusan icon, download dan pasang dengan sesuka hati di blog anda.


Contoh icon yang bisa di download :

webdev-social-bookmark-pack-180
Dan masih banyak lagi koleksi icon yang sangat cantik, sayang jika di lewatkan, coba kunjungi saja blognya.


Contoh icon yang bisa di download :

Aquaticus-Social-180
Silahkan kunjungi situsnya, dan download berbagai icon yang cantik secara gratis.


Contoh icon yang bisa di download :

Apollo-180

Siapa yang mau lihat-lihat dan sekaligus mendoanload icon cantik-cantik ini?


Contoh icon :

Web Application Icon Set

Dan masih banyak lagi icon-icon cantik lainnya.


Contoh icon  yang bisa di download :

Feedicons2


sky_folder_icons


Knob_Buttons_Toolbar_icons_by_iTweek



leco



sticky-pack


onibari-light



Dan banyak lagi icon-icon yang bisa anda dapatkan secara free atau gratis, caranya sangat mudah, anda tinggal tulis keyword Free Icon pada search engine google yang ada di sebelah kanan atas blog ini. Selamat berdownload ria.
Read More. . .

21 February 2012

Pasang Google Toolbar

Pasang Google Toolbar

Sudah tahu kan istilah PR atau Google PageRank? itu tuh peringkat yang di berikan om google terhadap suatu halaman blog atau website. Kalau belum tahu, silahkan baca ulasan lengkapnya di Wikipedia. PageRank di peringkat dari 1 sampai 10, semakin tinggi nilai PageRank berarti semakin bagus. Nilai PageRank 4 saja sudah di anggap bagus, dan jika anda dapat lebih dari itu berarti memang yahood.
Untuk mengecek PageRank, anda bisa menggunakan situs PageRank Checker seperti Mypagerank.net,googlepagerank.seocaster.com, serta situs-situs yang lainnya. Namun, jika anda ingin mengetahui PageRank setiap blog atau website secara cepat dan akurat, anda bisa memasang Google toolbar di browser yang anda pakai seperti yang kang Rohman lakukan, jadi setiap kali kita mengunjungi blog orang lain atau siapapun maka PageRank dari blog tersebut akan terlihat.

pagerank

Bagi anda yang tertarik untuk memasang google toolbar, silahkan anda download saja. Bagi pengguna  internet explorer bisa di download di sini!,  pengguna firefox bisa download di sini!.
Selain untuk melihat pagerank secara cepat dan akurat, google toolbar juga mempunyai fungsi-fungsi yang lain yang sangat berguna bagi anda para maniak google.
Selamat mencoba!
Read More. . .

20 February 2012

Pasang Game di Blog

Pasang Game di Blog

 

 

Kemarin ada yang rikues minta di buatkan tutorial cara Pasang Game di blog, dan sepertinya tutorial yang akan di tulis tidak terlalu sulit, maka langsung saya buatkan saja. 

Sebagai catatan kecil saja, memasang game di blog memang menyenangkan bagi sebagian orang, namun hal ini akan mengakibatkan loading blog anda akan sedikit berat. Jadi silahkan dipikir dulu baik dan buruknya.


Untuk memasang Widget game, anda bisa mendapatkannya secara gratis di internet, silahkan lakukan googling saja. Sebagai contoh, salah satu penyedia layanan ini adalah http://www.khemer.com 
 
Caranya menginstall nya seperti ini : 

Untuk template Baru : 

  • Langkah #1 :
    1. Silahkan kunjungi http://www.khemer.com.


    2. Silahkan lihat dan coba game-game yang ada dengan cara meng klik pada judul game.


    3. Setelah menemukan game yang di rasa cocok, perhatikan ke bagian bawah.


    4. Copy kode yang ada pada text area, lalu paste pada notpad atau text editor lainnya, kemudian save dulu di komputer.


    5. Sekarang anda mempunyai kode game untuk di pasang di blog.


    6. Silahkan close halaman browser anda jika di rasa cukup.

  • Langkah #2 : 

    1. Sign in di blogger dengan ID anda.
    2. Klik Layout.
    3. Klik tab Elemen Halaman.
    4. Klik Tambahkan sebuah Elemen Halaman.
    5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.
    6. Copy kode game yang tadi di dapat, lalu paste pada pop up window yang muncul.
    7. Klik tombol SIMPAN PERUBAHAN.
    8. Pindahkan elemen yang baru anda buat tadi pada tempat yang di di rasa cocok.
    9. Klik tombol SIMPAN yang ada di sebelah atas.
    10. Selesai. Silahkan lihat hasilnya!

    Untuk template Klasik : 

    1. Sign in di blogger dengan ID anda.
    2. Klik Layout.
    3. Klik tab Edit HML.
    4. Copy seluruh kode template anda, kemudian paste pada notepad. Silahkan di save dulu untuk backup (sangat penting).
    5. Copy kode game yang tadi di dapat, lalu paste pada tempat yang dinginkan.
    6. Klik tombol Simpan Perubahan Template.
    7. Selesai. Silahkan lihat hasilnya!

    Gampang bukan? Selamat mencoba ! 

    Eh bagi yang mau coba cari duit gratisan lewat internet? silahkan daftarkan blognya di sini!
  • Read More. . .

    19 February 2012

    Pasang Jadwal Sholat

    Pasang Jadwal Sholat

    Dari kemarin yang di omongin kayanya soal ngotak-ngatik template melulu, biar tidak jenuh kali ini saya akan membahas tentang aksesori blog. Bagi sobat yang notabene muslim, ada nih aksesori blog plus buat mengingatkan kepada kita akan waktu sholat biar para pengunjung blog kita tidak terlalu terlena ketika memmbaca berbagai artikel yang kita tulis di blog. Jadwal waktu sholat ini bisa sobat dapatkan di http://www.islamicfinder.org, untuk cara mendapatkannya silahkan ikuti langkah-langkah berikut ini : 

    1. Silahkan sobat kunjungi situs http://www.islamicfinder.org atau hanya klik di sini !


    2. Klik link yang bertuliskan Add new sevices to your site di halaman bagian bawah


    3. Alihkan perhatian ke nomor pilihan ke 2. Klik menu Dropdown yang bertuliskan Select a Country


    4. Klik nama negara yang sobat inginkan, lalu klik Go. Contoh : Indonesia


    5. Klik nama kota yang sobat inginkan. Contoh : Jakarta


    6. KLik tombol Generated Code


    7. Copy kode yang di berikan, lalu paste pada notepad untuk nanti keperluan di simpan ke blok kita


    8. Silahkan tutup window situs tersebut


    9. Selesai.



    Itu tadi cara mendapatkan kode jadwal sholatnya, untuk memasukan kode tersebut ke dalam blog, silahkan ikuti langkah berikut : 


    Untuk Template Klasik 

    1. Sign in di blogger


    2. Klik menu Template


    3. Klik menu Edit HTML


    4. Copy seluruh kode template, paste pada notepad lalu simpan untuk backup data


    5. Copy kode jadwal sho;at yang tadi lalu paste pada tempat yang sobat inginkan


    6. Klik tombol Pratinjau untuk melihat perubahan


    7. Bila sudah Ok, klik tombol Simpan Perubahan Template


    8. Selesai.



    Untuk Template baru 

    1. Sign in di blogger


    2. Klik menu Layout


    3. Klik menu Elemen Halaman


    4. Klik tulisan Tambahkan sebuah Elemen Halaman


    5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript


    6. Paste kode Jadwal sholat tadi ke kolom yang di sediakan


    7. Klik tombol Simpan Perubahan


    8. Pindahkan elemen yang baru di buat pada tempat yang sobat sukai


    9. Klik tombol Simpan


    10. Selesai

    Selamat mempunyai jadwal sholat dan jangan lupa sholat ye jangan ngeblog melulu !
    Read More. . .

    18 February 2012

    Pasang Kode Tuker Link

    Pasang Kode Tuker Link

    BangDhika beberapa waktu yang lalu mengajukan pertanyaan melalui shoutbox mengenai bagaimana cara membuat kode untuk tukeran link, dan sekarang saya akan coba membahasnya. Mudah-mudahan informasi ini bermanfaat juga bagi sobat lainnya yang belum mengetahui mengenai hal ini. 

    Untuk membuat kode tukeran link, kebanyakan para blogger menggunakan banner yang berukuran kecil atau di sebut juga dengan chiklet sebagai ciri khas dari blog masing-masing. Maka dari itu, saya akan mencoba mengulas pembahasan ini bermula dari pembuatan chiklet nya. 

    Untuk membuat sebuah chiklet, sobat bisa menggunakan berbagai software grafik & design semacam photoshop, corel, atau lain sebagainya. Tak hanya sebatas chiklet yang berupa gambar diam, sebuah animasi pun bisa di jadikan chiklet tukeran link, tentunya ini terserah kepada keahlian masing-masing dalam hal membuat chiklet. 

    Akan tetapi, bagi sobat yang belum bisa atau hanya sekedar malas untuk membuatnya karena memerlukan waktu yang cukup lama untuk berkreasi, sobat bisa menggunakan layanan berbagai situs pembuat chiklet. Salah satu situs yang menyediakan layanan ini adalah www.chicklette.net. Melalui situs ini sobat hanya perlu menentukan warna serta tulisan yang di inginkan, kemudian apabila sudah selesai, sobat tinggal save picture lalu menyimpannya dalam komputer sobat. 

    Itu tadi merupakan langkah pertama. langkah kedua adalah meng upload file chiklet tadi ke hosting untuk menyimpan gambar, boleh di blogger atau di hosting lain, untuk cara upload gambar sudah sering di bahas, apabila masih bingung coba baca lagi di sini ! Jika proses upload selesai, sobat tinggal mencatat atau mengcopy alamat URL gambar tersebut. Misal saya ambil contoh untuk chiklet blog ini adalah : 

    http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif 

    langkah selanjuatnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini : 

    <a href="http://kolom-tutorial.blogspot.com" target="_blank"> <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>


    Nah itu tadi merupakan contoh link untuk membuat link ke blog ini, untuk ngelink ke blog sobat ya tinggal sesuaikan saja. 

    Apabila kode link sudah ada, langkah selanjutnya adalah membuat text area untuk menampung seluruh kode agar nanti bisa di copy oleh pengunjung yang mau nge link ke blog sobat, kodenya seperti ini : 

    <textarea name="code" rows="6" cols="20"> 

    <a href="http://kolom-tutorial.blogspot.com" target="_blank">
    <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a> 

    </textarea> 
    Beberapa langkah sudah di lewati, langkah selanjutnya adalah merangkaikan kode-kode tadi, misalkan kode tukeran link ingin di bawah gambar chicklet agar tampak lebih menarik, kodenya kira-kira seperti ini : 

    <h2>Tukeran link</h2>
    <br/><br/>
    Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali
    <br/><br/> 
    <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "> 
    <br/><br/> 
    <textarea name="code" rows="6" cols="20">
    <a href="http://kolom-tutorial.blogspot.com" target="_blank">
    <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

    </textarea> 

    Hasilnya nanti akan seperti ini : 

    Tukeran link 

    Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali 

    Kolom blog tutorial  

     

    Dari tulisan diatas, terlihat ada tulisan yang memanjang kekanan. Akan tetapi jangan kawatir karena tulisan tersebut akan turun secara otomatis mengikuti lebar dari sidebar. Untuk mengatur lebar serta tinggi dari text area, sobat tinggal mengganti nilai dari rows serta cols saja. 

    Ada juga blogger yang suka memasang tombol LINK TO ME pada blog nya, ini di maksudkan agar ketika pengunjung yang ingin membuat link ke blog sobat tinggal mengklik tombol tersebut. Akan tetapi ini bekerja bagi mereka (yang ingin membuat link ke blog sobat) yang memakai template baru saja, sedangkan untuk yang template klasik tidak bisa, jadi menurut saya kurang efektif. Contoh tombolnya seperti : 

    The button image will displayed on your site like this

    Kolom blog tutorial


    Coba buktikan deh, klik saja pada tombol yang saya berikan. 

    Kode untuk membuatnya seperti ini : 

    <center>
    <form action="http://beta.blogger.com/add-widget" method="POST">
    <input value="FAVOURITE" name="widget.title" type="hidden"/><textarea style="display:none;" name="widget.content">
    <a href="http://kolom-tutorial.blogspot.com" target="_blank" />
    <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>
    </textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
    <input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
    <input value="LINK TO ME" name="go" type="submit"/></form><p>The button image will displayed on your site like this</p><br/>
    <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a> </center>


    Silahkan ganti alamatnya dengan yang di miliki sobat. 

    bagi sobat yang menggunakan template klasik, sobat tinggal menyimpan kode di atas pada sidebar yang sobat inginkan. Untu yang memakai template baru, sobat tinggal memilih tambah elemen, trus pilih HTML/Javascript, kemudian masukan kode yang seperti diatas, simpan dan selesai. 

    Semoga mudah untuk di mengerti. 

    Salam buat blogger sejati semua......
    Read More. . .