Minggu, 10 Juni 2012

Tips Simpel Mengganti Gambar Kursor Untuk mempercantik Blog

Tips Simpel Mengganti Gambar Kursor Untuk mempercantik Blog. Anda bosan dengan tampilan kursor yang asli berbentuk tanda panah, anda ingin mengganti gambar kursor, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. 

Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL :http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif


                URL :http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif


                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif


                URL :http://downloads.totallyfreecursors.com/thumbnails/banana1.gif


                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Edit HTML, centang Expand widget template.
3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.
4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor
6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/.

anda tinggal memilih gambar kursor di atas dan silahkan anda ganti dengan kursor sesuai keinginan anda. Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

Cara Simpel Mempercepat Loading Agar Blog di Senangi Google

Cara Simpel Mempercepat Loading Agar Blog di Senangi Google. pada dasarnya Blogspot loadingnya cukup berat, lalu timbul pertanyaan apakah anda ingin mempercepat loading blogspot???? jangan kuatir teman, selalu ada tips buat permesalahan seperti itu di sini.
posting ini akan mengangkat tema percepat loading blog dengan teknik kompresi di CSS untuk pengguna blogspot, untuk pengguna non blogspot, mungkin akan sedikit beda, tetapi prinsipnya sama. Sebelumnya admin sudah posting Membuat Breadcrumb di Blogspot Semua Label dan Daftar Blog Dofollow Terbaru Update, semua itu tujuannya untuk menguatkan blogspot kita dalam persaingan SERP Google dan Bing

Apa itu CSS?
Menurut wikipedia
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Kira kira sudah tau kan artinya? kalau belum tahu singkatnya, CSS adalah suatu kode yang bertujuan untuk mengatur web/ blogspot menjadi seperti apa yang kita liat di internet saat ini.

Apa ada kaitannya CSS dengan SEO?
Menurut pengamatan admin, CSS dan SEO sangat berkaitan erat dan juga saling berhubungan. Misalnya robot google akan malas mengunjungi blogspot kita gara - gara CSS nya yang amburadul, yang membuat loading blogspot jadi berat. Akibatnya beberapa posting kita yang seharusnya masuk menjadi 10 besar google menjadi tersingkir di persaingan SERP.
Bagaimana cara Kompresi CSS blogspot?

Ada 2 Cara yang bis kita pakai, yaitu:
1. Manual
Cara ini mungkin akan banyak menyita waktu, karena akan dilakukan secara manual dan satu persatu. Keuntungannya yaitu kita dapat belajar dan memperoleh ilmu yang tiada harganya dan kita sedikit mengetahui dalam hal pengkodean CSS.

contoh:
#header-wrapper {
background: url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;
height: 150px;
margin-top: padding: 0px 0px 0px 0px;
text-align: center;
border: 1px solid #000;
}

setelah dikompres akan menjadi
#header-wrapper{background:url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;height:150px;margin-top:padding:0px 0px 0px 0px;text-align:center;border:1px solid #000;}

{Margin-top: 15px;
Margin-right: 10px;
Margin-bottom: 15px;
Margin-left: 15px; }

menjadi
{Margin:15px 10px;}

Kalau belum paham bisa berdiskusi lewat form komentar

2. Otomatis
Cara ini terbilang lebih simple dan cepat, karena kita memanfaatkan tool gratis kompresi CSS secara online. Kita tinggal memasukkan kode CSS kedalam form yang disediakan, klik compress, jadi dech.....

Kita bisa mengunjungi situs - situs dibawah ini

Dan masih banyak lagi situs - situs penyedia kompresi css untuk mempercepat loading blogspot kita, silakan cari di google.

Dimana letak kode CSS blogspot kita?

Terletak dibagian Template blogspot kita. Dasbor >> Rancangan >> edit HTML >> terletak antara<b:skin> - ]]></b:skin>

Silahkan anda coba agar blog anda tidak lemot saat loading, alias kenceng biar mbah google juga suka dengan blog kita

Membuat Tanda Suka/Like di Setiap Postingan


