Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Memasang Widget Pengubah Huruf di Blog

Untuk demonya bisa Anda lihat pada bagian sidebar blog ini atau di sini. Dengan pengubah huruf ini, pengunjung bisa mengubah jenis huruf yang ingin dinguanakan. Selain itu, ukurannya juga bisa disesuaikan sesuai keinginan pengunjung blog Anda.

Cara membuatnya, tinggal copy paste saja.
  1. Login ke blog Anda.
  2. Klik Rancangan.
  3. Pada Elemen Laman, klik Tambah Gadget.
  4. Tambahkan HTML/JavaScript.
  5. Copy kode berikut ke dalamnya.
    6. <center> <script src=" http://ian-ubah-huruf.googlecode.com/files/ian.js "> </script> <form id="forma" name="selecter2" method="POST"> <select gtbfieldid="8" onchange="go2()" style="font-family: tahoma; font-size: 9pt;" name="select3" size="1"> <option value="Times New Roman">Times New Roman </option><option value=" Maven Pro">Maven Pro </option><option value=" Brawler">Brawler </option><option value=" Waiting for the Sunrise">Waiting for the Sunrise </option><option value=" Podkova">Podkova </option><option value=" The Girl Next Door">The Girl Next Door </option><option selected="selected" value="Tahoma">Tahoma </option><option value="Trebuchet Ms">Trebuchet Ms </option><option value="Jura">Jura </option><option value="Nunito">Nunito </option></select> <select gtbfieldid="9" onchange="go1()" style="font-family: tahoma; font-size: 9pt;" name="select2" size="1"> </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option><option value="20px">20 </option></select></form></center>
  6. Beri nama sesuai kemauan Anda dan klik Save.
  7. Masih di halaman Rancangan, klik Edit HTML.
  8. Copy kode berikut di atas kode <head>
    9. <link href='http://fonts.googleapis.com/css?family=Maven+Pro:regular,500,bold,900' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Brawler' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Podkova' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Jura:light,regular,500,600' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Nunito:light,regular,bold' rel='stylesheet' type='text/css'/>
  9. Save Template dan lihat hasilnya.

Sekarang pengunjung blog Anda bisa menggunakan huruf kesukaannya jika bosan dengan huruf blog Anda dan membuat pengunjung blog semakin betah mengunjungi blog Anda.
Baca Lengkap....

Membuat Galeri Foto-Foto Unik

Kalau ada yang ingin mempunyai galeri foto seperti di bawah ini, silahkan memberikan pendapatnya. Maaf kalau tidak terlalu bagus karena saya baru belajar.


  • gambar1
  • gambar3
  • gambar5
  • gambar7
  • gambar9
  • gambar2
  • gambar4
  • gambar6
  • gambar10
Baca Lengkap....

Kontes SEO 2011 di Faceblog

Seperti postingan saya sebelumnya tentang jejaring sosial blogger karya anak bangsa, kembali akan saya posting tentang Faceblog. Namun kali ini, tentang kontes SEO 2011 yang diadakan oleh komunitas tersebut. Rencananya, konteks ini diselenggarakan selama lima bulan untuk semua Blogger Indonesia. Bagi yang belum mendaftarkan blognya, silahkan menuju ke situsnya dan daftar blog Anda. Selain itu, di sana kita bisa berkomunikasi dengan para blogger lain di seluruh Indonesia. Berbagi pengalaman atau berbagi pengetahuan.

Pemenang pertama dalam konteks SEO 2011 dengan Target Keyword “Mari Berkomunitas Di Faceblog” akan mendapatkan 1 buah netbook Acer Aspire One + Gratis 1 Tahun domain dan hosting unlimited server Indonesia (IIX). Ketentuan dan waktu penyelenggaraan kontes dimulai tanggal 10 April 2011 (Jam 12:00 wib) dan berakhir pada tanggal 10 September 2011 (Jam 12:00 wib). Pengumuman pemenang rencananya akan dilakukan bulan Oktober 2011. Untuk informasi lebih lengkap tentang ketentuan pendaftaran, ketentuan materi kontes, ketentuan pemenang, dan hadiahnya, silahkan kunjungi http://faceblog.web.id atau bisa klik langsung di sini!

Mari jalin persahabatan dengan penggemar blogger tanah air.
Baca Lengkap....

Cara Buat Link Download di Blog

Salam hangat dari saya! Awalnya, cara membuat link ini saya dapat dari Blog Kang Rohman (terima kasih untuk tipsnya). Kemudian saya sedikit mengubah link downloadnya. Cara membuatnya pun sangat mudah. Saya akan memberikan dua tips yang bisa Anda gunakan.

