Pengalihan Blog ke Situs Lain di karenakan Script di Template

Assalamu'alaikum wr,wb.

Lama gak pernah ngurus blog, begitu mau dibuka malah redirect ke situs lain :( kacau malah gak bisa di apa-apain. Masuk ke Home page redirect, masuk ke Administrator juga redirect, jadi template gak bisa di obok-obok deh...

Tapi tenang gan, ane punya solusinya. Sebenarnya gara-gara script ini <script src='http://quiterandom.com/js/summary/summary-posts.js' type='text/javascript'/> yang nangkring di template Blog ini. Nah begitu masalahnya sudah diketahui sekarang tinggal cara untuk menghapus script tersebut di template :)

Agan perlu untuk menghapus baris kode script tersebut. Jika agan mengalami kesulitan mencari kode scriptnya, coba buka tools online di http://aw-snap.info/blogger-tool/ untuk meminta kode situs agan. Tools ini akan mengeluarkan daftar kode untuk situs agan dan menyorot baris kode yang menyebabkan redirect. Jika agan mengalami kesulitan mengakses / mengedit template karena redirect terus. Agan dapat mencoba menggunakan Firefox dengan add on Script ada di http://noscript.net/
Caranya ;

1. Buka Firefox, arahkan ke http://noscript.net/ download dan install. NoScript ini akan mencegah panggilan script yang menyebabkan redirect.
2. Login ke akun Blogger agan - www.blogger.com>
3. Setelah login di www.blogger.com, Agan akan melihat daftar pilihan atau alamat url 
4. Klik kanan pada salah satu pilihan, itu akan membuka daftar pilihan, pergi ke noscript, dan kemudian klik  blogger.com. 
5. Ini membuka dashboard agan. Klik link 'More Options' dan klik 'Template' 
6. Klik 'Edit HTML' dan kemudian klik 'Lanjutkan'. Ini akan membuka seluruh kode Template blog agan. Kemudian cari kode berikut : <script src='http://quiterandom.com/js/summary/summary-posts.js' type='text/javascript'/>
7. Hapus kode script tersebut. Lalu klik 'Simpan Template'. 
8. Kosongkan cache dan cookie. 
9. Keluar dari Blogger. 

Read more »

Cara Tetapkan Custom Redirects Dalam Blog

 

Dari semasa ke semasa, kebanyakan blog melalui banyak perubahan, seperti ada post yang ditambah dan ada juga post yang di delete oleh pemilik blog. Dalam sesetengah keadaan, anda tidak mahu orang yang berkunjung ke blog anda untuk melihat halaman 404 iaitu halaman yang akan dipaparkan apabila post yang diklik oleh pembaca blog sudah di delete oleh pemilik blog dan ini akan menyebabkan adanya broken link dalam blog anda dan akan menjejaskan SEO blog anda. Salah satu cara terbaik untuk mengelakkan perkara ini berlaku dan membuat trafik yang datang ke blog anda melalui link yang sudah di delete pergi ke arah yang betul adalah dengan menggunakan Blogger Custom Redirects yang disediakan di dalam blog anda.

Cara Tetapkan Custom Redirects Dalam Blog

Dalam tutorial blogspot kali ini, kita akan lihat bagaimana untuk menetapkan custom redirects untuk post dalam blog anda dan redirect URL lama kepada URL baru. Tapi sebelum anda redirect mana-mana URL dalam blog anda, apa kata kita tengok dulu jenis-jenis redirect yang ada. Terdapat 2 jenis redirect yang anda perlu tahu iaitu:

1. 302 redirect

302 redirect bermakna bahawa page di dalam blog anda telah berpindah buat sementara waktu. Redirect ini akan membawa pelawat blog kita ke lokasi atau halaman blog yang sesuai supaya halaman 404 atau halaman error tidak ditunjukkan kepada pelawat itu tadi. Anda boleh menggunakan 302 redirect untuk situasi seperti blog anda akan dilancarkan tidak lama lagi ataupun ketika anda ingin menutup sekejap blog anda untuk kerja-kerja ubahsuai template dan sebagainya.

2. 301 redirect

301 redirect bermaksud satu halaman dalam blog anda telah berpindah secara kekal ke lokasi halaman yang baru. Gunakan 301 redirect apabila anda ada delete atau ubah URL mana-mana post dalam blog anda. Dalam kebanyakan kes, 301 redirect ini sentiasa digalakkan untuk SEO kerana mereka akan pass link juice kepada halaman yang baru dan pelawat blog anda juga akan dapat manfaat daripada ini. Walau bagaimanapun, 301s tidak sesuai apabila anda tukar domain blogspot anda kepada custom domain seperti domain .com atau domain .my , kerana ia hanyalah redirect yang mana hanya dalam di blog yang sama, bukan kepada URL luaran blog.

Cara tetapkan custom redirects dalam blog:

Langkah #1 

Login kedalam akaun blogger anda menggunakan email dan password anda.

Langkah #2

Klik pada nama blog anda dan pilih Setting > Search preferences . Kemudian klik pada "Edit" di bahagian seperti dalam gambar dibawah 

Langkah #3

Masukkan URL lama post anda iaitu halaman yang telah didelete dari blog anda di bahagian "From"

Kemudian masukkan URL baru post anda di bahagian "To". Dan juga jangan lupa untuk tick pada bahagian "Permanent". Rujuk gambar di bawah.

Langkah #4

Last sekali anda klik pada "Save" yang dibawah "Permanent" dan selepas itu klik "Save changes" seperti gambar dibawah

Itu sahaja cara untuk tetapkan custom redirects dalam blog anda. Jika anda mahu tetapkan lagi custom redirects untuk halaman lain dalam blog anda,hanya klik pada butang "New redirect". Selamat mencuba tutorial blogspot untuk kali ini.

