This summary is not available. Please click here to view the post.

»»  READMORE...

Hi sobat gobel apa kabar nya kali ini, untuk semua sobat gobel kali ini saya ingin memberikan tips tentang cara menggunakan aplikasi android di komputer,dengan cara ini sobat bisa memainkan game android kesukaan sobat, ataupun chatingan menggunakan whatshapp, line, kakao talk dan semua aplikasi android lainya cukup dengan computer ataupun laptop sobat. Nah semakin penasaran kan, hehehehe. langsung saja deh dikasih tau caranya, yaitu menggunakan aplikasi Bluestacks. Bluestacks adalah aplikasi Emulator yang memiliki kemampuan menjadikan komputer/laptop layaknya handphone android. Sebenarnya cukup banyak emulator android dari berbagai vendor yang bisa digunakan, namun dari pengalaman pribadi aplikasi bluestack ini lah yang cukup mampuni untuk digunakan, karena fiturnya yang lebih banyak serta cara install dan pengoprasianya yang sangat mudah. Untuk dapat menggunakan aplikasi ini dengan performa yang bagus komputer sobat harus memiliki spesifikasi minimum seperti ini :

• Spesifikasi komputer harus minimal dual core 1 Ghz dan memori 1 Gb dan yang penting VGA 256 ke atas
• OS windows harus XP (SP3) dan Windows 7 ( kalau yang lain blum pernah coba)
• Microsoft Net Framework 2 atau sekalian saja install yang version 4.

Cara Install :

1.Untuk install bluestacks di komputer sobat silakan download terlebih dahulu disni.
2.Setelah di download klik file bluestacksnya sebanyak 2x lihat gambar,


3.Kemudian klik Run


4.klik continue



5.klik install
6.tunggu hingga proses install selesai

Nah setelah proses selesai silakan sobat jalankan aplikasi bluestacksnya,

Tampilan Loading Bluestacks


Tampilan Aplikasi Bluestacks

Untuk dapat meinstall aplikasi android kedalam bluestacks terlebih dahulu harus terhubung ke internet namun setelah diinstall untuk memainkannya tidak dibutuhkan akses internet, kecuali untuk chating dengan whatsapp dan aplikasi sejenisnya.Selamat Mencoba !!!

»»  READMORE...

Seo merupakan sebuah ilmu optimasi untuk mendapatkan posisi di halaman mesin pencarian khususnya mesin pencari google. Begitu banyak para blogger berputus asa terhadap bagaimana memahami seo dan menerapkannya pada blog agar blog mereka mendapatkan pengunjung berlimpah dari mesin pencari.

Beberapa tahun lalu sebelum algorithma google berubah dan bertambah pintar, kekuatan sebuah seo terletak pada kuantitas backlink yang dimiliki oleh sebuah blog. Jadi jika anda ingin menempatkan blog anda pada posisi satu di halaman google, maka perjuangan menanam backlink sebanyak-banyaknya untuk blog anda merupakan sebuah kewajiban. Namun setelah perubahan yang terjadi secara mendasar pada algorihma google teknik seo menanam backlink sebanyak-sebanyaknya menjadi tidak berlaku lagi.

»»  READMORE...

Toko online saat ini sudah menjadi alternatif pemasaran yang cukup handal untuk mendapatkan penghasilan tambahan. Semua orang berlomba membuat toko online untuk memasarkan produk atau jualan mereka. Sebagian ada yang berhasil namun tidak sedikit juga yang gagal dalam membuat toko online.

Pada dasarnya untuk meraih sukses ketika membuat toko secara online, dibutuhkan pengetahuan yang cukup dalam pengelolaan toko online. Pengetahuan ini bukan hanya sekedar memajang gambar produk pada blog atau website, namun pengetahuan secara menyeluruh harus anda kuasai seperti proses kerja toko online dari mulai berdirinya hingga pengelolaan saat toko online berjalan.

»»  READMORE...

Membuat Widget social subscription Box di blog salah satu cara meningkatkan popularitas blog kita. Dimana box subscribe yang memanfaatkan fasilitas feed burner miliki google bertujuan untuk memberikan informasi terbaru sebuah blog kepada para pengunjung yang berlangganan feed blog. Dengan adanya kotak subscribe feed burner di blog kita, maka kita dapat meningkatkan jumlah kunjungan pada blog kita.

Sesuai dengan fungsinya Widger social subscription Box sebagai media pemberi kabar dan informasi terbaru dari blog kita, maka tentunya semaksimal mungkin kita membuat isi blog kita bermanfaat bagi para pengunjung.

Widger social subscription Box yang akan kita buat sudah dilengkapi dengan fitur yang menghubungkan blog kamu dengan sosial media atau jejaring sosial seperti facebook, twitter, stumbleupon dan google plus.

»»  READMORE...

Membuat artikel dengan tema tutorial tentunya banyak membutuhkan gambar. Hal ini tentunya tidak begitu mudah dilakukan, dimana kita harus tetap fokus merangkai kata dilain sisi kita disibukan dengan membuat gambar sebagai pendukung tutorial. 

Ada sebuah plugin yang dapat membantu kamu melakukan capture pada sebuah halaman web yang bernama screen grab. Plugins ini berjalan pada browser firefox. Kelebihan dari plugins addons firefox ini adalah kemampuannya mencapture halaman web secara utuh tanpa kamu harus melakukan scroling pada mouse dan mencapture berulang kali yang kemudian kamu satukan kembali pada software pengolah gambar seperti photoshop. 

»»  READMORE...

Cara merampingkan alexa - Salah satu ukuran kepopuleran sebuah blog adalah rank alexa. Alexa sendiri adalah sebuah website yang memberikan ranking kepada sebuah blog atau website. Semakin kecil angka yang diberikan oleh Alexa pada sebuah blog, maka itu berarti blog tersebut memiliki pengunjung atau visitor yang cukup banyak. Adapun cara Alexa memberikan ranking berdasarkan hits atau kunjungan dari visitor yang berbeda ip.

Ada banyak cara merampingkan alexa blog kita, dari cara yang benar atau hanya mengandalkan kunjungan visitor saja, adapula yang menggunakan berbagai trik seperti menggunakan tools yang dapat mengecilkan angka alexa.

»»  READMORE...

Tips membuat blog populer sebenarnya sudah cukup banyak beredar, namun kali ini saya mencoba memberikan sedikit tambahan bagaimana membuat blog menjadi populer. Panduan sebuah blog yang memiliki popularitas tinggi bukan hanya dilihat dari jumlah pengunjung saja. Namun blog populer haruslah memiliki sisi manfaat yang besar bagi para pengunjungnya. Untuk menjadikan blog kita populer baik dimata pengunjung atau di mata robot seach engine, kita wajib menerapkan berbagai teknik optimasi yang dilakukan secara berkala tanpa henti.

Berikut panduan dan tips membuat blog populer

1, Posting Artikel Original

Menggunakan artikel original hasil tulisan kamu sendiri selain memberikan efek bagus pada mesin pencarian, kamu akan lebih mudah berinteraksi dengan pengunjung melalui komentar yang ada pada artikel kamu. Tentunya karena tulisan sendiri setiap pertanyaan dari komentar akan lebih mudah kamu jawab.

2. Lakukan Update Secara Rutin

Melakukan update tidak harus setiap hari, updatelah blog kamu dengan artikel bermanfaat secara berkala, agar pengunjung blog kamu selalu mendapatkan yang terbaru dari blog kamu. Selain itu blog yang di update setiap hari akan lebih mudah dioptimasi di mesin pencarian.

3. Menulis Apa Yang Kamu Kuasai

