Selasa, 29 Mei 2012

Percantik Blog Anda Dengan Flash

     Percantik Blog Anda Dengan Flash - Berbagai cara dilakukan oleh para blogger untuk mempercantik tampilan blognya, mulai dari mengganti dengan template yang menarik, hingga memasang widget-widget unik. Pada kesempatan kali ini Maen Blogging ingin sedikit berbagi tips menarik untuk lebih mempercantik blog anda, yaitu dengan menambahkan flash atau lebih gampangnya gambar-gambar bergerak seperti animasi. Yang lebih menariknya lagi, flash ini bisa blogger buat sesuai keinginan anda. Seperti yang anda lihat di atas.

Minggu, 27 Mei 2012

Mari Sedikit Mengenal Iframe

      Mari Sedikit Mengenal Iframe - Mungkin banyak dari para blogger yang masih asing dengan istilah iframe, karena memang jarang ada pembahasan yang mendetail mengenai iframe itu sendiri. Mari kita sedikit mengenal iframe.
    Seperti namanya, iframe berarti sebuah bingkai. Bingkai yang nantinya bisa anda gunakan untuk menampilkan script atau kode HTML tertentu, semisal anda ingin menampilkan blog atau website lain ke dalam blog anda. Untuk lebih jelasnya mari kita coba mempraktekkannya, namun sebelumnya kita harus lebih dahulu mengenal istilah-istilah umum yang ada pada iframe

Jumat, 25 Mei 2012

Kode Warna HTML

        Kode Warna HTML - Penggunan warna merupakan salah satu hal penting di dalam membangun sebuah blog atau website. Namun apakah blogger sudah paham betul dengan kode-kode HTML untuk warna? berikut ini adalah kode HTML untuk warna. Oiya, sedikit info aja, di dalam pengunaannya para blogger bisa menggunakan nama dari warnanya atau kodenya.

Senin, 21 Mei 2012

Kode-kode HTML Untuk Pemula

     Kode-kode HTML Untuk Pemula - HTML atau Hyper Text Markup Language adalah sebuah bahasa pemrograman yang digunakan untuk membuat halaman website ataupun blog seperti ini.
     Bagi anda yang masih pemula, ada beberapa kode HTML yang wajib anda pahami. Setidaknya ini dapat membantu untuk mempercantik blog anda. Dengan memahami dasar-dasarnya saja anda bisa mengkreasikannya ke dalam blog anda. Berikut beberapa kode untuk pemula
  • membuat tulisan menjadi tebal
 <b>maen blogging</b>
hasilnya

Script Anti Copas Untuk Blog Anda

   Script Anti Copas Untuk Blog Anda - Salah satu cara untuk menghindari copy paste mungkin adalah dengan mematikan fungsi klik kanan. Beberapa blog atau website ada yang menggunakan cara ini untuk melindungi konten milik mereka, hal ini terjadi mungkin karena konten mereka memiliki hak cipta. Meskipun cara seperti ini tidak melindungi konten anda seluruhnya.
     Berikut langkah-langkahnya :
  • Buka akun blog anda
  • Pilih Template - Edit HTML - Lanjutkan

Membuat Energi Saving Mode

      Membuat Energi Saving Mode - Buat para blogger, mungkin trik yang satu ini sudah tidak asing lagi, atau bahkan para blogger sudah mengaplikasikan di blog pribadinya. 
    Energi saving mode sendiri sebenarnya adalah kondisi standby dimana seluruh process dihentikan sementara. Proses-proses yang berjalan misalnya adalah gambar grafik bergerak (misalnya: .gif), flash video, auto scrolling widget, dan masih banyak lagi. Dengan adanya plugin screensaver tersebut, proses-proses dalam suatu halaman web dihentikan (paused) dan muncul sebuah tampilan baru sederhana di atas halaman. Jadi, energy dan proses yang digunakan oleh komputer dapat diminimalisir. Itulah mengapa, seringkali aplikasi ini dikaitkan dengan gerakan hemat energy dan save green environment. Aplikasi screen saver akan dihentikan kinerjanya oleh browser (dikembalikan ke tampilan semula) ketika pengunjung/visitor menggerakkan mouse (mouse over). Untuk lebih jelasnya sebaikknya anda mencobanya saja dan lihat hasilnya.
     Ok, berikut langkah-langkahnya
  • Buka akun blog anda
  • Pilih Template - Edit HTML - Lanjutkan

Kamis, 17 Mei 2012

