Tutorial Bagaimana Cara Menambahkan Streaming MP3 di Blog Anda

Tutorial ane kali ini adalah bagaimana cara menambahkan Streaming MP3 atau Lagu2 Kesayangan Anda pada Blog kesayangan Anda pula . hhehe...
Tutorial ini bisa terbilang sederhana dibanding tutorial yang sebelumnya atau yang ada sebelumnya atau pula yang tersedia pada blog-blog music seperti bla... bla... bla..., maklum da malem, pada lupaa ! hhehe
OK.. langsung saja masuk ke Tahapan2an nyaa .

Pertama-tama pasti Anda sudah mahir dalam hal ini yaitu : Login ke Blogger anda :D
Lalu Klik Layout dan masuk ke Page Element  seperti pada gambar dibawah ini..

Tambahkan Gadget berupa HTML/JavaScript, seperti pada gambar di bawah ini....

TUTORIAL Membuat Widget ShortURL Otomatis pada Setiap Postingan Blog .

Tutorial kali ini ane akan menjelaskan bagaimana untuk secara otomatis menghasilkan URL pendek (menggunakan bit.ly API) untuk setiap posting di Blogger, dan menampilkan URL pendek ini dalam kotak di bagian bawah setiap posting.
Dengan menggunakan API bit.ly, standar layanan Twitter, kita dapat membuat dan mempublikasikan URL pendek untuk setiap entri di Blogger Anda.



Berikut ane jelasin tahapan2nyaa :

ENERGI SAVING MODE ala GubhugReyot :D

Artikel inilah hasil daripada saya menjelajah blog-blog yang udh lama berkiprah di dunia maaya ini. hhehe
Energi Saving Mode ini sendiri diperkenalkan pertama kali pada tahun 2009, yang mana banyak dari para blogger mengharapkan adanya Energi saving Mode ini di Blog nya .

Tanpa Berlama lama berikut saya tuliskan tutorial cara pembuatan Energi Saving Mode ala bang 'cah ndeso kluthuk pada blog nya. Untuk yang masih penasaran bisa liat dulu contoh nya di SINI.
*untuk melihat aksi Energi Saving Mode ini jgn letakkan kursor anda selama 10 detik pada contoh halaman blog nya.

Berikut Tahapan nya : 

TUTORIAL MEMBUAT SLIDESHOW IMAGE sederhanadengan JQuery

Ok pemirsa.. eh salah, Ok para blogger, kali ini ane share tutorial membuat slideshow image pada blog anda.
slide image ini jg bisa menghemat space pada blog anda, postingan anda, maupun pada image header blog anda. hhehe
masih menggunakan jQuery, efek daripada slideshow ini terlihat elegan, dan untuk mempersingkat waktu karena bentar lagi mau shalat magrib, perhatikan gambar dibawah ini :

• 
• 
• 
• 

Langsung saja ke tahap pembuatan :

Ngeblog Offline Tanpa Terhubung Ke Internet

Mungkin teman-teman sudah pernah mendengar atau bahkan sudah tak asing lagi dengan Windows Live Writter, tapi saya yakin tidak menutup kemungkinan ada diantara pengunjung yang belum mengetahuinya, maka saya memandang perlu untuk mempublikasikan hal ini dalam postingan saya kali ini, postingan yang saya ketik menggunakan aplikasi yang akan kita bahas saat ini.

Bagi kita yang koneksi internetnya lambat atau sering putus-putus, atau ingin ngirit besar biaya penggunaan internet untuk blogging maka ini adalah merupakan sebuah kabar gembira. Saat ini kita bisa ngeblog tanpa terhubung dengan internet atau ngeblog offline, tanpa harus sign in ke blogger dan masuk pada dasbor. Lho kok bisa? Jawabnya pasti bisa dengan Windows Live Writter (WLW).

Apakah Windows Live Writter (WLW) itu? WLW adalah salah satu sofware atau produk yang baru saja dirilis oleh Microsoft, sebuah aplikasi editor untuk mempublikasikan postingan kita ke layanan blog paling populer, termasuk Windows Live Spaces, SharePoint, Wordpress, Blogger, LiveJournal, TypePad, Community Server dan banyak lagi.

Cara Mengubah Tampilan Kursor Mouse pada Blog Anda

Kali ini saya menuliskan tutorial bagaimana cara mengubah tampilan kursor mouse pada blog/web anda.
Hal ini dapat anda lakukan dengan langkah yg sangat sederhana , anda tinggal meng copy lalu meletakkan kode nya ke blog Anda. Saya mengambil gambar kusro dari http://www.cursors-4u.com/ dan Anda dapat mengganti nya kapanpun anda mau sesuai mood yang Anda rasakan saat ini... hehehhe....