Read more »

Cara Membuat Redirect Link Pada Blog

Cara redirect link atau redirect url blog akan membahas tentang bagaimana cara mengalihkan suatu halaman blog yang sedang diakses oleh visitor menuju ke target alamat link/landing page lain yang anda kehendaki. Dalam dunia handphone, istilah redirect biasa dikenal dengan call divert atau pengalihan panggilan. Proses yang terjadi juga hampir sama, apabila call divert diaktifkan ke nomor tertentu, maka setiap ada incoming call ke handphone, si penelpon akan dialihkan ke nomor yang telah ditentukan sebelumnya.

Script redirect link biasanya digunakan karena beberapa hal, antara lain 

1. Migrasi CMS atau nama domain.
Migrasi artinya adalah perpindahan secara besar besar-besaran dari suatu negara blog lama ke negara blog baru, misalya berpindah dari cms blogger ke cms wordpress selfhost, atau mengganti nama domain blogspot, misalnya dari juliaperez.blogspot.com ke dewipersik.blogspot.com -tarik mang- :D
Dengan menambahkan script redirect url pada template blogger, maka setiap visitor yang menuju alamat blog lama anda akan otomatis dialihkan ke alamat link blog anda yang baru.

2. Menyingkat alamat link blog atau link afiliasi
Redirect link pada point ini berfungsi sebagai alamat bayangan atau nama alias agar lebih praktis serta mudah diingat. Sebagai contoh alamat redirect link tentang hosting gratis full feature untuk blog wordpress, http://smp1.tk/host
Sedangkan http://spyinternet.blogspot.com/ adalah contoh redirect link blog dari blog teknologi dan bisnis online
Woro-woro, kata mbah dharmo: alamat bayangan berbeda dengan custom domain yang berfungsi mengganti alamat link sebelumnya, karena alamat bayangan hanyalah nama lain, sehingga alamat link aslinya masih tetap hidup, beranak pinak dan sehat walafiat.

Script redirect link, memiliki berbagai variasi antara lain adalah

1. metatag redirect link
Syntax code:

<meta http-equiv="refresh" Content = "0; url=http://spyinternet.blogspot.com/">

2. javascript redirect link
Cara penggunaan di dalam template, dengan menambahkannya diatas kode < /head>

<script type="text/javascript">
window.location="http://spyinternet.blogspot.com/";
</script>

3. body onload redirect
Versi redirect link melalui tag body tidak setenar kedua fungsi redirect url diatas
Syntax code:

<body onLoad=window.setTimeout("location.href='http://spyinternet.blogspot.com/'",0) >
Cara penggunaan di dalam template: cari kode <body> dan ganti dengan kode di atas


Keterangan:
http://spyinternet.blogspot.com/ , silahkan anda ganti dengan link blog baru anda // replace with your blog link

Cara mengedit template blog :
Login to blogger, klik 'Rancangan' // Design
Klik 'Edit HTML' dan contreng / chekmark 'Expand.. '

Selain itu, jika anda memiliki domain khusus dan ingin menggunakan sebagai alamat untuk blog versi mobile seperti facebook mobile, anda bisa meredirect domain anda ke http://yourbloglink/?m=1

Untuk menggunakan dalam bentuk sub folder domain berhosting, anda terlebih dahulu harus membuat file index.html, dengan cara :

1. Open Wordpad/ Text Editor
Diantara ketiga redirect link HTML Global di atas, menurut saya yang terbaik adalah menggunakan htaccess -haiyah- tidak relevan karena ini area alam blogger, maksud saya script point 1, yang menggunakan metatag, sehingga salin kode berikut ini:


<html>
<meta http-equiv="refresh" Content = "0; url=http://spyinternet.blogspot.com/?m=1">
<body></body>
</html>

2. Replace http://spyinternet.blogspot.com/ dengan alamat blog yang anda inginkan

3. klik menu File - Save as
isikan File name dengan : index.html
save as type: pilih: Unicode Text Document


Klik 'Save' button, kemudian upload ke folder hosting anda


Sebagai contoh, index.html tersebut saya simpan di sub folder 'm' pada hosting http://spyinternet.blogspot.com/, sehingga saat anda mengetikan link url: http://spyinternet.blogspot.com/m, maka anda akan melihat tampilan blog http://spyinternet.blogspot.com/ dalam layout blogger mobile, kalau anda ingin yang redirect otomatis saaat visitor terdeteksi sebagai pengguna handphone atau smartphone; 

Cara Redirect URL secara global di atas sebenarnya ditujukan kepada sahabat shudai yang nampaknya menginginkan memiliki link blog khusus seperti halnya facebook mobile, sekalian untuk update posting barangkali bisa bermanfaat untuk visitor yag mungkin sedang mendarat dan tersesat disini.. -he he-

Read more »

Cara Render-Blocking Javascript Dari Jquery di Blogspot

Cara Render-Blocking Javascript Dari Jquery

Cara Render-Blocking Javascript Dari Jquery -Ada masalah dengan loading blog Anda?? Nah kali ini akan saya share kepada sobat bloggers bagaiman cara mengurangi loading blog yang lambat dengan menambahakn tag async pada javascript jquery blog.

Cara ini adalah untuk mengurangi loading blog yang agak "lemot" akibat dari penggunaan jquery pada blog kita.Karena hal ini akan muncul pada saat pengecekan di tools page speed, dan akan muncul pesan "Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas". Untuk mengatasi masalah tersebut, maka di perlukan render pada javascript dengan menggunakan atribut HTML async pada Jquery-nya.

berikut ini kode asli dari javascript jquery yang belum di pasang atribut html async:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

lalu kita tambahkan atribut html async pada javascript di atas :

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

terakhir simpan template Anda kembali :) semoga berhasil dan loading blog Anda dapat berjalan lancar :)