Menulis seharusnya menjadi sebuah kesenangan. Rasa keterpaksaan saat menulis akan membuat hasil tulisan kamu tidak maksimal. Pilihan tema artikel yang kamu kuasai dan memiliki sumber yang banyak, seperti misalnya tentang tips membuat blog populer. Sehingga proses menulis kamu tidak terhambat.

4. Manfaatkan Sosial Media

Selain melakukan optimasi pada mesin pencarian agar pengunjung datang keblog kamu, memanfaatkan sosial media sebagai pintu untuk mendatangkan visitor ke blog kamu. Selain itu manfaat dari kamu membagikan atau share blog kamu di sosial media, akan otomatis memberi kamu backlink yang berkualitas.

5. Design Blog Kamu

Blog yang acak-acakan dan penuh dengan sampah iklan, akan membuat blog tersebut menjadi sepi pengunjung. Gunakan template sederhana dan manis agar tampilan blog kamu terkesan profesional. Selain itu hindari pemasangan iklan berlebihan pada blog anda.

6. Berinteraksi dengan pengunjung

Membalas komentar yang datang pada blog kamu bukan hanya memberikan kesenangan tersendiri bagi pengunjung anda. Namun memberikan nilai lebih dimata pengunjung blog, bahwasanya blog kamu selalu di rawat dan di perhatikan.

7. Baca Blog Yang Sudah Populer

Membaca blog-blog yang sudah populer penting buat kamu untuk memberikan referensi, ide serta tips membuat blog populer. Pelajari setiap keunikan dan kelebihan blog yang sudah populer, dan tidak ada salahnya kamu meniru setelah mengamatinya.

»»  READMORE...

Teks berjalan atau marquee kerap digunakan untuk mempercantik blog. Namun selain itu fungsi marquee atau teks yang berjalan pada layar dapat juga digunakan sebagai pemberitahuan sebuah informasi yang membutuhkan perhatian dari pengunjung.

Marquee sendiri adalah sebuah bahasa html dimana kode marquee ini di terjemaahkan oleh browser sebagai bahasa html sebagai perintah menjalankan barisan kata atau angka yang di bawa oleh kode marquee.

Cara membuat teks berjalan pada blog kita menggunakan kode html marquee sangat mudah sekali. Cukup memasukan kode marquee diantara kata yang ingin kita berikan efek teks berjalan. Seperti contoh di bawah ini :

»»  READMORE...

Banyak Cara mempercantik blog kita agar terlihat lebih indah dan interaktif dengan pengunjung. Salah satunya adalah memberikan pilihan kepada pengunjung untuk merubah warna background blog menjadi otomatis. Tutorial ini akan memandu kita bagaimana membuat tombol pilihan untuk merubah warna background di widget blog.

Sebelum kita melanjutkan pada sesi tutorial, ada baiknya kita mengetahui mengapa kita perlu mempelajari cara mempercantik blog. Tujuannya tidak lain adalah bagaimana blog kita memiliki karakter dan tampilan yang sesuai dengan keinginginan kita juga selaras dengan keinginan pengunjung blog. Namun yang perlu diperhatikan ketika kita mencoba berbagai teknik dan trik untuk mempercantik blog. Kita harus tetap memperhatikan sisi optimasi blog baik dari segi kecepatan loading, hingga tata letak yang optimal.

»»  READMORE...

Membuat link pada blog - Link pada sebuah artikel di postingan biasanya ditandai dengan warna biru atau warna lain. Link sendiri berfungsi untuk mereferensi halaman lain melalui halaman artikel kita. Untuk membuat sebuah link pada postingan kita hanya cukup menyorot beberapa kata yang ingin kita jadikan referensi dan kemudian mengklik tombol link yang ada pada editor blog lalu mengisikan url halaman yang akan kita referensikan.

Pada kesempatan kali ini kita akan membuat link pada blog berbentuk sebuah button atau tombol. Caranya cukup mudah ikuti langkah di bawah ini

»»  READMORE...

Kebiasaan copy paste yang dilakukan para bloger malas memang terkadang menjengkelkan. Sebagai penulis di blog sangat merasakan bagaimana sulitnya menulis yang dimulai dari mencari ide, menentukan tema tulisan, menyusun kerangka tulisan, mengumpulkan gambar, hingga mempostingnya di blog. Proses panjang yang kita lakukan ini memiliki nilai tersendiri bagi blogger.

Copy paste memang sudah menjadi trend di dunia blogging. Pada prinsipnya berbagi ilmu dan pengetahuan antara blogger memang sangat bermanfaat, namun jika hal itu dilakukan dengan cara-cara yang benar. Tindakan menyadur semua isi blog tanpa memberikan referensi kepada penulis asli, sebenarnya perbuatan yang melanggar hukum. Dalam dunia blogging hal ini juga dapat di laporkan ke pemilik mesin pencari seperti google. Laporan ini berguna agar blog pelaku yang mengambil dari sumber tanpa izin dapat dihapus dari mesin pencarian.

»»  READMORE...

Cara Membuat Tombol Back to Top - Menulis di blog adalah sesuatu yang cukup menyenangkan, khususnya bagi para blogger yang hobi menulis. Terkadang hasil tulisan kita menghasilkan tulisan yang panjang, sehingga ketika kita membaca tulisan hingga akhir, akan sedikit merepotkan untuk kembali ke paragraf paling atas dari tulisan kita.

Untuk menangani masalah tersebut kita dapat membuat sebuah fasilitas yang biasa disebut Back to Top. Dimana tombol ini memungkinkan kita kembali ke paragaraf paling atas hanya dengan mengklik tombol back to top. Bagaimana cara membuat tombol back to top ikuti tutorial di bawah ini.

Copy kode Css dibawah ini kemudian tambahkan pada baris diatas kode ]]></b:skin> pada template kamu.

 p.to-top {  

 font-family:Trebuchet MS, Verdana, Verdana Ref, sans serif;  
font-size:90%;  
 float:right;  


padding-right:10px; }  

Setelah kode css di tambahkan, selanjutnya kamu tentukan posisi tombol back to top berada dimana. Kita ambil contoh tombol akan kita letakkan tepat di atas footer. Tugas kamu mencari kode yang menunjukkan posisi footer berada di html template blog kamu. Posisi footer biasanya di awali dengan kode seperti <div class="footer"></div> atau sejenisnya.

Copy kode dibawah ini kemudian tambahkan pada baris tepat di atas kode footer yang kamu temukan

 <p class='to-top'><a href='#to-top' title='back to top'>back to top</a></p>  

Langkah selanjutnya adalah melakukan edit pada kode body menjadi seperti di bawah ini

 <body> menjadi <body id='to-top'>  

Setelah itu simpan hasil pekerjaan kamu dan refresh blog kamu untuk melihat tombol back to top. Demikianlah tutorial cara membuat tombol back to top pada blog kita. Sebagai catatan tombol back to top tidak harus di letakkan diatas footer saja, Kamu bisa berkreasi sesuai dengan keinginan kamu.

»»  READMORE...

Cara memasang video di blog - Video pada postingan adalah salah satu cara bagaimana membuat artikel menjadi lebih berkualitas dan bermanfaat. Melalui video pengunjung blog dapat mengetahui informasi yang kita sampaikan secara visual.

Untuk menampilkan video yang kita ambil dari situs besar seperti youtube sangat mudah sekali. Ikuti langkah di bawah ini untuk mengetahui bagaimana cara memasang video di blog kita.

1. Kunjungi situs youtube.com

2. Buka video yang ingin kamu tampilkan kedalam postingan kamu.

3. pada layar video di youtube lakukan klik kanan dan pilih salin kode semat

4. Login ke dasbor blogspot kamu