Seperti yang Anda liat pada blog ini, saya menggunakan kursor dengan nama hmmmm... (mikir nama nya apaa) lupaaa saya, hehe

OK lah.. langsung sajaa..

Cara Mempromosikan blog di Feedburner

Ada kesulian untuk mempromosikan blog di Feedburner ? Inilah jawaban tepatnya. Panduan yang sangat detail dari awal hingga selesainya proses registrasi hingga terpasangnya RSS (Really Simple Syndication) di blog yang dipromosikan. Langsung pada sasaran karena aku percaya ini sudah sangat ditunggu-tunggu seperti halnya aku waktu kebingungan soal detail step-by-step registrasi promosi di Feedburner. Tutorial ini dilengkapi panduan dalam bentuk gambar guna memperjelas proses registrasi promosinya. Silahkan gambar tersebut dibuka dengan cara meng"klik" gambar tersebut.Tapi mohon maaf sebelumnya, guna effisiensi halaman, dengan amat terpaksa apabila ingin membaca secara lengkap silahkan baca lanjutannya dengan membuka "Baca komplit di sini" di bawah ini. Tahapan registrasi promosi blog di Feedburner : 

• Supaya langkah yang harus dilakukan sama persis dengan yang saya tuliskan, sebaiknya sebelum masuk Feedburner jangan membuka email ataupun Sig in di blog yang mau dipromosikan. Baru sesudah mulai masuk Feedburner silahkan untuk Sign in ataupun membuka email.
• Buka Feedburner di tab yang lain dengan membuka alamat feedburner klik di sini. Muncul gambar seperti gambar dibawah.

Tahan kursor di gambar untuk Memperbesar

TUTORIAL MEMBUAT POWER ZOOMER PADA GAMBAR: Power Zoomer v1.1

Ok guys....kali ini ane share bagaimana cara membuat power zoomer pada gambar. Script ini masih dikembangkan oleh dynamicdrive.com dan mempunyai efek zoom yang berbeda. Beberapa gambar yang patut dilihat lebih dekat itulah alasan mengapa ada Power Zoomer. Power Zoomer ini memberi setiap gambar pada halaman Anda kemampuan untuk diperbesar saat mouse digerakkan diatasnya.  Sebuah "Kaca Pembesar" yang muncul diatas gambar memungkinkan pengguna memperbesar pada setiap bagian gambar yang diikuti kursor.  Selain itu, kekuatan pembesaran dapat disesuaikan dengan cepat dengan memutar roda mouse belakang atau sebaliknya,  seperti yang telah diterapkan juga oleh program-program grafis.

Masih menggunakan jQuery, karena itulah efek ini dapat memperbesar gambar dalam ukuran kecil dan sedikit terlihat fantastis, jadi intinya kita lihat saja contohnya dibawah ini.

Kelebihan lainnya anda dapat menerapkan efek zoom ke koleksi gambar sekaligus. Cukup mengubah pemilih jQuery Anda untuk menargetkan grup yang diinginkan gambar.  Langsung aja ke TKP........

Membuat Tanggal Postingan Jadi Lebih Gaul

Membuat kalender di blog mempunyai banyak variasi untuk memberikan tampilan yang menarik. Salah satunya membuat tampilan kalender pada posting atau tanggal posting. Mungkin ini akan memberikan daya tarik tersendiri pada posting anda, dan cara membuat tanggal pada posting anda dapat anda pelajari dengan mudah. Ok gan langsung saja...silahkan ikuti langkah berikut ini.

Log in ke blog anda
Klik Rancangan

Cara Menyimpan File di Google Code: javascript, css, txt, dll

Tahan untuk Memperbesar

Berbicara mengenai penyimpanan file di penyimpanan online dirasakan sangat penting, selain file dalam bentuk JavaScript, CSS, dapat tersimpan dengan aman, juga memudahkan kita untuk mempersingkat script yang akan kita guna. Selain itu masih banyak lagi keuntungan lainnya yang sesungguhnya bermanfaat bagi pengamanan data web dan lain sebagainya. Salah satu yang menyediakan jasa penyimpanan online yang saya pribadi sukai adalah Google Code. Google code adalah salah satu wadah penyimpanan online milik google yang memberikan jasa hosting atau penyimpanan data di internet dengan gratis. Sebenarnya beberapa penyimpanan Java script selain google code dapat anda manfaatkan juga, misalnya ripway.com atau fileave.com, namun ane lebih suka menyimpannya di google code, terbilang mudah alias gak ribet. Ini perlu anda jajal dengan mengikuti langkah-langkah di bawah ini:

TUTORIAL MEMBUAT EFEK ZOOM PADA GAMBAR: Expando Effect

Kali ini posting bagaimana memberi efek zoom pada gambar dengan style expando. Mungkin cara memberi efek zoom pada gambar banyak dilakukan kawan-kawan blogger, namun tampilan efek zoom kali ini sedikit berbeda, karena efek zoom menggunakan Expando yang dikembangkan oleh Dynamic Drive dengan memanfaatkan engine jquery. Ok sebelum kita melanjutkan arahkan dulu kursor anda ke gambar di bawah ini.


Bagaimana gan...lumayan elegan bukan?...anda tertarik...???...ikuti langkah berikut ini.

Cara Agar Semua Link Terbuka di Tab Baru

Kadang kita mempergunakan kode tertentu yang kita pasang pada link untuk membuat link tersebut terbuka pada jendela baru. Misalkan dengan menambahkan kode target="_blank" atau target="new" pada alamat link tersebut. Namun tahukah anda kalau ada kode singkat yang dapat membuat semua link blog anda terbuka pada new tab atau jendela baru (new windows). Baiklah mari kita pasang kodenya, ikuti langkah berikut ini.

• Log in ke blog anda
• Klik Rancangan

• Klik Edit HTML

• Masukkan kode berikut di bawah kode <head>

<base target='_blank'/>

• Selanjutnya Simpan Template
• Silahkan klik salah satu link atau daftar isi dari artikel anda, nantinya akan terbuka di jendela baru. 
• Selamat mencoba

Tutorial Mempercepat Loading Blog 2

Sebelumnya saya sudah pernah memposting cara mempercepat loading blog dengan menggunakan css comnpressor. Saya rasa cara itu juga blog sekali-sekali anda jajal, namun kelemahannya bila anda hanya menggunakan allow mood percepatan loading blog anda juga gak terlalu jauh berbeda. Jalan yang paling baik anda harus menggunakan mood super compact dan strip all comment, namun bisa saja berpengaruh pada tata letak blog anda...kalau anda memahami script template mungkin ini cara terbaik untuk mempercepat loading blog.

Cara Mempercepat loading blog 2 kali ini mungkin bisa menjadi alternatif untuk mempercepat loading blog anda, dan ini tidak beresiko pada tampilan blog anda. Anda hanya menyimpan kode css template di penyimpanan online: google code. Cara ini saya rasa cukup bagus bila anda coba...anda tertarik???...ikuti langkah berikut ini.

Cara Mempercepat Loading Blog dengan Mengkompres Kode CSS

Nih gan css compressor, ane dapat dari blog tecno-39 dan ini sangat bermanfaat bagi sobat bloger semua. Mungkin seringkali kita bertanya, Hal apa yang membuat proses loading halaman blog terasa sangat berat? Mungkin dikarenakan banyaknya widget yang terpasang, penggunaan javascript yang berlebihan, menggunakan animasi flash berukuran besar , dan banyak alasan lainnya. Apalagi jika dalam penggunaanya diletakkan disebelah kiri halaman blog, maka akan terasa lambat sekali dikarenakan browser selalu membaca blog secara berurutan dari sebelah kiri atas sampai kiri bawah kemudian berlanjut ke bagian kanan atas sampai kanan bawah, kemudian terakhir tentunya baru bagian footer atau kaki blok. Atau bila Anda ingin mengetahui berapa kecepatan loading blog Anda silahkan kunjungi alamat ini (webwait) atau bisa juga ini (webslug).

Penggunaan kode CSS ternyata juga berdampak pada kecepatan loading blog namun hal ini bisa kita minimalisir dengan cara mengkompres kode CSS tersebut sehingga nantinya juga akan berpengaruh terhadap kecepatan loading tadi. Adapun cara untuk mengkompresnya, Anda bisa menggunakan layanan kompres CSS online. Nih langkah-langkahnya sobat........yihaaaaaaaaaaaaaaaaa

Tips Membuat Related Post atau Artikel Terkait Berdasarkan Label

Hallo sahabat blogger yang baik hati...kali ini ane berbagi cara mudah bikin related post. Related post atau artikel terkait ditampilkan berdasarkan label. Ok gak usah panjang ngomongnya lng aja ikuti langkah berikut ini.

1. Sign In dulu di blog saudara...jangan di blog orang ya, nanti gak nyambung
2. Klik rancangan, edit HTML...jangan lupa centang expand template widget
3. cari kode berikut ini.

<data:post.body/>

Atau

<p><data:post.body/></p>

4. Pasang kode berikut setelah kode di atas