Membuat Widget Melayang bagian 2

     Membuat Widget Melayang bagian 2 - Kalo pada kesempatan sebelumnya saya sudah menjelaskan bagaimana cara membuat widget di pojok blog, kali ini saya ingin menjelaskan trik yang sebenarnya tidak jauh berbeda, yaitu bagaimana membuat widget melayang di blog. Hanya bedanya disini kita akan memanfaatkan element saja, tidak perlu mengubah template. Oiya, nantinya widget ini juga akan dilengkapi dengan tombol close 2x, jadi anda bisa memanfaatkan script ini untuk memasanga banner iklan.
     OK! langsung aja
  • Masuk akun blog anda
  • Pilih Tata Letak - Tambah Gadget - HTML/Javascripts

Menambahkan Element "Gadget" di Bawah Header

    Menambahkan Element "Gadget" di Bawah Header - Element "gadget" merupakan salah satu bagian penting dari blog, hampir semua widget-widget unik dan menarik ditambahkan melalui gadget. Namun rancangan sebuah template kadang sering tidak sesuai dengan keinginan kita, misalnya tidak adanya gadget di bagian-bagian tertentu, salah satunya yaitu di bawah header.
   Bagaimanapun juga header merupakan bagian penting dari sebuah blog, atau bahkan bisa dibilang serambinya sebuah blog. Namun bagaimana jika template kita tidak memiliki gadget di bawah header, apakah kita bisa menambahkannya sendiri? Sangat bisa
     Berikut langkah-langkahnya
  • Buka akun blog anda
  • Pilih Template - Edit HTML - Lanjutkan

Membuat Widget Share Melayang di Blog

    Membuat Widget Share Melayang di Blog - Banyak cara untuk meningkatkan traffic blog kita, salah satunya yaitu melalui jejaring sosial seperti facebook, twitter, dll. Dan fasilitas inilah yang akan kita manfaatkan.
    Pada kesempatan kali ini saya akan coba membagikan kepada anda, bagaimana membuat widget share social bookmarking. Yang menarik adalah, widget ini nantinya akan berada melayang di blog, sehingga tampak lebih cantik. Berikut langkah-langkahnya :
  • Masuk akun blog anda
  • Pilih Tata Letak - Tambah Gadget - HTML/Javascripts

Minggu, 13 Mei 2012

Membuat Berita Berjalan di Blog

    Membuat Berita Berjalan di Blog - Jika para blogger sering menonton berita di televisi, pasti pernah melihat berita yang berjalan di bagian bawah, bahkan hampir semua stasiun tv sekarang sudah memasangnya. Kita biasanya menyebutnya newsticker. Lalu bagaimana jika itu terpasang juga di blog kalian? Seperti yang ada pada bagian bawah dari blog Maen Blogging. Pastinya blog akan makin cantik dan para pengunjung akan selalu upadate dengan berita-berita yang terpampang di blog kalian.
     Ok! tanpa panjang lebar berikut langkah-langkahnya :
  • Buka akun blog anda
  • Pilih Template - Edit HTML - Lanjutkan

Sabtu, 12 Mei 2012

Membuat Text Area Highlight

    Membuat Text Area Highlight - Jika sebelumnya Maen Blogging sudah berbagi mengenai bagaimana cara membuat kotak scroll di poastingan, pada kesempatan kali ini Maen Blogging ingin berbagi mengenai hal yang sama, namun bedanya kali ini kita  akan coba menambahkan highlight all, maksudnya ketika nanti kita klik tombol highlight all maka seluruh teks yang ada di dalam kotak akan terseleksi secara otomatis.
    OK, langsung saja kita coba. Caranya hampir sama dengan membuat kotak scroll, yaitu kita menyelipkan script di artikel postingan kita, berikut ini scriptnya

Memasang Widget di Pojok Blog

     Memasang Widget di Pojok Blog - Mungkin beberapa dari anda sedikit bingung dengan judul di atas. Jika anda pernah melihat sebuah gambar pada sebuah blog yang letaknya berada di pojok namun ketika scroll diarahkan naik turun gambar tersebut tidak ikut bergerak, nah itulah yang saya maksud :D
    Gambar tersebut biasanya digunakan untuk meletakkan iklan atau hanya digunakan untuk memasang gambar flash untuk mempercantik blog. Ok! berikut langkah-langkahnya..
  • Buka akun blog anda
  • Pilih Template - Edit HTML - Lanjutkan