5. Buatlah entry pos baru

6. Pada halaman postingan paste kode youtube yang kamu sematkan tadi dengan cara klik kanan dan pilih paste. Pastikan halaman posting kamu menggunakan metode HTML bukan metode compose, Setelah kode kamu pastekan, kamu bisa kembali ke mode compose.

Untuk ukuran video agar sesuai dengan tampilan di blog kamu, kamu dapat mengubah ukuran pada kode yang kamu ambil dari youtube.

Cara menampilkan video youtube kedalam postingan ini adalah cara paling mudah. Namun langkah diatas memerlukan langkah yang lain jika video yang akan kamu masukan adalah video hasil buatan kamu sendiri, tentunya sebelum mengambil kode semat pada youtube, kamu terlebih dahulu memproses video kamu mulai dari proses edit video hingga kemudian kamu upload video kamu ke situs youtube. Untuk memproses video hasil karya kamu, kamu dapat menggunakan program bawaan windows yang bernama movie maker. Jika windows kamu tidak memiliki movie maker, kamu dapat melakukan download sekaligus instalasi melalui website resmi Microsoft.

Menampilkan video youtube dalam postingan sangat perlu kamu pelajari apalagi jika kamu mengikuti program adsense youtube. Dimana selain video hasil karya kamu dapat kamu optimasi melalui youtube, dengan cara ini video hasil karya kamu dapat kamu optimasi pula melalui artikel yang ada pada blog kamu. Hal ini tentunya dapat menambah jumlah view pada video youtube kamu.

Demikianlah tutorial Cara memasang video di blog, semoga bermanfaat khususnya bagi kamu yang mengikuti program google adsense youtube.

»»  READMORE...

Membuat Artkel Berkualitas - Kualitas artikel dalam sebuah blog menentukan tingkat kepopuleran sebuah blog. Memiliki konten yang biasa dalam sebuah blog tidak akan membuat blog kita menjadi favorit blogger lain atau pengunjung. Apalagi blog kita hanya berisi kontent copy paste yang di ambil dari blog lain. Bagaimana cara meningkatkan kualitas konten blog kita dapat kita lihat pada tips membuat artikel berkualitas di bawah ini

Riset Tema Artikel

Sebelum membuat sebuah artikel, hendaknya kita menyisihkan waktu untuk meriset tema artikel kita, carilah tema yang memang sedang populer dan banyak disukai oleh kebanyakan pengguna internet. Kamu bisa gunakan fasilitas google trends, social media seperti facebook atau google plus atau bahkan website berita untuk mendapatkan tema yang banyak di bicarakan orang.

»»  READMORE...

Cara mendesain blog - Memiliki blog dengan tampilan desain yang bagus sebenarnya bukan hal mutlak yang harus dilakukan. Namun tampilan blog yang memikat tentunya akan memiliki banyak manfaat. Setiap orang menyukai keindahan, begitu juga visitor atau pengunjung blog. Desain sebuah blog yang memiliki karakter dan tampilan yang teratur, akan membuat visitor nyaman dan senang mengunjungi blog kita.

Sebagian para blogger mencoba untuk membuat tampilan blog mereka menjadi berbeda, namun terkadang keterbatasan pengetahuan mengenai cara mendesain blog membuat mereka melupakan dan mengabaikan point-point penting dalam mendesain sebuah blog.

Mendesain sebuah blog atau website memiliki panduan yang wajib di ikuti, agar hasil desain tersebut memberikan dampak maksimal pada blog kita. Berikut panduan cara mendesain blog yang benar

1. Tata letak

Tata letak atau kerangka sebuah template blog sangat penting, baik bagi kemudahan para pengunjung memahami semua isi blog. Buatlah tata letak yang teratur, seperti penempatan artikel terbaru, artikel lama, juga penempatan iklan jika blog kita menggunakan iklan.

2. Warna

Warna merupakan komponen penting untuk mendapatkan hasil maksimal ketika mendesain sebuah blog. Sesuaikan warna blog kamu dengan tema blog kamu. Contoh kesalahan pemilihan warna ketika sebuah blog memiliki tema kesehatan dengan warna blog hitam gelap. Warna yang tidak sesuai dengan tema blog akan membuat psikologis pengunjung menjadi tidak nyaman dan sulit memahami isi blog kita. Hindari juga penggunaan warna yang mencolok mata, Tidak satupun pengunjung akan betah jika cahaya warna blog mengganggu penglihatan mereka.

3. Gambar

Menggunakan gambar memang akan membuat blog menjadi lebih hidup dan dinamin. Namun kesalahan dalam menentukan ukuran gambar pada sebuah blog akan menghambat proses kecepatan loading blog. Faktor ini sangat berpengaruh pada tingkat kunjungan blog kita. Selalu gunakan gambar yang sudah terkompresi agar kecepatan loading tidak terganggu.

4. Navigasi

Navigasi atau petunjuk adalah nafas sebuah blog agar dapat meningkatkan lama kunjungan. Pemasangan navigasi yang asal-asalan berdampak pada waktu kunjungan visitor di blog kita. Gunakan navigasi yang sederhana namun dapat memberikan informasi yang jelas dan akurat bagi pengunjung mengenai halaman lain yang dapat mereka kunjungi.

Panduan cara mendesain blog seperti yang disebutkan diatas, harus benar-benar dipahami terutama kamu yang berniat menjadi seorang desainer template atau themes. Selain kemampuan teknis seperti pengetahuan mengenai HTML, CSS dan PHP. Panduan dasar dalam mendesain blog harus lebih dulu di pahami.

»»  READMORE...

Twitter adalah sosial media yang cukup populer, jika kamu sudah memiliki akun twitter tidak ada salahnya memasang akun twitter kamu di blog yang kamu miliki. Biasanya tombol share twitter berada pada widget dengan posisi tidak bergerak atau posisi fixed. Kali ini kita akan mencoba tutorial bagaimana akun twitter kita yang berada pada blog kita di wakili oleh sebuah animasi burung twitter yang terbang di area blogspot kita. Tutorial ini tujuannya agar blog kita menjadi unik dan memberikan hiburan bagi para pengunjung blog kita

Caranya memasangnya cukup mudah, kita hanya memanfaatkan sedikit baris script yang akan kita pasang di fitur widget blogspot. Mari kita mulai langkah tutorial memasang animasi burung twitter terbang di blogspot.

1. Seperti biasa silahkan sobat login terdahulu ke dasbor blogspot sobat.
2. Masuk ke bagian tata letak kemudian pilih pasang widget
3. Pada bagian ini akan tampil banyak fitur pilihan, silahkan pilih HTML/Script
4. Pada bagian kotak kontent di HTML/script pastekan kode di bawah ini

Kode Memasang Burung Twitter Terbang

 <script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>  
 <script type="text/javascript">  
 var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtmIsrtd9T-C8EUXpO6JSvtXemFkXdSXM5zaA4apHP-Y0QwTUClsJmWkqlV3q8g27PO8ToIl0lKE7nRbFa3ENgngk_bNGoviCidQc9nyIcPOeB9VxMkbPJpVvm91-EjBY-6FYsDQJ8m8s/s1600/burung+twitter+terbang.png";  
 var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");  
 var twitterAccount = "http://twitter.com/tipsgobel";  
 var tweetThisText = "Twitter - UserID http://www.tips-gobel.blogspot.com/";  
 tripleflapInit();  
 </script>  

5. Simpan hasil yang baru sobat kerjakan dan coba refresh blog sobat untuk melihat hasilnya

Perlu di ingat dan diperhatikan, pada barisan script terdapat alamat url blog ini serta akun twitter, silahkan sobat ganti dengan url blogspot sobat dan akun twitter yang sobat miliki.

