Membuat link pada blog berbentuk tombol button

membuat link pada blog
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...

Cara agar blog tidak bisa di copy paste

Cara agar blog tidak bisa di copy paste
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

Cara Membuat Tombol Back to Top
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

Cara memasang video di blog
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...

Tips Membuat Artkel Berkualitas

Membuat Artkel Berkualitas
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 yang baik dan benar

Cara mendesain blog
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...

Trik Burung Twitter Terbang Di Blogspot

Trik Burung Twitter Terbang Di Blogspot
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...

Cara Memasang Iklan Melayang Di Blogspot

cara memasang iklan melayang
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...

Cara Memasang Breadcrumbs Di Blog

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...

Alasan Mengapa Komentar di Blog Harus Dijawab

menjawab komentar
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...
.
.
.
.
.

---->>Alexa<-----

---->Histats<----

Link Sobat