Read more »

Tips Cara Mengecek Kualitas Meta Tag

 

Dipostingan kali ini saya akan beritahukan Cara Mengecek Kualitas Meta Tag. Anda sudah tahukan pentingnya Meta Tag untuk optimalisasi SEO. Blog akan menjadi semakin bagus di mata spider bot jika menggunakan meta tag yang benar-benar SEO Friendly. Nah berikut adalah tips cara mengecek kualitas Meta Tag yang Anda pakai.

Berikut ini adalah langkah – langkahnya:

1. Buka metachecker.net

2. Kemudian, pada halaman yang muncul masukkan alamat blog Anda.

3. Lalu klik tombol CHECK.

4. Tunggulah beberapa saat, hingga Metachecker selesai mengecek kualitas meta tag blog Anda.

5. Setelah selesai, klik open all.

6. Maka akan ditampilkan statistic mengenai kualitas meta tag blog Anda.

7. Segera perbaiki meta tag Anda jika ada yang mendapatkan Eror atau berwarna merah.

Penjelasan:

Didalam pengecekan ini, Anda akan mendapatkan laporan kualitas meta tag yang berisi hal-hal penting yang dapat membantu Anda dalam memperbaiki kualitas meta tag blog Anda, diantaranya kualitas Description, keywords, author, title, dll. Apabila skornya tidak seperti yang Anda inginkan, segera perbaiki meta tag Anda. Setelah diperbaiki cek ulang lagi untuk mengetahuinya. Nahh, bagaimana sobat  ?? sekian dulu Tips dan Trick yang saya berikan kepada sobat, semoga bermanfaat....

Jika Anda masih ingin membaca Tutorial dan Tips Blog seperti diatas, silahkan buka DAFTAR ISI di blog ini.

Read more »

cara menyimpan script pada penyedia hosting gratis

Mempercepat loading halaman blog dengan menyimpan script pada penyedia hosting geratis merupakan alternativ yang terbaik buat para bloger mania menangani masalah leletnya atau lambatnya loading suatu blog. Buat para bloger yang bijak masalah loading halaman blog harus menjadi hal yang terpenting dalam bloging, sebab bila saat pengunjung blog sedang bloging dan membuka link URL halaman blog kita ternyata loading halaman blog kita lelet secara spontan calon pengunjung halaman blog kita akan jenuh dan beralih pada link url halaman blog yang lain. Perlu anda perhitungkan dan pertimbangkan biaya browsing pengunjung blog, apa bila pengunjung memakai modem yang mempunyai quota yang terbatas pastinya dalam membuka suatu halaman blog dia pasti berpikir, ditambah speed komputer atau lettop yang tidak mendukung halaman yang mempunyai loading yang begitu lambat pasti tidak akan di kunjungi.Banyaknya artikel yang memiliki makna dan pengertian yang sama di internet membuat para pengunjung tetap akan memilih blog yang memiliki loading yang cepet agar waktu dan materi untuk mengunjungi suatu halaman blog akan lebih irit. Hal ini saya rasa sudah lebih dari cukup untuk anda pertimbangkan mengenai loading halaman blog.
Memang banyak hal yang dapat memperlambat loading halaman blog silahkan " KLIK INI " untuk melihat faktor yang dapat memperlambat loading blog. Pada postingan saya kali ini saya akan membahas salah satu pengaruh besar terhadap loading halaman blog yaitu masalah script. Banyaknya script dan penulisan script yang terlalu panjang membuat sistem bots mesin pencari akan membaca seluruh script secara detail agar dapat diterjemahkan server dan berfungsi akan secara otomatis membuat loading halaman blog menjadi berat, Jadi cara yang paling tepat untuk mengatasi masalah script ini ada baiknya anda menyimpan kode script tersebut di hosting yang memang terpercaya.
Postingan kali ini hosting yang memang sudah teruji dan termasuk bagus untuk taraf yang geratisan salah satu hosting tersebut adalah hosting geratis untuk penyimpanan script di situs http://yourjavascript.com/ . Jadi tutorial kali ini dalam menyimpan kode script pada hosting geratis yang memang sudah direkomendasikan adalah jasa hosting script geratis dari salah satu web site yaitu http://yourjavascript.com/ . Bagaimana cara penyimpanan kode dan bentuk link yang akan kita dapatkan silahkan simak tutorial dibawah ini.

Contoh Link script

http://yourjavascript.com/23264612083/jquery-nav.js



+++++ CONTOH LINK SCRIPT UNTUK HALAMAN BLOG +++++

<script type="text/javascript" src="http://yourjavascript.com/23264612083/jquery-nav.js"></script>

Cara Penyimpanan Script

1. Silahkan kunjungi http://yourjavascript.com/
2. Setelah anda berada dihalaman situs tersebut silahkan isi form yang berada di halaman tersebut.
   
   Pada Upload Javascript file silahkan upload file script anda lebih bagus upload file dengan format [ .js ]
   
   Pada bagian Make private silahkan centang bila script anda hanya untuk domain anda atau tidak untuk umum, sebaliknya bila untuk umum silahkan lewatkan proses ini.
   
   Bagian Your Email silahkan masukkan alamat email anda pada form tersebut. Email anda sangat berguna untuk menerima kode link script yang sudah jadi.
   
   Bagian " Verification " isikan kodenya sesuai gambar CAPHCA
   
   Setelah benar benar sudah yakin akan file yang anda simpan silahkan klik icon " Upload " agar melanjut pada bagian selanjutnya. Bila hal tersebut sudah benar maka akan muncul halaman pop up untuk informasi selanjutnya dan silahkan cek email anda untuk melihat link dan link scriptnya.
   
   