Demikianlah tutorial mempercantik blogspot kita, semoga bermanfaat.

»»  READMORE...

Memiliki blog pribadi memang punya kesenangan tersendiri. Dimana kita bebas mencurahkan semua ide dan kreasi pada blog kita. Apalagi jika blog sobat memiliki jumlah kunjungan yang cukup tinggi, atau visitor yang banyak, tentunya ini akan memberikan kebanggaan sekaligus mungkin memiliki penghasilan tambahan dari blog tersebut.

Munkin sobat sering melihat sebuah blog yang menampilkan berbagai iklan di blog mereka, dan biasanya iklan yang ditampilkan berada pada posisi widget. Bagaimana jika widget blog tersebut sudah penuh dengan berbagai slot informasi serta iklan. Bila kita terus menambahkan widget hingga sampai kebawah, hal ini akan berpengaruh pada tampilan blog yang terlalu panjang dan beberapa iklan yang dipasang di widget tidak terlihat oleh pengunjung. Solusi untuk masalah ini adalah menempatkan iklan dalam posisi melayang, dimana iklan akan tampil saat pertama kali pengunjung mendatangi blog kita, kemudian pengunjung memiliki kesempatan untuk menutup iklan yang melayang tersebut atau mencoba melakukan klik untuk mendapatkan informasi lebih lanjut.

»»  READMORE...

Breadcrumbs merupakan menu navigasi yang memberitahu urutan alamat halaman yang di buka. Secara Seo penggunaan breadcrumbs sangat baik dan dianjurkan. Selain itu penggunaan breadcrumbs juga dapat memberikan efek bagus kepada pengunjung blog untuk mengetahui dengan mudah urutan halaman yang dibukanya.

Untuk membuat breadcrumbs di blogspot sangat mudah, cukup memasukkan beberapa baris kode kedalam template yang digunakan, maka breadcrumbs akan tampil pada blog kita.

Berikut langkah-langkah membuat breadcrumbs.
Pastikan kamu sudah membackup template kamu sebelum mengikuti tutorial cara memasang breadcrumbs ini

»»  READMORE...

Jika anda membuat suatu posting di blog, Anda pasti tidak hanya berharap ada banyak yang membaca postingan tersebut, tetapi banyak pula pembaca yang meninggalkan komentar pada postingan anda. Sama halnya ketika anda sedang berbicara di depan kelas, kantor, atau sedang melakukan presentasi.Pasti anda akan berharap diperhatikan dan dipahami dengan baik oleh audiens. Namun presentasi menjadi tidak berbobot jika anda mengabaikan komentar dari setiap audiens anda. Begitu pula dengan komentar - komentar yang diberikan pada postingan di blog anda, anda harus menjawab komentar - komentar tersebut.

Kebanyakan blogger beralasan tidak mempunyai waktu atau belum memiliki jawaban yang tepat untuk menjawab komentar pada postingannya. Jika alasan anda seperti itu terus, maka anda tidak akan pernah bisa membalas komentar pada postingan anda.

»»  READMORE...

Tips Mengoptimalkan Blog - Kecepatan loading page sangat berpengaruh terhadap tingkat kenyaman pengunjung yang datang ke blog anda. Loading blog yang lambat dapat mempengaruhi kenyamanan pengunjung blog. Jangan sampai pengunjung menutup page blog anda dan berpindah ke blog yang lain hanya karena blog kita sangat lambat ketika dibuka, walaupun hanya beberapa detik saja.

Faktor kecepatan koneksi juga mempengaruhi page loading blog kita, meski kita berpikir kalau blog kita dapat di load secepat kilat di komputer kita sendiri, tapi tidak begitu kan dengan koneksi pengunjung.

Berikut Tips Mengoptimalkan Blog agar bisa tampil lebih cepat

Buang Spasi kosong pada kode HTML

Melakukan kompresi pada kode HTML, XML atau PHP teknik ini dilakukan dengan cara membuang spasi yang tidak berguna atau tidak berpengaruh pada hasil yang dibuat kode-kode tersebut. Kompresi juga dilakukan dengan cara sama yaitu membuang spasi kosong pada barisan kode javascript dan CSS.

»»  READMORE...

Cara mengganti template blogspot - Banyak blogger yang kurang puas pada tampilan blogspotnya yang sederhana dan itu  itu saja, dan ingin mendekorasi blog dengan berbagai hiasan yang akan membuat tampilan blog menjadi sekeren mungkin dan terlihat profesional.

Akan tetapi, untuk membuat tampilan blog yang  menarik harus mengikuti banyak tutorial cara mendesain blog, tahap demi tahap pemasangan gadget, penggantian background, pengaturan font, mengubah warna judul dan lain-lain hingga tampilan tampak seperti yang diinginkan.

Jika seperti itu akan menguras waktu yang sangat banyak karena harus memahami satu per satu trik membuat template blog, kemudian menerapkannya. Apalagi sampai lupa menulis artikel karena pusing memikirkan tampilan blog yang tak kunjung jadi.

»»  READMORE...

Bagaimana cara membuat animasi dengan semut seolah berjalan di layar komputer kita. Tutorial ini akan memberikan panduan bagaimana blog kamu ketika dikunjungi akan tampak semut sedang berjalan di layar monitor. Trik ini sekedar membuat lelucon kepada pengunjung dengan kerepotan mereka sesaat untuk membuang semut yang ada dil layar monitor mereka.

Baiklah mari kita mulai langkah sederhana cara membuat animasi semut berjalan di layar

1. Login ke dashboard blog kamu
2. Seperti biasa masuk kebagian tata letak dan tambahkan widget
3. Pilih Tambahkan fungsional pihak ketiga yaitu tombol HTML/Script
4. Paste kan kode dibawah ini pada kotak konten kemudian simpan pekerjaan kamu.

Kode animasi semut berjalan di layar monitor.

 <div style="display:scroll; position:fixed; top:150px; center:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>  

Sekarang coba kamu lihat blog kamu saat ini sudah ada semut yang sedang berjalan di layar kamu. Sebenarnya trik ini sangat mudah. Trik ini hanya memanfaatkan gambar animasi dari file gambar yang berbentuk gif, namun dengan latar belakang transparan. Kamu juga bisa mencoba membuat animasi lainnya dengan menggunakan kode diatas, cukup dengan mengganti url yang ada dengan url animasi yang ingin kamu gunakan.

»»  READMORE...

Membuat sebuah blog yang cantik dan manis tentunya merupakan kesenangan tersendiri. Tutorial kali ini sepertinya sangat cocok untuk wanita yang hobby mendesain blog. Bagaimana cara membuat animasi bunga berjatuhan di dalam blog kita merupakan bahasan tutorial hari ini.

Mari kita mulai cara membuat animasi bunga berjatuha di blog.

1. Langkah pertama silahkan kamu login dulu ke dashboard blog kamu.
2. Masuk kebagian desain atau tata letak pada menu dashboard
3. Pilih tambahkan gadget yang berada pada letak di bawah kolom header.
4. Kemudian setelah kotak  gadget terbuka pilih tambahkan fungsi html dan javascript
5. Copy kode di bawah ini kemudian paste dalam kotak kontent.

Kode cara membuat animasi bunga berjatuhan

»»  READMORE...

Tutorial kali ini masih mengusung bahasan bagaimana mempercantik blog kita. Kali ini saya akan menunjukkan bagaimana cara menampilkan animasi di widget blog kita. Saya akan memakai file swf animasi yang berbentuk jam

Langkah-langkah menampilkan jam digital pada blog

1. Login ke dashboad kamu

2. Edit template kamu dengan cara masuk ke menu tata letak