Panduan blogger untuk blogger pemula.Panduan blogger yang akan membahas dan menjelaskan tentang Panduan Cara Membuat Tombol "Like" Otomatis Pada tiap-tiap Artikel Di Blog.Disini akan menjelaskan tentang cara membuat serta memasang tombol like facebook secara otomatis pada tiap-tiap artikel/postingan di blog.Mungkin panduan ini 
dibutuhkan oleh para blogger pemula ( seperti akoe ini ),namun bagi para blogger yang mahir dan berpengalaman mungkin panduan ini kurang menarik.Tombol like ini memang akoe sarankan dan akoe rekomendasikan pada sobat blogger semua.Fungsi dan kegunaannya memang banyak,salah satunya adalah untuk mendongkrak popularitas blog.Pengunjung yang memberikan like pada artikel kita di blog,berarti postingan atau artikel kita dinilai berkualitas oleh pengunjung yg bersangkutan tersebut.Dan sehingga apabila artikel yang telah diposting tersebut disukai oleh pengunjung,maka mungkin secara tidak langsung akan membuat pemilik/penulis artikel tersebut bersemangat dalam menulis sebuah artikel lagi yang berkualitas.

Untuk mengetahui caranya,silahkan sobat blogger langsung saja simak caranya dan ikuti langkah-langkah di bawah ini.
Panduannya adalah sebagai berikut :
  • Silahkan sobat login terlebih dulu di akun Blogger sobat
  • Klik Rancangan
  • Klik Edit HTML
  • Kalau perlu silahkan sobat Download lengkap template blog sobat terlebih dulu,untuk mencegah terjadinya salah pasang kode HTML
  • Beri tanda centang pada Expand Widget Template
  • Cari dulu kode <data:post.body/> caranya tekan ctrl+f kemudian masukkan kode tersebut
  • Copy dan Paste kode HTML di bawah ini 
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins    /like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
  • Letakkan kode HTML yang telah di Copy dan Paste tersebut tepat di bawah kode <data:post.body/>
  •  Saran akoe sobat klik Pratinjau,untuk melihat apakah tombol like tersebut sudah terpasang atau belum 
  • Kalau sudah terpasang,baru klik Simpan Template
  • Kalau belum terpasang,sobat klik aja Bersihkan Edit untuk mengembalikan template sobat blog sobat seperti semula
  • Selesai
Itu dulau kawan yang bisa saya sampaikan, ya kurang lebihnya sepereti itu lah, saya juga belum mempraktekkan xixixi

Sabtu, 09 Juni 2012

Membuat Widget Google Page Rank google

Membuat Widget Google Page Rank google. Mungkin anda salah satunya dari sekian banuak orang yang masih bingung cara pasang (menambah/memasang) widget page rank (google pagerank) di blog anda. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa anda manfaatkan. jadi tidak perlu pusing memikirkan rumitnya script, karena scriptnya telah disediakan oleh situs tersebut, anda hanya pelu meng-copy-nya dan memasang (tambah/pasang) script widget tersebut ke blog anda.

Widget Google Pagerank, dapat anda tambahkan ke blog dengan terlebih dahulu melakukan pendaftaran blog pada fasilitas penyedia layanan page rank gratis. Salah satu penyedia layanan tersebut adalah MyPagerank. Setelah anda mendaftar dan account anda telah diaktivasi maka anda bisa mendapatkan script yang bisa dimasukkan ke gadget html/javascript di blog anda. Hasilnya bisa dilihat seperti gambar di bawah ini:

Langkah yang harus anda lakukan adalah:
1. Buka halaman mypagerank, silahkan klik disini

2. Pada tampilan berikut, masukkan alamat blog anda , kemudian klik Check PR

3. Klik model tombol google page rank yang anda suka, maka di bagian bawahnya akan muncul script, Copy script tersebut, kemudian masukkan ke gadget html/javascript di blog anda
Anda tertarik utuk memasang widget google page rank di blog anda, jika iya maka silahkan lakukan langkah langkah seperti di atas

Cara Mudah Burning feed blog di feedburner Untuk blogspot dan wordpress

Cara Mudah Burning feed blog di feedburner Untuk blogspot dan wordpress. apakah anda tahu kegunaan Feedburner, Kegunaan feed pada feedburner ini buat blog anda adalah memudahkan pengguna:

1. Untuk berlangganan email
2. Untuk berlangganan feed
3. Untuk melihat posting terbaru, dan lain lain
Dan anda bisa memperoleh penghasilan dari google, jika telah terpasang program adsense text atau banner dari google

Untuk melakukan burning blog ke feedburner, lakukan langkah berikut:


1. Daftar blog anda ke : feedburner
Masukkan google account anda
Klik tombol Sign in
2. Akan masuk ke halaman depan Feedbuner
3. pada halaman di bawah masukkan alamat blog anda, misalnya: http://namablog.blogspot.com, contoh: http://artikelkomputerku.blogspot.com
kemudian klik Next
4. Masukkan nama/judul feed, dan alamat feed, klik tombol Activate Feed
5. Feedburner akan melakukan identifikasi terhadap feed yang kita inginkan, jika tidak ada kesalahan akan muncul halaman berikut, klik Next
6. Akan muncul halaman berikut, klik Activate Feed
7. Setelah proses activated, akan dilakukan pembakaran (burning feed)
Jika tidah ada kesalahan akan muncul halaman berikut
catat url yang diberikan, misalnya http://feeds2.feedburner.com/artikelkomputerku anda nanti bisa menggunakan browser untuk melihat hasilnya.

8. klik Next
9. Klik Next, kan muncul pesan successfully
Yang perlu diperhatikan, jika anda salah satu yang menggunakan blog wordpress (domain gratis) jika ingin burning atau membuat feed blog wordpress bisa dilihat disini feed wordpress
Untuk anda yang menggunakan blog wordpress (domain berbayar/self hosting) jika ingin burning atau membuat feed blog wordpress bisa dilihat disini feed wordpress

Membuat Readmore Bawaan Blogspot Gratis



Membuat Readmore Bawaan Blogspot Gratis. Membuat readmore di editor baru blogger lebih mudah jika dibanding menggunakan editor lama. Di editor baru (new editor ), anda tidak perlu membuat script cukup menggunakan tombol readmore yang tersedia di toolbar editor blogspot. Anda perlu mengatur editor agar yang aktif adalah new editor.
Prosedur yang harus anda lakukan untuk membuat readmore blogger:
1. login ke dashboard
pilih pengaturan ->; dasar

Geser halaman ke bawah hingga menemukan setting global
pada bagian "pilih editor entri" klik option pada "editor yang diperbarui"
Simpan setelan

2. Mulai membuat postingan baru,
pilih Entri baru

ketik teks (postingan) , di bagian bawah teks yang akan dimunculkan, letakkan kursor mouse kemudian klik klik tombol readmore di toolbar editor
jika berhasil akan muncul pemisah berupa garis putus-putus.

Jika postingan di publish, maka teks bagian  bawah akan terpotong saat membuka postingan berdasarkan label atau saat membukanya di hompage blog.

Jika sahabat ingin membuat Readmore bawaan dari blogspot silahkan ikuti tutorialnya diatas

Mengatur / menampilkan kotak komentar blogger Blogspot


Mengatur / menampilkan kotak komentar blogger Blogspot. dalam sebuah blog pastinya ada yang namanya kotak komentar. Kotak komentar blogger sangat membantu dalam menjembatani komunikasi antara pembuat blog dan pengguna. Blogger menyediakan beberapa pengaturan kotak dialog, yaitu bisa dengan hanya memunculkan tulisan "Poskan Komentar" di bagian bawah postingan, jika diklik maka akan muncul kotak komentar, Selain itu anda juga dapat memunculkan secara langsung kotak komentar di bagian bawah postingan.seperti gambar berikut:
kotak komentar blogger
Prosedur yang harus dilakukan

1. Masuk ke Dashboard =>Pengaturan => Komentar

Pada sub item (option):
Komentar : pilih "Tampilkan"
Penempatan Formulir komentar : pilih "Disemut di bawah entry"


Selain di atas anda juga bisa mengatur:
Moderasi komentar :
pilih "Selalu" jika anda ingin melakukan seleksi terhadap komentar yang masuk sebelum menampilkannya di halaman postin
pilih "Tidak pernah" jika komentar langsung ditampilkan dihalaman posting, jika suatu waktu ada komentar yang bersifat spam, bisa dihapus pada saat anda lodin sebagai admin
Tampilkan verifikasi kata:
pilih "Ya" untuk mengurangi adanya komentar bersifat spam
Email Pemberitahuan
Isi dengan email jika ingin setiap ada yang memberi komentar pada blog anda, maka akan ada informasi pemberitahuan ke email yang anda camtukan dalam kotak ini

