SELAMAT DATANG DI MAEN BLOGGING
Selamat datang di Maen Blogging, tempatnya belajar tutorial, Tips dan Trik Blogging.Enter Slide 2 Title Here
Selamat datang di Maen Blogging, tempatnya belajar tutorial, Tips dan Trik Blogging.Enter Slide 3 Title Here
This is slide 3 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com....Enter Slide 4 Title Here
This is slide 4 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com....
Selasa, 29 Mei 2012
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
hasilnya
Membuat Ucapan Selamat Datang di Blog
Membuat Ucapan Selamat Datang di Blog - Pernahkah anda mendapati ucapan selamat datang ketika mengunjungi sebuah blog? Atau baru saja anda melihatnya? Menarik bukan. Untuk memasangnya di blog anda juga gampang kok.
Berikut langkah-langkahnya
- Buka akun blog anda
- Pilih Template - Edit HTML - Lanjutkan
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
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&alt=json-in-script&callback=rp"> </script> </marquee> </div>
- Simpan dan lihat hasilnya
- 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
Namun kali ini saya menjelaskan aplikasi clock dengan www.clocklink.com, karena menurut saya clock link lebih simple.
Berikut langkah-langkahnya :
- Kunjungi situs www.clocklink.com
Membuat Kotak Scroll di Postingan
Membuat Kotak Scroll di Postingan - Membuat kotak scroll di dalam posting, salah satu kegunaannya apabila
posting pada blog terlalu panjang bisa kita masukkan post ke dalam kotak
scroll agar dapat meminimalkan tempat pada halaman posting. Caranya pun cukup simple, anda cukup copy pastekan kode berikut pada postingan anda.
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.
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
Langganan:
Postingan (Atom)
Search
Live Traffic
Popular Posts
-
Jenis-Jenis Efek Tulisan Bergerak / Marquee - Pernahkan anda mendengar efek Marquee? Efek marquee adalah suatu teknik atau pengkodea...
-
Kayaknya udah gak sabar banget mau lihat animasi-animasi lucunya :-) Pada kesempatan kali ini Maen Blogging pengen share mengenai ...
-
Sobat Maen Blogging pasti sering melihat sebuah frame di sebuah postingan blog. Biasanya frame ini digunakan untuk meletakkan scrip...
-
Memasang Widget Naga Terbang di Blog - Akhirnya ketemu lagi, setelah lama absen gara2 sibuk ngurusin kerjaan akhirnya hari ini Maen ...
-
Cara Mudah Mengganti Background Blog - Mungkin tutorial yang satu ini sudah tidak asing lagi bagi para blogger, namun bagi mere...