3. Kemudian pilih tambahkan widget

4. Di halaman tambahkan widget yang tampil pilih menu Tambahkan Html/Script kemudian masukkan kode dibawah ini

 <object type="application/x-shockwave-flash" data="https://sites.google.com/site/riskamudrika/jam-digital.swf" width="150" height="150"><param name="movie" value="https://sites.google.com/site/riskamudrika/jam-digital.swf" /><param name="wmode" value="transparent" /><a href="http://semuatentangwebsite.blogspot.com/" title="Blogger Templates">Blogger Templates</a><embed src="https://sites.google.com/site/riskamudrika/jam-digital.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>  

5. Pada bagian judul tulis saja Jam Digital, namun kamu bebas menggantinya dengan judul apa saja.

6. Simpan hasil pekerjaan kamu dan refresh blog kamu akan tampil widget baru dengan tampilan jam berbentuk animasi.

Jika kamu perhatikan pada barisan script Cara Menampilkan Animasi, kamu akan lihat beberapa url yang menunjukkan dimana file animasi atau file swf berada. Kamu bisa mengganti animasi jam digital itu dengan file swf yang kamu miliki. Caranya cukup upload file swf kamu ke sebuah hosting server, kemudian ambil url tempat file swf kamu di simpan, lalu ganti barisan url pada script dengan url milik kamu.

Teknik ini berlaku bukan hanya menempatkan jam digital animasi saja, semua file swf  yang memiliki animasi dapat kamu tampilkan di widget dengan langkah-langkah ini.

»»  READMORE...

Seo 2103 - Seo atau sering diesbut sebagai Search Engine Optimize adalah bagaimana membuat artikel yang ada di blog kita masuk dalam halaman daftar mesin pencarian. Mesin pencarian yang paling populer saat ini adalah google. Sebagian besar orang mencari segala bentuk informasi melalui mesin pencarian ini.

Berdasarkan hal tersebut, maka kali ini kita kan membahas tentang Seo khusus untuk mesin pencarian yang bernama google. Banyak faktor yang menentukan agar artikel kita masuk dihalaman google search engine. Faktor yang paling utama adalah dimana website atau blog kita memiliki banyak informasi yang bermanfaat. Semakin banyak informasi yang bermanfaat pada blog kita, maka semakin ramai orang akan mendatangi blog kita, hal ini otomatis akan mempengaruhi skor kepercayaan blog kita di mata mesin pencarian.

Seo sendiri merupakan teknik yang tidak dapat dipastikan bagaimana teknik paling benar dalam menerapkan seo. Dari tahun ke tahun google sendiri terus merubah algoritma yang menjadi landasan dasar bekerjanya sebuah mesin pencarian. Seo 2013 atau teknik seo yang sedang populer di tahun 2013 menjadi bahasan pokok para pakar seo. Teknik pada seo di tahun 2013 ini setelah terjadinya pergantian algoritma terbaru yang dilakukan google sedikit terjadi perubahan dalam hal mendasar. Beberapa informasi mengenai teknik seo dalam mengoptimasi sebuah blog dapat kita lihat di bawah ini.

SEO ONPAGE 2013

Seo onpage pada teknik seo tahun ini memiliki peranan penting untuk meningkatkan kualitas sebuah artikel blog di mesin pencarian. Beberapa dasar SEO onpage adalah sebagai berikut

Artikel Semantik

Artikel semantik adalah artikel yang memiliki barisan-barisan kata, dimana dari setiap kata kunci memiliki kata kunci lainnya yang berhubungan erat dengan kata kunci utama. Misalnya seperti ini. jika kamu menggunakan kata kunci motor, maka sebutlah kata-kata yang berhubungan erat dengan kata motor, mulai dari type motor, harga motor, dealer motor, hingga kata perawatan yang merujuk pada kata kunci motor. Penggunaan teknik ini akan menciptakan sebuah artikel yang memiliki informasi lengkap sebagai satu kesatuan.

Internal Link

Internal link adalah cara mengaitkan artikel lain yang memiliki hubungan erat. Perbanyak internal link yang memiliki hubungan sangat erat sehingga artikel satu dengan artikel lainnya membentuk sebuah hubungan yang bernama semantik. Misalnya jika dalam artikel utama anda membahas tentang motor, maka sebutlah kata cara merawat motor dengan memberikan link pada kata tersebut ke artikel yang memuat informasi mengenai cara merawat motor.

External Link

Gunakan satu atau dua buah external link yang merujuk pada website atau blog lain yang memiliki pembahasan sama pada artikel kamu. Seperti contoh jika kamu membahas tema motor, maka kamu bisa memberikan external link pada website yang membahas tentang motor atau link langsung ke dealer motor terkemuka. Ingat jangan beri link pada website yang memiliki nilai otoritas  rendah, karena akan memberi pengaruh buruk pada otoritas blog anda sendiri

Penggunaan Tag Heading

Pada Seo 2013 penggunaan tag H2 pada kata kunci tidak memberikan pengaruh pada rangkaian teknik optimasi. Penggunaan tag h2 atau h3 lebih cenderung untuk mempercantik halaman artikel kita dengan memberikan perbedaan pada baris judul dan artikel.

Keunikan dan kesegaran informasi.

Faktor ini sangat sangat penting dalam teknik optimasi pada seo 2013. Buatlah artikel yang memiliki metode semantik dengan tema yang segar dan rangkaian kata yang unik. Rangkaian kata unik yaitu seluruh  isi tulisan tidak memiliki kesamaan pada artikel yang berada pada website lain di internet. Harus di ingat perbedaaan artikel unik atau artikel segar. Jika artikel unik lebih menitikberatkan pada perbedaan dengan artikel lainnya dalam bentuk tulisan maupun gaya, maka artikel segar adalah artikel yang memuat informasi baru yang belum atau jarang dibahas. Artikel segar ini biasanya didapat pada blog-blog yang mengusung tema berita.

SEO OFF PAGE 2013

Seo off page atau biasa disebut sebagai memberikan backlink kepada website kita dari website lain, pada seo 2013 ini tindakan memberikan backlink harus dengan hati-hati, kesalahan menempatkan backlink untuk blog kita akan membuat blog kita hilang dari peredaran mesin pencarian. Bangunlah satu blog lagi untuk mendukung blog utama kamu, teknik ini biasanya disebut dummy. 

Dalam membuat blog dummy harus mempunyai standar optimasi sama dengan blog utama. Ketika blog dummy telah menjadi kuat, maka pada teknik external link di blog dummy kamu dapat mencantumkan blog utama kamu sebagai referensi dari blog dummy. Kemudian berikan pula external link pada blog dummy yang merujuk pada website atau blog ber otoritas tinggi. Misalnya, anda membahas tentang motor, maka berikan external link yang merujuk pada website dealer motor terkemuka, kemudian rujuk pula blog utama kamu sebagai external link yang memberitahu informasi mengenai motor di blog utama. Pada teknik seo 2013 metode ini sangat disarankan untuk digunakan.

»»  READMORE...

Cara membuat recent post atau artikel terdahulu pada blogspot dapat kita lakukan dengan memasang bebarapa script sederhana pada widget. Recent post atau artikel terdahulu berfungsi untuk menampilkan artikel yang sudah kita posting agar dapat di akses oleh pengunjung kita dengan mudah. Ikuti langkah-langkah di bawah ini untuk memulai membuat recent post di blogspot kamu.

1. Login ke dashboard blogspot kamu
2. Masuk kedalam mode tata letak atau layout

3. Saat sobat menambahkan widget pilih tombol HTML/SCRIPT