Pertama, silahkan langsung saja ke blognya Kang Rohman. Anda bisa mengikuti langkah-langkahnya.

Cara kedua, silahkan Anda Upload file ke 4Shared atau dimana saja tempat biasa Anda mengupload file. Saya contohkan di sini Upload filenya dengan http://www.sharebeast.com. Setelah proses upload selesai, copy URL file Anda ke New Tab, lalu klik ENTER. Saya ambil contoh upload file saya. Lihat gambarnya.


Setelah halaman download muncul, klik tombol download dan tunggu sampai box downloadnya muncul.

Copy URL pada box download yang muncul dan pastekan ke dalam postingan yang Anda ingin beri link download. Caranya, Anda bisa ikuti langkah pertama di atas.

Hasilnya akan seperti ini.

Silahkan klik di sini untuk download!!!

Selesai. Terbitkan postingan Anda dan pengunjung siap mendownload langsung.

Catatan: Ini berlaku jika Anda menggunakan Internet Download Manager (IDM). Satu lagi kelebihan dari langkah kedua di atas adalah link download yang ada pada blog kita seolah berasal asli dari blog kita. Artinya, situs tempat Anda mengupload file tadi tidak terbuka alias akan terdownload otomatis.

Selamat belajar dan jangan lupa komentarnya ya!!!
Baca Lengkap....

Cara Membuat Text Area

Selamat Bertemu Kembali. Selain SPOILER, seperti yang dijelaskan pada postingan Cara Membuat Spoiler Pada Postingan, ada satu cara lagi yang bisa kita gunakan pada postingan untuk menghemat ruang pada blog kita. Cara yang saya maksud adalah Text Area. Cara ini juga bisa menghemat postingan yang sangat panjang. Cara membuatnya pun sangat mudah. Tinggal copy saja kodenya.

Untuk text area standar (tanpa background) kodenya sebagai berikut:



Hasilnya seperti di bawah ini



Untuk text area dengan background warna, tambahkan saja kode berikut “background: #ccc;”. Sehingga lengkapnya seperti ini:



Hasilnya seperti dibawah ini.



Untuk mengganti background-nya dengan gambar, tambahkan “background-image: url(href="http://2.bp.blogspot.com/-j_IjH-mhPKg/TcV9pdvFeYI/AAAAAAAAAfc/fSm3ac5owoE/s1600/ANMATCAT.GIF);”. Lengkapnya seperti di bawah ini.



Hasilnya, lihat di bawah.



Tulisan berwarna hijau silahkan ganti dengan alamat gambar Anda. Kode <center></center> adalah supaya text area berada di tengah. Jika ingin lebih bervariasi lagi, tambahkan saja kode berikut:
Font-family --> Untuk model hurufnya
Font-size --> Untuk ukuran hurufnya
Padding --> Jarak antara tepi text area dengan tulisan di dalamnya
Border --> Untuk garis pinggirnya

Selesai deh membuat text area. Terima kasih telah berkunjung ke blog ini.

Selamat belajar dan jangan lupa komentarnya ya!!!!!
Baca Lengkap....

Cara Membuat Spoiler pada Postingan

Selamat Bertemu Kembali!!! Isi postingan suatu blog yang terlalu panjang akan membuat para pengunjung kurang bersemangat untuk membaca postingan tersebut sampai selesai. Nah, untuk menghemat dan membuat pengunjung betah, bisa menggunaka SPOILER. Spoiler adalah salah satu cara untuk menyembunyikan kata yang terlalu panjang atau mempersingkat ruang dalam blog Anda, sehingga ada daya tarik tersendiri bagi pengunjung untuk membacanya. Oke!!! Kita langsung mempraktekkan cara membuatnya.

Caranya sangat mudah. Tinggal copy paste saja kodenya.


Perhatikan tulisan berwarna HIJAU. Di situlah Anda harus meletakkan kata yang ingin di sembunyikan. Gampang kan??? Contohnya bisa Anda lihat pada postingan ini.

Spoiler di atas bisa juga digunakan untuk menyembunyikan gambar. Silahkan copy saja kode berikut:


Hasilnya seperti di bawah ini.



Tulisan berwarna HIJAU Anda ganti saja dengan URL gambar yang ingin disembunyikan. Oke!!! Selesai lagi satu pekerjaan.

Selamat belajar dan jangan lupa komentar ya!!!
Baca Lengkap....
Langganan: Postingan (Atom)