Setelah semua pengaturan , klik tombol " Simpan Setelan"
nah itu tadi cara menampilkan kotak komentar di blogspot, silahkan jika ada yang punya cara lain silahkan komentar di bawah trimakasih atas kunjungannya

Cara Mengatur Jumlah Postingan di Halaman Utama Blogspot


Cara Mengatur Jumlah Postingan di Halaman Utama Blogspot. dalam sebuah blogspot, postingan bisa kita atur, misalnya kita ingin menampilkan cuma 2 postingan di halaman utama atau 3 postingan sampai 10 postingan, namun saran saya jangan banyak banyak karena bisa memperlambat saat loading.  Pengaturan postingan ini hanya berlaku pada halaman utama saja, tidak berlaku pada halaman kategori postingan (label). Semakin sedikit postingan pada halaman utama maka waktu loadingnya juga akan semakin cepat, demikian pula sebaliknya.
Untuk mengatur postingan di halaman utama, lakukan langkah beikut:

1. Masuk ke Dashboard, pilih Pengaturan => Format

mengatur postingan

didalam bagian Tampilkan, bisa di jumlah atur angka yang anda inginkan. Sebagai acuan blogspot dalam panduan membuat blog menganjurkan item postingan di halaman utama (home) tidak lebih dari 10 postingan.

Cara Gampang Mengganti Template Menggunakan Template Gratisan


Cara Gampang Mengganti Template Menggunakan Template Gratisan. Model atau jenis template sangat dipengaruhi oleh kesenangan para blogger, terkadang seiring perkembangan waktu seorang blogger ingin mengubah template jika merasa jenuh dengan tampilan blognya. Namun ada satu hal yang terkadang lupa diperhitungkan oleh para blogger, bahwa mengganti template maka ada kemungkinan script-script yang telah dipasang pada template awal tidak kompatible dengan template yang baru dapat menyebabkan hilangnya beberapa tampilan atau bahkan terkesan tampilannya kacau (atau tidak beraturan).
Saran saya sebaiknya jangan terlalu sering mengubah template. Atau bisa saja anda membuat blog baru sebagai tempat ujicoba, jika template itu berhasil dapat anda terapkan pada blog utama anda. Karena blogger mengijinkan satu account dapat digunakan untuk beberapa blog.

Penggantian template sebaiknya dilakukan sebelum memasukkan banyak script ke dalam blog anda untuk menghindari kekacauan tampilan akibat tidak kompatibelnya script baru dengan script template anda.

Dalam ulasan kali ini saya akan membahas tentang bagaimana cara mengganti template dengan menggunakan template gratisan yang bisa diperoleh dari situs-situs yang menawarkan template gratisan.

Prosedur penggantian template:

1. Lakukan download file (source) template dari situs berikut (anda bisa mencari lebih banyak   
    lagi template gratisan dengan batuan google, menggunakan keyword free blogger   
   ( template): Free Templates
   Akan muncul tampilan berikut:

   Klik demo untuk melihat tampilannya, jika sudah cocok pilih download untuk mendownload  
   sourcetemplatenya.
   File tersebut dalam format zip, lakukan unzip agar bisa diupload ke blog nantinya.
   Dalam tutorial ini saya menggunakan template: san-francisco-skyline.xml

2. Masuk ke Dashboard pilih Tata Letak, kemudian pilihEdit Html
    Centang Expand Template Widget, kemudian klik Browse untuk mencari file template baru  
    (san-francisco-skyline.xml)
    Klik Tombol Unggah untuk mengupdate (mengaktifkan template baru)


Tunggu hingga ada pesan sukses dan lihat perubahan tampilannya.
Penting:
Untuk mencari template yang artistik bisa disini blogger template
Untuk mencari template blogger lebih banyak lagi bisa klik disini blogger templates

dari penjelasan di atas tentang mengganti template sampai tempat untuk download template sudah saya sampaikan, jika anda berkenan mengganti template saya persilahkan ikuti petunjuk diatas