4. Pada kotak isian tambahkan dengan judul Artikel Terkait atau terserah kamu mau membuat judul apa. Judul ini akan tampil sebagai judul widget sobat

5. Tambahkan kode di bawah ini pada kotak Konten

 <div id="24work">  
 <script style="text/javascript" >function showrecentposts(json) {  
 for (var i = 0; i < numposts; i++) {  
 var entry = json.feed.entry[i];  
 var posttitle = entry.title.$t;  
 var posturl;  
 if (i == json.feed.entry.length) break;  
 for (var k = 0; k < entry.link.length; k++) {  
 if (entry.link[k].rel == 'alternate') {  
 posturl = entry.link[k].href;  
 break;  
 }  
 }  
 posttitle = posttitle.link(posturl);  
 var readmorelink = "....";  
 readmorelink = readmorelink.link(posturl);  
 var postdate = entry.published.$t;  
 var cdyear = postdate.substring(0,4);  
 var cdmonth = postdate.substring(5,7);  
 var cdday = postdate.substring(8,10);  
 var monthnames = new Array();  
 monthnames[1] = "Jan";  
 monthnames[2] = "Feb";  
 monthnames[3] = "Mar";  
 monthnames[4] = "Apr";  
 monthnames[5] = "May";  
 monthnames[6] = "Jun";  
 monthnames[7] = "Jul";  
 monthnames[8] = "Aug";  
 monthnames[9] = "Sep";  
 monthnames[10] = "Oct";  
 monthnames[11] = "Nov";  
 monthnames[12] = "Dec";  
 if ("content" in entry) {  
 var postcontent = entry.content.$t;}  
 else  
 if ("summary" in entry) {  
 var postcontent = entry.summary.$t;}  
 else var postcontent = "";  
 var re = /<\S[^>]*>/g;   
 postcontent = postcontent.replace(re, "");  
 document.write('<div class="mtrpw">');  
 if (standardstyling) document.write('<br/>');  
 document.write(posttitle);  
 if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);  
 document.write('</div><div class="mtrpwsumm">');  
 if (showpostsummary == true) {  
 if (standardstyling) document.write('');  
 if (postcontent.length < numchars) {  
 if (standardstyling) document.write('<i>');  
 document.write(postcontent);  
 if (standardstyling) document.write('</i>');}  
 else {  
 if (standardstyling) document.write('');  
 postcontent = postcontent.substring(0, numchars);  
 var quoteEnd = postcontent.lastIndexOf(" ");  
 postcontent = postcontent.substring(0,quoteEnd);  
 document.write(postcontent + ' ' + readmorelink);  
 if (standardstyling) document.write('');}  
 }  
 document.write('</div>');  
 if (standardstyling) document.write('');  
 }  
 if (!standardstyling) document.write('<div class="bbwidgetfooter">');  
 if (standardstyling) document.write('');  
 document.write('');  
 if (!standardstyling) document.write('');  
 };document.write('<a href="http://semuatentangwebsite.blogspot.com" style="font-size: 1px; text-decoration:none; color: #cccccc;">Blogspot Tutorial</a>');</script>  
 <script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>  
 <script src="http://semuatentangwebsite.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>  
 <div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr">  
 </div><noscript>Your browser does not support JavaScript!</noscript>  
 <style type=text/css>  
 #rpdr, #rpdr a {color:#808080;}  
 #mtrpwa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}  
 .mtrpw a {font-weight:bold; }  
 .mtrpwsumm {}  
 </style></div>  

Pada bagian  url yang berwarna merah ganti dengan url blogspot kamu. Lalu simpan kode yang kamu buat untuk melihat perubahan. Sebelum melakukan modifikasi cara membuat recent post ini sebaiknya sobat melakukan backup dulu pada file template blogspot sobat.

Demikianlah tutorial cara membuat recent post di widget pada blogspot. Lakukan langkah-langkah diatas dengan teliti dan hati-hati.

»»  READMORE...

Mempercepat loading blog kita memberikan manfaat yang bagus bagi kenyamanan pengunjung blog. Jika blog kita dapat di loading atau ditampilkan dengan cepat maka pengunjung blog akan segera mendapatkan berbagai informasi dari blog kita. Lain hal jika loading blog kita lambat atau bahkan sangat lambat, hal ini tentu akan membuat kesal pengunjung blog dan pada akhirnya meninggalkan blog kita.

Cara mempercepat loading blog dapat dilakukan dengan mudah, beberapa hal yang harus kita lakukan agar blog kita dapat terloading dengan baik.

1, Hindari penggunaan  gambar yang memiliki ukuran besar, sebaiknya usahakan untuk melakukan kompresi dahulu pada gambar yang akan kita tampilkan di blog kita. Cara mengkompresi gambar dapat dilakukan dengan beberapa software salah satunya photoshop.

2. Hindari penggunaan script yang berlebihan. Script memiliki karakteristik yang berat, penggunaan script yang berlebihan dijamin akan membuat loading blog kamu sangat berat atau bahkan tidak dapat di akses. Pilihlah script yang benar-benar kamu butuhkan, jika tidak terlalu penting sebaiknya tidak usah digunakan.

3. Kurangi penggunaan widget, Widget memag kadang dapat memberikan tampilan yang bagus pada blog kita. Namun jika widget tersebut dapat membuat blog kamu  menjadi lambat, sebaiknya menghindari penggunaan widget tersebut. Pasanglah widget sesuai kebutuhan, widget yang mungkin tidak perlu digunakan adalah widget kalender atau tanggalan, Setiap komputer sudah memiliki informasi tanggal sendiri, jadi pemasangan widget kalender tidak memberikan manfaat apa-apa pada blog kita.

4. Batasi Tampilan display post pada homepage. Semakin banyak post yang terdisplay pada homepage, maka semakin banyak yang akan di load oleh blog kita.

5. Gunakan script mempercepat loading blog. Berikut baris script yang dapat kamu sisipkan pada template kamu untuk meningkatkan kecepatan loading  blog kamu.

 <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>  
 <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>  
 <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4U8qEJHGRqaNHvsKTpzaMqVYzW-ha6PY1xnAma2iKdVEp2b9o2fpRnuVdEsPXvRIzKAoeCE9ROaxY6ZADBUq7Sw0Cn42aSRg0_4Mi7dxoPye2nazdkwciDnLkea39w_rJegjb879enA/&quot;,threshold : 200}); }); </script>  

Cara menyisipkan script diatas sangat gampang, Masuk ke bagian Edit Html pada template kamu, lalu cari kode </head> kemudian letakkan kode script diatas tepat diatas kode </head>. Kemudian simpan template kamu dan coba akses blog kamu, adakah perubahan dalam kecepatan loading blog kamu. Perlu diperhatikan sebaiknya backup terlebih dahulu template kamu sebelum melakukan perubahan.

»»  READMORE...

Tips Menulis Artikel kali ini mencoba memandu sobat-sobat yang kesulitan ketika mencoba menulis artikel di blog sobat. Sedangkan kita ketahui untuk mendapatkan blog yang memiliki trafik atau pengunjung yang banyak, syarat utamanya adalah memiliki banyak artikel yang bermanfaat.

Banyak pemiliki blog mengeluhkan bagaimana sulitnya membuat sebuah artikel untuk blog mereka, padahal jika ingin telaah lebih dalam, menulis artikel sebenarnya tidak sesulit yang sobat bayangkan. Namun kita juga perlu mengerti beberapa panduan bagaimana menulis artikel yang baik dengan mudah. Coba sobat perhatikan panduan tips menulis artikel dibawah ini.

Artikel sebaiknya memiliki struktur dan penekanan pada setiap alinea