3. Lihat penulisan kode link yang masuk ke email anda.
   Kode link script yang dapat anda pergunakan untuk halaman blog anda adalah seperti link script dibawah ini :
   
   
   
   <script type="text/javascript" src="http://yourjavascript.com/23264612083/jquery-nav.js"></script>

Kesimpulan Solusi yang terbaik untuk mengatasi loading halaman blog melalui penyimpanan script pada hosting yang secara geratis tersedia untuk umum, merupakan pilihan para bloger khususnya pengguna jasa blog dari blogspot.Simpan semua kode scripthalaman blog anda untuk mengurangi kelambatan loading halaman blog anda.
Salam Bloger

Read more »

Cara mematikan fungsi klik kanan dan ctrl+c

Siapa yang tidak tau dengan istilah COPAS ? pasti semua kenal dengan istilah itu, dan saya rasa kita semua setuju dengan hilangnya sistem COPAS pada dunia maya saat ini. Tapi hal tersebut sangat jauh dari dugaan dan tidak akan pernah hilang dari dunia maya. Banyaknya sistem COPAS di dunia maya membuat para pemilik situs web ataupun blog gerah dengan hal itu, sehingga para pemilik blog pasti memikirkan tehnik untuk menangkis semua hal tersebut datang mengunjunginya. Dalam menangani COPAS artikel dari halaman situs perusahaan besar yang berada di dunia mayapun bergerak untuk memikirkan hal tersebut, sebut saja situs DMCA.com. Situs ini menangani kasus dengan sistem COPAS. Para pemilik situs web ataupun blog dapat mengajukan tuntutan buat para raja COPAS agar situs web ataupun blognya dipinalti oleh mesin pencari google, hal ini tidak akan kita inginkan.

kesadaran yang kurang bagi raja COPAS yang tidak membuat link sumber dari artikel yang dia COPAS membuat perusahaan besar seperti GOOGLE meningkatkan sistemnya untuk mendeteksi setiap artikel yang telah diposting dihalaman web ataupun blog.

Dalam postingan kali ini saya mempunyai solusi untuk menangkishal itu hal tersebut, selain kita mengajukan ke google kita juga dapat mengantisipasinya dengan code tag tag html yang memang dapat berpungsi pada sistem XML yang di halaman blog khususnya blogspot. Untuk mencegah sistem Ctrl + C ataupun klik kanan kita dapat memanipulasi sistem tag tag xml pada halaman blog kita. oke langsung saja menuju TKP.