Membuat Cursor Bertabur Bintang

    Membuat Cursor Bertabur Bintang - Berbagai cara dilakukan para blogger untuk mempercantik tampilan blognya, salah satunya adalah dengan mengubah tampilan cursornya dengan tampilan yang lebih menarik. Seperti yang anda lihat pada postingan Maen Blogging yang satu ini, dimana cursornya bertaburan bintang. Udah gak sabar pengen tau caranya??
       OK, gak usah berlama-lama lagi, berikut langkah-langkahnya :
  • Masuk akun blog anda
  • Pilih Tata Letak - Tambah Gadget - HTML/Javascripts

Membuat Recent Post Dengan Thumbnail Bergerak

   Membuat Recent Post Dengan Thumbnail Bergerak - Jika sebelumnya saya sudah menjelaskan bagaimana cara membuat recent post berupa tulisan yang berjalan dari bawah ke atas, pada kesempatan kali ini Maen Blogging ingin berbagi tentang bagaimana cara membuat recent post dengan thumbnail/gambar. Tampilan yang dihasilkan dijamin bakal bikin blog kalian makin cantik dan elegant.
     Berikut langkah-langkahnya :
  • Buka akun blogger anda
  • Pilih Tata Letak - Tambah Gadget - HTML/Javascript

Membuat Recent Post Dengan Tulisan Berjalan

     Membuat Recent Post Dengan Tulisan Berjalan - Buat para blogger pasti udah gak asing lagi dengan istilah recent post, atau dalam bahasa Indonesianya adalah postingan terakhir. Selain dapat mempercantik tampilan blog kita, dengan menampilkan recent post akan mempermudah orang-orang yang mengunjungi kita untuk bisa mengetahui postingan terbaru dari blog kita.
      Berikut akan saya jelaskan cara membuat recent post berupa tulisan yang berjalan disidebar anda. Contohnya bisa anda lihat pada Recent Post milik maen Blogging yang ada di samping kanan.
  • Buka akun blog anda lalu pilih Tata Letak
  • Tambah Gadget - HTML/Javascript, lalu copy pastekan kode berikut ini

<div style="overflow:auto;width:227px;height:230px;padding:10px;border:1px solid #eee"> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="auto" height="auto" align="center"> <script src="http://gallerydunia.googlecode.com/files/post-terakhir.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://maenblogging.blogspot.com//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"> </script> </marquee> </div>
  • Simpan dan lihat hasilnya
Keterangan :
- Jumlah pada numpost bisa anda ubah sesuai dengan jumlah recent post yang ingin anda tampilkan. Pada postingan diatas saya mengisinya dengan 10
- Anda bisa mengubah ukurannya sesuai dengan ukuran sidebar pada blog anda
- Ganti alamat blog di atas dengan alamat blog anda

Menambahkan Aplikasi Jam di Blog

    Menambahkan Aplikasi Jam di Blog - Jam sebagai media dalam blog untuk mengetahui waktu pada saat pengunjung mengunjungi blog anda, dan juga bisa digunakan sebagai aksesoris tampilan dalam blog.banyak situs yang menyediakan aplikasi gratis untuk clock.


     Namun kali ini saya menjelaskan aplikasi clock dengan www.clocklink.com, karena menurut saya clock link lebih simple.

Berikut langkah-langkahnya :

Jumat, 11 Mei 2012

Membuat Related Post Dengan Gambar Bergerak

     Membuat Related Post Dengan Gambar Bergerak - Mungkin beberapa dari para blogger udah gak asing lagi dengan tutorial yang satu ini, atau mungkin bagi para blogger yang menggunakan template di luar template yang blogger sediakan atau dengan kata lain mendownload template dari situs-situs tertentu mungkin beberapa dari template tersebut sudah terdapat related post nya, namun tidak ada salahnya saya berbagi tutorial yang satu ini, sekalian anda bisa sedikit mempelajari kode HTML. Berikut langkah-langkahnya ;
  • Login terlebih dahulu ke akun blogger anda
  • Pilih Template - Edit HTML - Lanjutkan

Cara Memasang Live Traffic di Blog

    Live Traffic Feed dari situs feedjit.com diperlukan bagi sebuah blog yang berguna menjadi history untuk mengetahui dari mana datangnya pengunjung blog kita. dan lebih hebatnya lagi kita bisa melihat keyword atau kata-kata apa yang dituliskan di mesin pencari seperti google search engine, atau yahoo search dll. yang berakhir di blog kita secara live (secara langsung) dengan cara mengklik Watch in Real-Time yang ada di bawah widget live traffic feed tersebut.

    Untuk anda yang ingin menambahkan widget diatas, ikuti langkah-langkah berikut ini.
  • Kunjungi link : http://feedjit.com
  • Pilih yang "Feedjit Completely Free", lalu klik Sign Up