Alinea Pertama
Alinea ini sebaiknya memiliki kata-kata yang dapat menarik perhatian pembaca. Hal-hal yang penting dan menonjol dari sebuah artikel sebaiknya di tulis pada alinea pertama

Alinea kedua
Masukan segala bentuk penguraian informasi dan pemaparan data secara objektif di alinea kedua. Intinya pada alinea ini kamu menuliskan rincian dari penjelasan dari artikel yang kamu tulis. Usahakan gunakan kalimat yang sederhana agar penjelasan kamu dapat dengan mudah di tangkap dan dibaca oleh pengunjung.

Alinea ketiga
Di alinea ini kamu memaparkan berbagai argumen yang dapat memperkuat rincian penjelasan kamu di alinea kedua. kemukakan semua informasi yang memiliki keterkaitan dengan artikel kamu.

Alinea ke empat.
Berikan solusi dari masalah yang kamu angkat pada topik bahasan artikel kamu. Rincikan secara jelas solusi itu dengan bahasa yang sederhana.

Empat langkah diatas sebenarnya hanya sekedar panduan bagaimana kita membuat alur sebuah artikel yang akan kita tulis. Tapi saran saya jangan pernah terpaku pada panduan diatas. Kamu dapat mengembangkannya dengan gaya penulisan kamu sendiri.

Tips menulis artikel dengan cara mudah

Tentukan tema, usahakan ambil tema yang kamu kuasai, ini penting agar jari kamu tidak macet saat sedang asyik menulis dan kamu kehilangan kemampuan dan referensi untuk menjelaskan detail artikel kamu.

Siapkan beberapa referensi, kamu bisa mendapatkan referensi mengenai artikel kamu dari berbagai artikel lain yang masih memiliki keterkaitan erat dengan artikel yang akan kamu tulis.

Tulislah tanpa memikirkan banyak pertimbangan. Hambatan terbesar bagi seorang penulis adalah terlalu banyak mempertimbangkan kata-kata yang akan ditulis, mukadimah awal mukadimah akhir, kepantasan sebuah tulisan dll. Abaikan semua itu biarkan jari kamu mengetik semua yang ada dipikiran kamu yang sudah kamu batasi dengan referensi yang kamu dapat.

Perbanyak perbendaharan kata, baik itu persamaan kata, hubungan antar kata, dll. Semakin banyak perbendaharaan kata yang kamu punya, maka semakin mudah kamu menulis. Misalnya seperti ini:
Tips menulis artikel dapat kamu pelajari dengan cara banyak membaca
Kata diatas dapat kamu tulis ulang dengan perbendaharaan kata yang kamu miliki
Aktifitas membaca yang rutin merupakan salah satu tips menulis artikel yang dapat kamu gunakan.

Kamu lihat bagaimana barisan kata awal dapat kamu rubah menjadi kata-kata baru dengan makna dan tujuan yang sama persis tanpa menghilangkan kata kunci yang digunakan pada tulisan awal. Teknik ini disebut dengan menulis ulang atau biasa disebut oleh para blogger sebagai aktifitas rewrite.

Setelah kamu terbiasa dengan teknik menulis ulang, maka dengan sendirinya kamu akan terbiasa menulis artikel hanya bermodalkan referensi dari artikel lain.

»»  READMORE...

Banyak cara membuat blog kita tampil cantik dan menarik, Setelah kemarin kita sudah  mencoba bagaimana cara membuat tombol share melayang, selanjutnya bahasan kali ini kita akan mencoba bagaimana cara membuat gambar berputar ketika di sentuh oleh mouse. Teknik ini biasanya disebut dengan Image hover.

Tehnik membuat gambar berputar ini menggunakan kode css yang akan kita letakkan di source html template kita. Tidak sulit untuk menerapkan tutorial ini, hanya dibutuhkan kehati-hatian dan ketelitian ketika meletakkan beberapa kode ke dalam template. Untuk berjaga-jaga jika terjadi kesalahan, ada baiknya sobat melakukan backup terlebih dahulu seluruh isi html template sobat.

Berikut langkah-langkah cara membuat gambar berputar di blog kita.

1. Pertama-tama sobat masuk ke bagian edit html dengan menuju bagian template kemudian pilih edit html.
2. Cari kode seperti ini ]]></b:skin> Gunakan ctrl find untuk memudahkan pencarian
3. Copy kode CSS dibawah ini :

 #gambar {  
 float: left;  
 margin: 10px;  
 overflow: hidden;  
 position: relative;  
  -webkit-transition-duration: 0.8s;  
   -moz-transition-duration: 0.8s;  
   -o-transition-duration: 0.8s;  
   transition-duration: 0.8s;  
   -webkit-transition-property: -webkit-transform;  
   -moz-transition-property: -moz-transform;  
   -o-transition-property: -o-transform;  
   transition-property: transform;  
   overflow:hidden;  
 }  
 #gambar:hover {  
  -webkit-transform:rotate(360deg);  
   -moz-transform:rotate(360deg);  
   -o-transform:rotate(360deg);  
 }  

Kemudian paste tepat diatas  kode ]]></b:skin> yang sobat cari tadi. Simpan perubahan template sobat.

4. Buatlah postingan baru dengan judul Cara membuat gambar berputar. masukkan kode dibawah ini kedalam postingan melalui mode html, ingat memasukkannya harus dalam mode html bukan dalam mode Compose.

 <div id="gambar">  
 <img src="url Gambar" />  
 </div>  

Ganti url gambar yang berwarna biru dengan url gambar yang ingin sobat tampilkan agar berputar.
Sampai disini tutorial selesai, silahkan sobat semua mencobanya pada blog sobat.  Untuk posisi gambar bisa langsung di atur melalui pengaturan yang ada di dashboard blog sobat.

Referensi mengenai CSS hover dapat di lihat di w3schools.com.

»»  READMORE...

Memiliki blog dengan tampilan menarik dan menawan tentunya sangat membanggakan. Kalau kita melihat tampilan template-template bawaan blogspot tentu semuanya hanya memiliki tampilan standar, kita perlu sedikit kreatif mengotak-atik html template agar terlihat lebih indah.

Pada artikel terdahulu kita sudah mencoba membuat judul title yang bergerak pada title browser. Tutorial kali ini akan membahas bagaimana caranya membuat tombol share melayang untuk sosial media seperti facebook, twitter, google dan Rss Feed. Tombol share yang akan kita buat akan lebih variatif dan cantik dengan menggunakan CSS dan sedikit script sederhana. Tombol share sangat penting loh untuk mempopulerkan website kita, jadi sebisa mungkin usahakan blog kita memiliki tombol share yang memancing para pengunjung mau mencoba tombol share yang ada di website kita.

Nah berikut lihat tampilan gambar tombol share yang sudah di modifikasi.

Contoh Gambar Tombol Share Melayang

Insert gambar


Bagaimana cara membuat tombol share seperti gambar diatas, ikuti langkah-langkah di bawah ini :

1. Masuk ke dashboard akun blogger kamu
2. Lalu tentukan blog mana yang akan kamu rubah
3. langsung menuju ke pilihan Tata letak di sisi sidebar
4. Pilih Tambahkan widget
5. Kemudian tambahkan HTML/JavaScript
6. Setelah terbuka halaman menambahkan html atau javascript masukkan kode dibawah ini kedalam kotak yang berjudul konten. "Ingat untuk judul biarkan kosong"

Yang harus kamu perhatikan sebelum melakukan copy paste pada kode dibawah, coba kamu lihat kode dibagian paling akhir. Nah silahkan ganti informasi pada url dan title dengan url blogspot kamu dan title blogspot kamu. Untuk bagian RSS cukup ganti dengan nama blog kamu.