1. Masuk ke dasbor blog anda
2. Pilih TEMPLATE
3. Kemudian klik EDIT HTML
4. Cari code <body> ( gunakan Ctrl + F dan masukkan kata kunci <body> untuk mempercepat pencarian code tersebut. setelah dapat...
5. Copy code dibawah ini.
   
   

   <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

   
   
6. Setelah anda copy codenya silahkan ganti code tersebut dengan code <body> yang telah anda cari sebelumnya.
7. Klik simpan untuk menyelesaikan pengeditan.

Semoga anda dapat mengerti dengan penjelasan diatas dan artikel anda yang berada pada postingan blog anda aman.

Read more »

Cara meningkatkan trafik pengunjung blog lewat google plus

Dalam dunia bloging meningkatkan traffik harus menjadi prioritas, sebab blog ataupun situsweb tidak akan berjalan sempurnah bila pengunjungnya tidak ada. memang banyak sekali faktor dalam menunjang traffik blog, tapi dalam postingan kali ini saya memberikan suatu tips yang mungkin bermanfaat buat sahabat sahabat bloger saya. Menurut para pakar blog sosial media adalah sasaran yang tepat untuk menaikkan traffik dan saya sendiri mengakuinya bahwa hal yang mereka sebutkan memang tepat. Dan saya rasa perlu sekali untuk anda kembangkan apa yang mereka katakan.

Menurut pengalaman yang saya alami, dan sebagai bahan analisis saya tentang domain berbayar ( domain induk dengan nama kita sendiri ) jauh lebih bagus tingkat rankingnya di mata mesin pencari dari pada memakai nama domain sub seperti domain saya ini ( http://rivai-silaban.blogspot.com ), tapi buat anda yang memakai sub domain khususnya dari blogspot jangan merasa rendah dulu sebab saya sudah membuktikan dan mempunyai analisis yang begitu susahnya saya pelajari tentangmenaikkan traffik pada sub domain agar lebih optimal dimata mesin pencari ( SEO ), dan sebagai buktinya blog saya ini yang masih baru ( 3 bulan 18 hari sejak tanggal sekarang ) sudah mempunyai ranking yang lumayan bagi blog pemula dan anda dapat mencek sendiri melalui alexa. Itulah alasan saya kenapa saya membuat postingan ini karena hal ini memang perlu untuk anda ketahui.

Faktor yang mengangkat traiffik blog kita pada pembahasan postingan ini adalah sosial media yang dilahirkan oleh om google yaitu Google plouse atau GPlus ( g+ ). Gplus pada blogspot dapat mempengaruhi tingkat pengindexan pada halaman blog. Terbukti bahwa sosial media yang satu ini Gplus dapat kita jadikan sebagai Autor dan Publisher pada artikel yang telah kita posting dihalaman situs. ini lah alasan saya mengapa perlu untuk mengaitkan blog kita dengan Gplus. Untuk mewujudkannya silahkan simak tips berikut.

• Login ke blog anda
• Setelah itu lihat/klik icon Google+ yang ada di menu bar blog anda ( Sebelah Kiri )
• Setelah anda klik sekarang anda berada pada ' Setelan Google+ Anda'
• Centang box kecil dengan tulisan 'Ingatkan untuk berbagi setelah mengeposkan ?'
• Setelah itu masuk ke Gplus anda pilih 'Contributor to' lalu klik 'edit' 
• Masukkan Nama dan URL blog anda lalu save.

Untuk mengujinya keberhasilannya sekarang coba buat postingan di blog anda setelah anda publish postingan tersebut secara otomatis Gplus anda akan memberikan fasilitas halaman untuk membagikan artikel yang anda posting barusan ke Google plus anda. 

Tips 

• Bila membuat suatu postingan blog tautkan juga ke Gplus anda. 
• Buatlah suatu pesan yang menarik pembaca untuk mengunjungi sumber artikelnya ( blog anda )
• Silahkan pergunakan fasilitas gambar ( ikut gambar dalam postingan atau tidak )
• Kaitkan postingan ke pengaturan PUBLIC, LINGKARAN DIPERLUAS dan Semua lingkaran yang anda miliki. Setting untuk terbuka bukan khusus, dan bila merasa perlu kirimkan juga email.

Read more »

Cara memperkecil ukuran gambar blog dengan Photoshop

Image atau gambar sangat erat hubungannya dengan sebuah halaman web ataupun blog, baik itu designnya postnya dan sebagainya pasti berurusan dengan gambar. Banyaknya gambar suatu blog dan besarnya ukurannya sangat mempengaruhi loding blog. Format gambar pada halaman web atau blog biasanya GIF, JPEG, PNG. Format gambar inilah yang paling sering digunakan dalam aplikasi web ataupun blog. Akibat fungsi gambar sangat berpengaruh sehingga pada postingan saya kali ini, saya berharap para sobat sobat bloger dapat lebih menguasai tehnik untuk mengecilkan ukuran suatu gambar dalam halaman web ataupun blog.

Pada dasarnya memperkecil ukuran gambar dalam judul postingan kali ini bukanlah untuk mengecilkan panjang x lebar gambar tersebut melainkan memperkecil ukuran bite dari warna gambar tersebut. Dalam hal ini sistem perubahan sebuah warna yang paling ditonjolkan dalam hal ini, dimana suatu gambar itu mempunyai bite yang besar disebabkan banyaknya element pewarnaan dalam suatu gambar. Memang warnalah yang mempercantik sebuah gambar. Dan untuk mewujudkan hal itu banyak software yang mampu untuk menangani itu, dan untuk tutorial kali ini saya memakai photoshop dalam tutorial ini, sebab saya yakin software yang satu ini pasti sudah anda kenal.

Sistem pengcodean suatu gambar dalam tag HTML Valid HTML 5, dimana setelah code pengenal gambar ( <img ) baru diteruskan dengan code alternatip ( alt ) baru suatu pencarian alamat hyper text dari gambar yang tersimpan ( src=".......gif" ). Ukuran panjang x lebar ditetapkan sebagai penentu gambar. Long Description suatu gambar boleh dimuat atau tidak tergantung pemakaian ( longdesc="......." ). Untuk menunjukkan suatu gambar yang valid dan terdaftar harus mempunyai nama/judul, sehingga dalam pengcodeannya dapat kita buat dalam akhir code ( title="...." ). untuk sebagai penutup kita memakai ( / ) agar semua code tag html yang berada setelah code tag html tersebut tidak terbaca sebagai image/gambar. Lihat contoh code tag html dibawah ini dalam hal menangani pemanggilan code gambar/image.

<img alt="awal feedburner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrz3_4GOhLRh4QmLMkEdYLbjAXsfc3kYzHwh84JUFINZqiLKGo2zXkmeJM7R5Y0c7skLww0_9sI2hMez6Wumc1GR7bj7THT5Kw5nEgj0kt8Qw6bWC2tXwQ5Yvx1-NLQPoGrgzg8bHXsEI/s1600/awal.gif" width="427" height="759" longdesc="Halaman awal feedburner" title="Tahap pembuatan feedburner"/> 

Tutorial memperkecil bite gambar dengan Software Photoshop 

 

• Buka aplikasi photoshop anda, selanjutnya buka gambar yang akan anda kecilkan bitenya. Setelah anda buka, editlah sesuai dengan keperluan anda.
• Setelah anda edit, untuk menyimpan gambar tersebut silahkan klik 'File' yang berada disebelah kiri atas halaman.
• Pilih 'Save for web' atau [ Alt + Shift + Ctrl + S ] pada keyboard anda. Lihat seperti screen shot dibawah ini. 

Setelah anda klik 'save for web' sekarang anda lanjut kehalaman untuk editing image tersebut dalam bentuk format yang anda sukai. Lihat gambar dibawah ini.

 

Tahap 1
Preset : Anda dapat memlih file format sesuai dengan kebutuhan anda
GIF : Format Gambar
Selective, Diffungsi, lossy,Matte sesuaikan dengan gambar anda.
Color : Semakin anda perbessr jumlahnya semakin besar bitenya ( Ukuran ) begitu juga dengan sebaliknya.
No transparancy : Transparan dan tidak transparan
Color Table : Hasil warna gambar anda.

Tahap 2
Setelah anda sesuaikan semua silahkan anda lihat angka yang berada disebelah kiri bawah halaman anda ukuran dari bite gambar anda, lihat gambar seperti tahap 2 diatas. Format GiF ukuran 9,462K ( ukuran kilo bite gambar ) , Loding SRC 4 sec @ 28,8 Kbps.
Setiap anda edit colornya, ukuran bite ini akan berubah ubah.

Tahap 3
Setelah anda sudah yaki dengan ukuran yang anda edit silahkan pilih 'SAVE'

Simpanlah gambar anda pada folder yang telah anda sediakan untuk lebih mudah mengambilnya untuk di Upload ke server hosting web ataupun blog anda.

Semoga tutorial ini dapat bermanfaat buat anda, terimakasih atas kunjungannya salam bloger. Bila ada yang anda belum mengerti silahkan ajukan pertanyaan melalui form komentar dibawah.

Read more »

Cara membuat disclaimer di blog

Disclaimer dalam istilah dunia maya dapat dikatakan dengan sebuah aturan dan peraturan dari suatu halaman. Pentingnya pemasangan disclaimer pada suatu halaman blog berguna untuk dapat menginpormasikan terhadap pengunjung situs web ataupun blog agar dalam berinteraksi pada halaman situs baik itu berupa, Komentar, share, upload dll, agar lebih serba saling menghargai sesama pengunjung dan pemilik halaman situs.

Sebagai pengguna internet yang paling utama adalah pentingnya saling menghormati antara pengguna walupun memang pada kenyataannya sesama pengguna tidak pernah bertemu. Hal inilah yang menjadi suatu alasan dimana semakin banyaknya kasus yang telah beredar yang berujung dengan suatu hinaan dan perpecahan suatu RAS. Pentingnya suatu lisensi pengesahan undang undang ataupun tata cara penggunaan internet antara pengunjung dan owner situs harus dijaga dengan baik. Dalam postingan saya kali ini saya berharap agar para teman teman saya yang memang membutuhkan suatu lisemsi peraturan dalam halaman situsnya silahkan simak penjelasan berikut.

1. Kunjungi situs : http://www.easyriver.com/free_disclaimer.htm
2. Pada halaman silahkan isi bagian form terkait dengan identitas anda.
3. Setelah anda isi silahkan klik ' Make may disclaimer ' untuk membuat disclaimer situs anda.
4. Copy semua artikel beserta tanggal pembuatannya ataupun lisensinya.
5. Sekarang buka halaman dasbor blog anda lalu klik ' Laman'
6. Klik 'Laman Baru' kemudian pilih 'Laman Kosong'
7. Berikan judul halaman anda dengan ' Disclaimer '
8. Pastekan artikel yang tadi anda copy.
9. Save halaman anda dan buatkan suatu link untuk membuka halaman DISCLAIMER anda pada menu halaman anda, agar mudah dilihat pengunjung anda.

Read more »

Cara Membuat Blog Cepat Terindeks Google Search Engine

Tweet

Apa efek dari blog/website yang cepat terindeks/diindeks Google? Tentu saja artikel blog yang baru saja dibuat menjadi lebih cepat ditemukan oleh pengunjung blog/website yang mencari lewat Google search engine. Dan mengapa pula kok harus Google, bukankah masih ada Bing, Yahoo, Altavista dan lain-lain? Ya, tapi harus diakui dan dipahami bahwa Google lah yang saat ini masih terus merajai dunia search engine. Bahkan bisa dibilang, search engine selain Google hampir tidak memberikan efek apapun terhadap traffic.

Biasakan melakukan cek hasil indeks Google secara realtime untuk mengetahui kecepatan indeksnya. Artikel yang baru selesai dibuat di dalam blog ini biasanya terindeks kurang dari 30 menit setelah diterbitkan/publish.

Berikut ini contoh hasil kecepatan indeksnya dan artikel ini saya ambil langsung sebagai contohnya (perhatikan waktu terakhir posting):

Artikel/posting ini langsung terindeks dalam 7 menit sebelum saya sempat mengedit judulnya (saya biasa menggunakan judul sesuai keyword terlebih dahulu agar url mengandung keyword yang diinginkan, baru kemudian menghias judulnya dengan mengedit lagi, ini karena Blogspot tidak mengijinkan kostumisasi url seperti WordPress).

Awalnya saya kurang begitu memahami mengapa bisa begitu. Namun setelah mengingat pola dan kebiasaan yang dilakukan, barulah saya benar-benar mengerti efeknya. Yah, tentu saja saya jauh dari yang namanya ahli SEO blogspot, namun semoga tips-tricks blogger dari saya untuk mempercepat indeks Google terhadap blog ini bisa berguna:

1. Sebelum melakukan optimalisasi dan akselerasi indeks, pastikan blog telah didaftarkan ke Google.

2. Daftarkan pula blog melalui Free Website/Blog Submission Tool untuk memperkuatnya.

3. Buat dan daftarkan sitemap blog ke Google. Ini berfungsi untuk membantu Google membuat pemetaan isi blog dengan cepat dan tidak ada yang terlewatkan untuk di-indeks.

4. Biasakan melakukan ping url blog dan url/link posting yang terbaru sesaat setelah mem-publish/posting artikel. Ini berfungsi untuk menotifikasi ping directory, direktori-direktori, maupun layanan ping yang lain serta search engine.

5. Lakukan ping pula terhadap sitemap dengan menggunakan Google Sitemap Ping.

6. Untuk memperkuat otoritas dan popularitas link blog / website, sering-seringlah berkunjung dan berkomentar ke blog-blog dofollow dan daftarkan blog serta artikel ke direktori dan social bookmark, apapun jenis artikelnya. Backlink dapat memperkuat visibilty/authority halaman blog dan meningkatkan/mengoptimalkan SEO dan SERP blog.

Jika ada cara-cara lain untuk membuat blog cepat ter-indeks Google Search Engine, silahkan ditambahkan melalui komentar, saya akan sangat senang dan berterima kasih sekali.

Read more »

Cara Mempercepat Loading Blog (5 Kiat Optimalisasi Elemen Blog)

Kiat dan cara lengkap membuat blog di-load dengan cepat (Tutorial Lengkap)

Kecepatan loading blog adalah hal yang sangat penting, baik bagi kenyamanan pengunjung dan juga SEO. Waktu load (load time) yang terlalu lama dapat membuat pengunjung ngacir sebelum dapat membaca seluruh isi sebuah halaman.

Sebenarnya, wajar apabila blog memiliki waktu load yang agak lebih lama daripada website, karena blog identik dengan beberapa widget yang dipasang baik sebagai alat navigasi maupun untuk fungsi/fitur yang lainnya. Rata-rata semua widget tersebut banyak yang memakai javascript, otomatis waktu loading cenderung lebih lama. Ada baiknya juga jika kita melakukan minimalisasi ukuran file yang dimuat.
Kecepatan internet di Indonesia rata-rata lebih lambat dibanding negara lain, sehingga load time halaman sejauh di bawah 2 menit saya kira masih wajar dan ditolerir (mengingat banyaknya provider internet yang lemot).

Ada beberapa poin yang dapat kita lakukan untuk mengurangi waktu loading blog berdasarkan elemen-elemennya:

1. CSS

CSS (Cascading Style Sheets) adalah bahasa styling yang seringkali kita tambahkan pada HTML. Untuk mengurangi ukuran CSS pada template HTML, lakukan kompresi CSS baik secara manual ataupun dengan tool. Fungsinya adalah mengurangi besar file dan waktu baca browser. Lalu, letakkan aturan-aturan CSS di bagian atas.

2. JavaScript

JavaScript memiliki waktu baca yang cenderung lebih lama, sehingga apabila diletakkan di atas, browser akan membaca lebih dahulu, sedangkan elemen yang lain akan menunggu hingga loading tersebut selesai. Akibatnya, elemen yang ingin segera dilihat menjadi terpengaruh, terutama bagian posting/artikel. Oleh karena itu, elemen-elemen yang mengandung javascript (terutama di bagian widget) sebaiknya diletakkan di bagian bawah.

Gunakan widget-widget keluaran Blogger dan Google karena javascript-nya dapat dimuat dengan cepat. Apabila terpaksa harus menggunakan javascript eksternal, upload dan hosting file js-nya hanya untuk penggunaan pribadi. Gunakan layanan upload dan host javascript dengan load cepat dan untuk pribadi.

3. Posts (Bagian Posting)

Pada halaman utama (homepage), jumlah posting atau artikel yang ditampilkan juga mempengaruhi loading blog. Apabila posting/artikel yang ditampilkan terlalu banyak, maka waktu loading pun akanbertambah. Tampilkan artikel-artikel pada halaman utama dengan jumlah yang sewajarnya, misalnya 5. Untuk mengesetnya, buka dashboard >> Design/Rancangan >> klik 'edit' pada badan blog post >> tulis jumlah/angka posting yang ingin ditampilkan. Lihat gambar berikut:

Untuk lebih mengoptimalkannya, potong sebagian isi posting/artikel pada halaman utama dengan menggunakan fitur "auto readmore/baca selanjutnya".

4. Gambar/Image/Picture

Gambar berfungsi untuk memperindah tampilan, memberikan kesan, dan menjadi simbol perwakilan dan interpretasi isi artikel. Namun, gambar yang berukuran besar juga menghambat loading blog, oleh karena itu diperlukan adanya taktik dalam menggunakan gambar. Gambar berformat PNG memang lebih disukai karena transparansinya akan tetapi ukuran file yang dibutuhkan jauh lebih besar tapi usahakan untuk menggunakan gambar berformat JPG. Bila tetap harus menggunakan file gambar PNG, seperti pada header, background  blog maupun posting, kurangi/kompres ukurannya dengan PNG compression tool yg mengurangi kualitas gambar.

Ketka menambahkan gambar pada posting, berikan ukuran yang fixed atau buatlah thumbnail, agar browser dapat langsung membacanya dengan cepat. Misalnya:

<img width="80%" src="http://www.xxxxxx.com"/>

Ini berarti, gambar akan berukuran 80% dari gambar aslinya. Atau bisa juga dengan ukuran pixel (px), misalnya width="100px" height="100 px". Ini untuk membuatnya menjadi thumbnail (gambar preview).

Jika harus mengupload gambar ke pihak ketiga, gunakan situs upload dan hosting gambar yang load-nya cepat, misalnya Photobucket. Lihat pula list situs upload dan hosting gambar gratis lainnya yang bisa juga digunakan untuk gambar favicon (ico).

5. Widget/Gadget

Widget merupakan bagian penting dari sebuah blog. Akan tetapi jika widget yang digunakan terlalu banyak, semakin lama pula waktu loading halaman. Gunakan widget-widget yang penting dan terutama menunjang navigasi. Hindari widget-widget yang tidak begitu penting dan bahkan tidak mendukung isi blog, misalnya widget jam, kalender, photoshow, dan lain-lain. Widget tersebut saya sebut tidak penting karena sebenarnya pengunjung tidak membutuhkan itu, waktu loading jadi lebih berat, dan tidak memberikan efek apapun bagi performa blog.

Optimalkan ke-lima poin atau elemen tersebut untuk mempercepat waktu loading blog dan meningkatkan performa-nya.

Read more »

10 Situs Download Gambar Gratis Buat Blog/Web & Desain

Gambar di dalam posting blog memiliki arti penting. Gambar/image (photo or picture) bukan hanya sebagai penghias semata. Jika dipilih secara matang, gambar dapat menjadi ilustrasi isi posting blog, memperkuat nuansa, serta memberikan kesan dan dramatisasi atas tema yg diusung di dalam artikel. Selain itu, gambar juga dibutuhkan bagi halaman web/blog sebagai petunjuk/indikator navigasi, background, header, dan masih banyak lagi. Oleh karenanya, gambar tidak bisa disepelekan begitu saja oleh blogger.

Memproduksi gambar sendiri sesuai keinginan bagi kebanyakan blogger bukanlah hal mudah. Apalagi bagi blogger yg tidak menekuni bidang desain grafis atau memiliki stock gambar pribadi yg banyak. Solusinya adalah dengan mencari gambar melalui internet. Tapi tahukah bahwa tidak semua gambar dapat secara bebas dipakai? Ada beberapa kasus yg menyebutkan penuntutan/pelanggaran hak cipta atas blog yg memuat gambar tanpa credit atau seijin pemilik asli. Tentu ini bukan hal yg kita kehendaki. Sebagian besar blogger memang lebih sering mencari gambar melalui Google Image Search yg lebih praktis sesuai dengan keyword yg diinginkan. Tapi hal ini berbahaya.

Posting ini sekaligus juga menjadi tanggapan saya dalam komentar di posting pencurian konten yg menyatakan bahwa gambar yg saya gunakan dipertanyakan. Sebenarnya tidak demikian. Saya selalu menggunakan gambar-gambar free license, bahkan gambar-gambar tersebut juga memiliki lisensi gratis untuk diedit ulang bagi keperluan desain blog/web, komersil, dan desain grafis. Apakah benar ada situs download gambar gratis demikian? Ada banyak! Ratusan! Kualitas gambar-gambarnya pun tidak perlu dipertanyakan lagi. Very high quality images for free! Mulai dari photo, vector, ordinary images, icons, sampai very artistic images are ready for free use, sodara-sodara! Dengan menggunakan gambar-gambar demikian, kualitas posting dan originalitasnya pun semakin tinggi. So, lebih baik hentikan pencarian gambar dari Google; gunakan/download gambar sebebas-bebasnya dari situs-situs berikut (short url digunakan semata-mata untuk menghindari link juice):

1. Photobucket

Situs hosting dan penyedia gambar terbesar. Ratusan foto/gambar berkualitas diupload setiap detiknya. Untuk memudahkan pencarian gambar sesuai tema, Photobucket menyediakan fitur search yg punya akurasi tinggi. Jika ingin melakukan hosting sekaligus, buat akun gratis. Bahkan foto yg diupload pun bisa dibuat private, sehingga tidak muncul di pencarian. Tempat favorit saya untuk berburu gambar bertema apapun!

2. IconArchive

Ratusan ribu icon web/blog atau komputer siap digunakan untuk memperindah blog. Icon set dapat memperkuat themes/templates blog karena memiliki keselarasan desain dan warna. Iconarchive juga menghosting gmabar-gambar icon tersebut. Jadi jika malas download dan upload lagi, langsung saja gunakan diret url gambarnya!

3. EveryStockPhoto

Foto-foto berkualitas dan beresolusi tinggi serta memiliki kekuatan artistik disediakan oleh situs ini. Salah satu situs favorit saya untuk mendapatkan gambar sebagai penguat tema artikel. Fngsi search nya dapat digunakan untuk mencari gambar lintas situs penyedia gambar gratis.

4. stock.xhcng

Situs pecinta foto dengan komunitas besar. Menyediakan banyak foto artistik yg siap dipakai untuk background maupun ilustrasi artikel. Situs ini kini di-handle penuh oleh Getty Images, sebuah perusahaan besar yg me-manage banyak situs image/gambar berkualitas.

5. Flickr

Situs gambar gratis milik Yahoo! yg menjadi favorit para blogger dan interneter untuk mencari gambar-gambar gratis berkualitas tinggi. Sebagian memiliki lisensi. khusus. Namun cukup banyak gambar yg dapat dipakai secara bebas tanpa batasan.

6. MorgueFile

Ribuan foto yg dapat digunakan sebagai inspirasi dan referensi desain grafis. Dapat digunakan secara bebas untuk keperluan desain, baik yg pribadi maumpun komersial.

7. FreePixels

Freepixels menawarkan banyak foto beresolusi tinggi baik untuk keperluan personal maupun bisnis (komersial). Memiliki kategori yg sangat banyak untuk memudahkan naviugasi serta terdapat fungsi search untuk langsung mencari foto dengan tema tertentu.

8. Dreamstime

Situs penyedia foto/gambar gratis dengan koleksi yg sangat banyak; sekitar 9 juta gambar/foto siap didownload dan digunakan. Terdapat dua jenis foto sebenarnya, yg gratis dan dijual. Url di atas langsung saya arahkan untuk gambar gratis.

9. DeviantArt

Salah satu situs besar favorit saya. Situs ini adalah tempat berkumpul para artis desain grafis dan fotografer untuk bertukar ide dan gambar karya mereka. Gambar/foto yg menjadi koleksi luar biasa besar jumlah, kualitas, resolusi, serta nilai artistiknya. Download gambar tanpa perlu registratis terlebih dahulu. Link di atas langsung saya arahkan ke bagian resources stock image.

10. Picfndr

Yg terakhir ini sebenarnya buka(n) situs penyedia image gratis. Namun situs untuk mencari gambar gratis yg bebas license, baik untuk keperluan pribadi atau komersil. So, ga perlu lagi Google Image Search yg riskan itu! Pencarian dilakukan berdasarkan setting tertentu; terdapat menu setting di sebelah kiri untuk mendapatkan akurasi pencarian, baik setting keyword, jenis lisensi, pembatasan untuk gambar yg butuh atribusi (credits) atau tidak, dll. Gambar-gambar yg dimunculkan di hasil pencarian berasal dari ratusan situs penyedia gambar gratis yg terjamin lisensi gratisnya. Situs ini yg paling sering saya gunakan untuk mencari gambar ilustrasi posting. 

Masih ada banyak lagi situs-situs semacam di atas. Sebagian lain memiliki koleksi yg tidak begitu banyak meskipun tidak kalah kualitas gambarnya. Dalam kesempatan lain, bila memungkinkan, akan ditambah situs-situs lain untuk memperkaya resource kita untuk mendapatkan gambar gratis berkualitas tinggi bagi blog/web, desain, maupun kepentingan lain.

Have a nice blogging, mates!

Read more »