Kekurangan dari kode ini adalah tidak bisa melakukan share berdasarkan title posting, tombol share hanya melakukan share pada URL dan Title blogspot secara umum. Insya Allah jika nanti saya temukan kode untuk share berdasarkan postingan, akan saya posting lanjutan artikel membuat tombol share dengan kode sederhana.

Kode yang harus mau dimasukkan:

 <style>  
 ul#navigation {  
 position: fixed;  
 margin: 0px;  
 padding: 0px;  
 top: 0px;  
 right: 0px;  
 list-style: none;  
 z-index:999999;  
 width:721px;  
 }  
 ul#navigation li {  
 width: 103px;  
 display:inline;  
 float:left;  
 border:0;  
 }  
 ul#navigation li a {  
 display: block;  
 float:left;  
 margin-top: -2px;  
 width: 100px;  
 height: 25px;  
 background-color:#eeeeee;  
 background-repeat:no-repeat;  
 background-position:50% 10px;  
 border:1px solid #BDDCEF;  
 -moz-border-radius:0px 0px 10px 10px;  
 -webkit-border-bottom-right-radius: 10px;  
 -webkit-border-bottom-left-radius: 10px;  
 -khtml-border-bottom-right-radius: 10px;  
 -khtml-border-bottom-left-radius: 10px;  
 text-decoration:none;  
 text-align:center;  
 padding-top:80px;  
 opacity: 0.96;  
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
 }  
 ul#navigation li a:hover{  
 background-color:#CAE3F2;  
 }  
 ul#navigation li a span{  
 letter-spacing:2px;  
 font-size:11px;  
 color:#60ACD8;  
 font-family:trebuchet-ms, arial, tahoma, Sans-Serif;  
 font-weight:bold;  
 text-shadow: 0 -1px 1px #fff;  
 }  
 ul#navigation .rss a{  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2IO-656JJjuFH4jwOX31bXuAppPMhQvRuK3ASTb_cSBBZ3GHuUUxxk61wIKYJ-oHq0OW4voPkvxFuaoRKOlmEERxARL8kWK4mE0ZqB0y25uqNEohgKl1BWhrYih_H_jgYr-EHBQU3hzM/s1600/64x64.png);  
 }  
 ul#navigation .facebook a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2STeARcxNur9_U38js4rI2GUambUYWVS502D0s9DknUpUn_kxk_vQTgxYuGGjRmKnmQfCsNJY_FO9kEQRyqL72ieaUroveHA17JnPR1GdTTXaah205vJbI9fV8PwWucbNyixF_QUCdgU/s1600/64x64.png);  
 }  
 ul#navigation .twitter a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJJas13EH6tIA-f2SehmlLLgueZFS992-TQ0zmVMAZv3u9-1F-g7espzvmAq6R7lfItLnoibHysou76S9BGinxJfD0FCcPw0NzOCbQ-NBobzUJqS7EVNZwXyrch7W_CjWRIlrkFMiCZpU/h120/twitter.png);  
 }  
 ul#navigation .googlebookmarks a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kpL7h6a4aKh9x7C_qOQnoGEoHBM6SsDA1RJnki1o4IPVAuyvAr0cbcw5gW3V8ne00Hs9fU6qqkP4TMxeDUvY7X6xM2oG_Z1tJqvbUTgEzX5Sx9RXdhLERdUvJV34-SGCyxVOrLhkQ44/s1600/64x64.png);  
 }  
 ul#navigation .e-mail a {  
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT26ji9phSXYpljeJm8ju3aPcZBrjClLLKV7hqe74jqSYRlCkdy4-pylqy-BHHBB_DLUs9mrSjjWFqWsW7EowhzwcMpm_zdftUnuvtGPZ2nXhtUCNF85DoJkQlHurwqjxuSQys9_WofUyb/s400/yahoo_64x64.png);  
 }  
 </style>  
 <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">  
 </script>  
 <script type="text/javascript">  
 $(function() {  
 var d=300;  
 $('#navigation a').each(function(){  
 $(this).stop().animate({  
 'marginTop':'-80px'  
 },d+=150);  
 });  
 $('#navigation > li').hover(  
 function () {  
 $('a',$(this)).stop().animate({  
 'marginTop':'-2px'  
 },200);  
 },  
 function () {  
 $('a',$(this)).stop().animate({  
 'marginTop':'-80px'  
 },200);  
 }  
 );  
 });  
 </script>  
 <ul id="navigation">  
 <li class="rss"><a href="http://BLOG-KAMU.blogspot.com/atom.xml">RSS Feed</a></li>  
 <li class="facebook"><a href="http://www.facebook.com/share.php?u=[URL]&title=[TITLE]">Facebook</a></li>  
 <li class="twitter"><a href="http://twitter.com/home?status=[TITLE]+[URL]">Twitter</a></li>  
 <li class="googlebookmarks"><a href="https://plus.google.com/share?url=[URL]">Google</a></li>  
 <li class="e-mail">Yahoo!</li>  
 </ul>  

Selanjutnya kamu tinggal menyesuaikan tombol share hendak diletakkan dimana, berexplorasilah dengan blog kamu, agar mendapatkan hasil yang maksimal. Selamat mencoba!

»»  READMORE...

Tutorial kali ini membahas bagaimana judul pada title browser di blog kita bergerak seperti layaknya script marquee. Tujuaannya adalah mempercantik blog kita agar lebih terlihat indah dan berbeda dari blog yang lainnya. Caranya membuat judul blog bergerak sangat gampang sekali, seperti biasa kita hanya meletakkan beberapa kode baris skrip sederhana pada source html template blogspot kita.

Berikut caranya membuat judul Blog Bergerak pada title browser.

1. Pertama-tama silahkan login ke akun blogger kamu.

2. Kemudian masuk ke menu template dan pilih edit html

3. Cari kode seperti dibawah ini :

 <title><data:blog.pageTitle/></title>

Lalu ganti dengan kode di bawah ini. Gunakan ctrl find untuk memudahkan pencarian.

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>

var txt="<data:blog.pageTitle/>";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script>

Hasilnya akan terlihat seperti gambar di bawah ini :

Jika di template kamu sudah ada kode <b:include data='blog' name='all-head-content'/> maka kamu cukup mereplace kode <title><data:blog.pageTitle/></title> saja dengan kode script di atas. Setelah kode script diletakkan, simpan perubahan pada file html, kemudian coba buka blog kamu dan perhatikan title yang ada pada browser.

Mudah bukan cara membuat judul blog bergerak pada title di browser. Jangan lupa perhatikan kode script pada bagian var kecepatan yang diatur pada angka 100, semakin besar nilai angka pada var kecepatan maka semakin lambat pergerakan yang terjadi pada title browser, begitu juga sebaliknya, semakin kecil angkanya maka pergerakan akan semakin cepat. kamu bisa menggantinya dengan angka yang kamu inginkan, hitung-hitung sambil melakukan latihan.

Sebelum melakukan langkah-langkah membuat judul blog bergerak, ada baiknya kamu melakukan backup terlebih dahulu file html template kamu, sehingga jika terjadi kesalahan kamu tinggal mempaste file backup kamu pada halaman edit html template kamu. Cara backup file html cukup gampang, letakkan kursor kamu pada halaman html lalu tekan ctrl A untuk melakukan blok pada seluruh html kemudian tekan ctrl C untuk mengcopy semua isi html dan langkah terakhir paste kode html template kamu yang barusan kamu copy ke notepad. Jangan lupa untuk menyimpan backup kamu. agar sewaktu-waktu dapat kamu gunakan kembali. Cara backup file html ini dapat kamu lakukan setiap kamu ingin melakukan perubahan pada file html template.

»»  READMORE...