Tampilkan postingan dengan label tool. Tampilkan semua postingan

Simbol Bintang/Star Entitas HTML atau Star Symbol HTML Entities juga tool kode HTML dari Problogiz untuk membantu sobat menampilkan simbol-simbol bintang ke website/blog Anda atau dapat dirender oleh browser. Seperti sebelumnya Tool Entitas HTML Simbol Icon, dan HTML Arrow Simbol Entitas, tool ini juga sangat membantu menampilkan karakter-karakter / simbol yang tidak tersedia di keybord PC atau laptop Anda.

Contoh :
Kode HTML
★
akan menampilkan simbol bintang seperti ini ★

HTML Star Symbol Entities

★

☆

✡

✢

✣

✤

✥

✦

✧

✨

✩

✪

✫

✬

✭

✮

✯

✰

 


Recource: : www.developphp.com


Read More

HTML Arrow Simbol Entitas dan Direction Simbol Entitas adalah kode HTML (hex code) yang digunakan untuk menampilkan simbol-simbol panah atau Arrow Icon di website/blog. Dengan tool ini Anda dapat memilih simbol-simbol arrow atau simbol arah yang diperlukan, yang tidak dapat Anda temukan di tombol keybord. Sebagai contoh misalnya Anda ingin menampilkan style list
ol
,
ul
, yang berbeda seperti dibawah ini:

Icon Symbols / Ikon Simbol
Arrow Symbols / Panah Simbol
Star Symbols / Bintang Simbol

Kode simbol diatas seperti ini:
☛

Berikut referensi kode HTML Entitas untuk simbol-simbol Arrow dan Direksi


←

↑

→

↓

↔

↕

↖

↗

↘

↙

↚

↛

↜

↝

↞

↟

↠

↡

↢

↣

↤

↥

↦

↧

↨

↩

↪

↫

↬

↭

↮

↯

↰

↱

↲

↳

↴

↵

↶

↷

↸

↹

↺

↻

↼

↽

↾

↿

⇀

⇁

⇂

⇃

⇄

⇅

⇆

⇇

⇈

⇉

⇊

⇋

⇌

⇍

⇎

⇏

⇐

⇑

⇒

⇓

⇔

⇕

⇖

⇗

⇘

⇙

⇚

⇛

⇜

⇝

⇞

⇟

⇠

⇡

⇢

⇣

⇤

⇥

⇦

⇧

⇨

⇩

⇪

▲

△

▴

▵

▶

▷

▸

▹

►

▻

▼

▽

▾

▿

◀

◁

◂

◃

◄

◅

☚

☛

☜

☝

☞

☟

➘

➙

➚

➛

➜

➝

➞

➟

➠

➡

➢

➣

➤

➥

➦

➧

➨

➩

➪

➫

➬

➭

➮

➯

➰

➱

➲

➳

➴

➵

➶

➷

➸

➹

➺

➻

➼

➽

➾



Recource: : www.developphp.com


Read More

Entitas HTML / HTML Entities adalah kode HTML yang dibuat untuk membuat/render sebuah simbol di website. Kita tahu tidak semua simbol dapat diterapkan untuk menampilkan sumber kode dikarenakan keterbatasan karakter pada keybord kita. Sebagai contoh jika Anda ingin menampilkan karakter-karakter khsusus dalam website/blog, seperti simbol icon telepon misalnya, yaitu dengan cara menggunakan entitas HTML

☎
sehingga akan muncul icon ☎

Sebenaranya ada ribuan entitas HTML yang digunakan secara universal, namun saya akan berbagi yang umum saja, yang sering digunakan dan lebih dikenali oleh beberapa mayor browser. Dan juga tentu menggunakan hex code daripada menggunakan keyword key disebabkan browser compliance yang lebih baik. Misalnya ada beberapa keyword key yang gagal dirender oleh Internet Explorer, sedangkan versi kode hex simbol bekerja di semua browser.

Ada 3 macam HTML Entities yang akan saya bagikan bagi sobat Blogger yang membutuhkan untuk kali ini, yaitu:

  1. Icon Symbols / Ikon Simbol
  2. Arrow Symbols / Panah Simbol
  3. Star Symbols / Bintang Simbol
Klik untuk melihat:
Entitas HTML Arrow Simbol dan
Entitas HTML Star Simbol

ICON SYMBOLS / IKON SIMBOL

Berikut referensi entitas HTML Simbol Ikon

☠

☡

☢

☣

☤

☥

☦

☧

☨

☩

☪

☫

☬

☭

☮

☯

☀

☁

☂

☃

☄

☎

☏

☸

☹

☺

☻

☼

☽

☾

♔

♕

♖

♗

♘

♙

♚

♛

♜

♝

♞

♟

♠

♡

♢

♣

♤

♥

♦

♧

♨

♩

♪

♫

♬

♭

♮

♯

✁

✂

✃

✄

✅

✆

✇

✈

✉

✌

✍

✎

✏

✐

✑

✒

✓

✔

✕

✖

✗

✘

✙

✚

✛

✜

✝

✞

✟

✠

✱

✲

✳

✴

✵

✶

✷

✸

✹

✺

✻

✼

✽

✾

✿

❀

❁

❂

❃

❄

❅

❆

❇

❈

❉

❊

❋

◆

◇

◈

◉

◊

○

◌

◍

◎

●

◐

◑

◒

◓

◔

◕

◖

◗

◘

◙

◚

◛

◜

◝

◞

◟

◠

◡

◢

◣

◤

◥

◦

◧

◨

◩

◪

◫

◬

◭

◮

◯



Recource: : www.developphp.com


Read More


HTML Color Picker adalah tool yang menyediakan warna-warna kode HTML yang umum digunakan pada website. Warna-warna yang diwakili oleh nilai-nilai heksadesimal (metode yang paling umum untuk web)atau juga menggunakan nilai-nilai RGB dapat Anda dapatkan pada tool HTML Color tersebut.

Cara menggunakannya:
1. Pindahkan slider vertikal untuk memilih warna yang sesuai, kemudian klik pada kotak warna di sebelah kanannya untuk mendapatkan HTML color code yang diinginkan.
2. Anda dapat juga memulai dengan warna Anda sendiri, dengan cara memasukkan kode warna langsung pada kolom input paling atas.
3. Anda dapat menyimpan kode warna-warna yang telah dipilih, dibagian bawah tool.

Masukan kode warna  :
  • R
  • G
  • B
  • H °
  • S %
  • V %
#
Klik untuk menyimpan kode warna  :

Dibawah ini daftar warna-warna yang telah dipilih. Untuk menyimpan kode warna HTML untuk kunjungan berikutnya klik pada ikon pinnya.



Read More

Apa HTML Encoding Decoding?

Encoding HTML berarti mengkonversi dokumen yang berisi karakter khusus diatas kisaran normal seven-bit ASCII ke dalam bentuk standar. Jenis pengkodean yang digunakan adalah dengan mengirim ke server dalam bentuk informasi header sehingga dapat dengan mudah dan benar diurai oleh browser. Sedangkan HTML decoding merupakan kebalikan dari proses encoding. Dalam proses decoding karakter dikodekan khusus dikonversi kembali ke bentuk aslinya.

Tool ini juga disebut Parse Unparse kode HTML yang dapat digunakan pada template platform Blogspot untuk escaping/parse kode-kode HTML maupun kode Google Adsense, Chitika, Infolink, Adbrite, Adsforindian dan lainnya. Pada dasarnya tool ini akan mengkonversi semua kode HTML dan Ads code kedalam format XML yang sesuai dengan template-template Blogger.

Jika Anda mengalami pesan kesalahan/error setiap menambahkan kode HTML pada template di Blogger, ini dimungkinkan karena Anda memasukkanya sebelum kode-kode tersebut di Encoding/Parse/escaping.


Masukkan Kode HTML
Powered by: WebToolHub.com


Read More

216 Web Safe Color HTML - Hexadecimal dan RGB

216 web color, juga dikenal sebagai Web Safe Color, yang dikenali oleh semua browser dan sistem operasi, yang berarti warna-warna ini akan terlihat hampir sama dalam browser apapun.

RGB dan Hexadecimal Web Safe Color Codes

Pada dasarnya warna terdiri dari 3 set angka RGB yang mewakili nilai warna Merah, Hijau dan Biru. Warna-warna ini direpresentasikan sebagai nilai heksadesimal.

Sebagai contoh, angka heksadesimal untuk warna hitam adalah #000000. Dua angka pertama (00) mewakili jumlah warna merah. Dua angka kedua (00) menunjukkan jumlah hijau dan dua angka terakhir (00) mewakili jumlah warna biru. Sehingga dapat diartikan warna hitam, mengandung 00 jumlah warna merah, hijau atau biru, atau dengan kata lain tidak mengandung jumlah yang warna-warna merah, hijau dan biru atau 0%.


RGB dan Hex-Safe Color Codes
#FFFFFF
R=255 G=255 B=255
#FFFFCC
R=255 G=255 B=204
#FFFF99
R=255 G=255 B=153
#FFFF66
R=255 G=255 B=102
#FFFF33
R=255 G=255 B=51
#FFFF00
R=255 G=255 B=0
#FFCCFF
R=255 G=204 B=255
#FFCCCC
R=255 G=204 B=204
#FFCC99
R=255 G=204 B=153
#FFCC66
R=255 G=204 B=102
#FFCC33
R=255 G=204 B=51
#FFCC00
R=255 G=204 B=0
#FF99FF
R=255 G=153 B=255
#FF99CC
R=255 G=153 B=204
#FF9999
R=255 G=153 B=153
#FF9966
R=255 G=153 B=102
#FF9933
R=255 G=153 B=51
#FF9900
R=255 G=153 B=0
#FF66FF
R=255 G=102 B=255
#FF66CC
R=255 G=102 B=204
#FF6699
R=255 G=102 B=153
#FF6666
R=255 G=102 B=102
#FF6633
R=255 G=102 B=51
#FF6600
R=255 G=102 B=0
#FF33FF
R=255 G=51 B=255
#FF33CC
R=255 G=51 B=204
#FF3399
R=255 G=51 B=153
#FF3366
R=255 G=51 B=102
#FF3333
R=255 G=51 B=51
#FF3300
R=255 G=51 B=0
#FF00FF
R=255 G=0 B=255
#FF00CC
R=255 G=0 B=204
#FF0099
R=255 G=0 B=153
#FF0066
R=255 G=0 B=102
#FF0033
R=255 G=0 B=51
#FF0000
R=255 G=0 B=0
#CCFFFF
R=204 G=255 B=255
#CCFFCC
R=204 G=255 B=204
#CCFF99
R=204 G=255 B=153
#CCFF66
R=204 G=255 B=102
#CCFF33
R=204 G=255 B=51
#CCFF00
R=204 G=255 B=0
#CCCCFF
R=204 G=204 B=255
#CCCCCC
R=204 G=204 B=204
#CCCC99
R=204 G=204 B=153
#CCCC66
R=204 G=204 B=102
#CCCC33
R=204 G=204 B=51
#CCCC00
R=204 G=204 B=0
#CC99FF
R=204 G=153 B=255
#CC99CC
R=204 G=153 B=204
#CC9999
R=204 G=153 B=153
#CC9966
R=204 G=153 B=102
#CC9933
R=204 G=153 B=51
#CC9900
R=204 G=153 B=0
#CC66FF
R=204 G=102 B=255
#CC66CC
R=204 G=102 B=204
#CC6699
R=204 G=102 B=153
#CC6666
R=204 G=102 B=102
#CC6633
R=204 G=102 B=51
#CC6600
R=204 G=102 B=0
#CC33FF
R=204 G=51 B=255
#CC33CC
R=204 G=51 B=204
#CC3399
R=204 G=51 B=153
#CC3366
R=204 G=51 B=102
#CC3333
R=204 G=51 B=51
#CC3300
R=204 G=51 B=0
#CC00FF
R=204 G=0 B=255
#CC00CC
R=204 G=0 B=204
#CC0099
R=204 G=0 B=153
#CC0066
R=204 G=0 B=102
#CC0033
R=204 G=0 B=51
#CC0000
R=204 G=0 B=0
#99FFFF
R=153 G=255 B=255
#99FFCC
R=153 G=255 B=204
#99FF99
R=153 G=255 B=153
#99FF66
R=153 G=255 B=102
#99FF33
R=153 G=255 B=51
#99FF00
R=153 G=255 B=0
#99CCFF
R=153 G=204 B=255
#99CCCC
R=153 G=204 B=204
#99CC99
R=153 G=204 B=153
#99CC66
R=153 G=204 B=102
#99CC33
R=153 G=204 B=51
#99CC00
R=153 G=204 B=0
#9999FF
R=153 G=153 B=255
#9999CC
R=153 G=153 B=204
#999999
R=153 G=153 B=153
#999966
R=153 G=153 B=102
#999933
R=153 G=153 B=51
#999900
R=153 G=153 B=0
#9966FF
R=153 G=102 B=255
#9966CC
R=153 G=102 B=204
#996699
R=153 G=102 B=153
#996666
R=153 G=102 B=102
#996633
R=153 G=102 B=51
#996600
R=153 G=102 B=0
#9933FF
R=153 G=51 B=255
#9933CC
R=153 G=51 B=204
#993399
R=153 G=51 B=153
#993366
R=153 G=51 B=102
#993333
R=153 G=51 B=51
#993300
R=153 G=51 B=0
#9900FF
R=153 G=0 B=255
#9900CC
R=153 G=0 B=204
#990099
R=153 G=0 B=153
#990066
R=153 G=0 B=102
#990033
R=153 G=0 B=51
#990000
R=153 G=0 B=0
#66FFFF
R=102 G=255 B=255
#66FFCC
R=102 G=255 B=204
#66FF99
R=102 G=255 B=153
#66FF66
R=102 G=255 B=102
#66FF33
R=102 G=255 B=51
#66FF00
R=102 G=255 B=0
#66CCFF
R=102 G=204 B=255
#66CCCC
R=102 G=204 B=204
#66CC99
R=102 G=204 B=153
#66CC66
R=102 G=204 B=102
#66CC33
R=102 G=204 B=51
#66CC00
R=102 G=204 B=0
#6699FF
R=102 G=153 B=255
#6699CC
R=102 G=153 B=204
#669999
R=102 G=153 B=153
#669966
R=102 G=153 B=102
#669933
R=102 G=153 B=51
#669900
R=102 G=153 B=0
#6666FF
R=102 G=102 B=255
#6666CC
R=102 G=102 B=204
#666699
R=102 G=102 B=153
#666666
R=102 G=102 B=102
#666633
R=102 G=102 B=51
#666600
R=102 G=102 B=0
#6633FF
R=102 G=51 B=255
#6633CC
R=102 G=51 B=204
#663399
R=102 G=51 B=153
#663366
R=102 G=51 B=102
#663333
R=102 G=51 B=51
#663300
R=102 G=51 B=0
#6600FF
R=102 G=0 B=255
#6600CC
R=102 G=0 B=204
#660099
R=102 G=0 B=153
#660066
R=102 G=0 B=102
#660033
R=102 G=0 B=51
#660000
R=102 G=0 B=0
#33FFFF
R=51 G=255 B=255
#33FFCC
R=51 G=255 B=204
#33FF99
R=51 G=255 B=153
#33FF66
R=51 G=255 B=102
#33FF33
R=51 G=255 B=51
#33FF00
R=51 G=255 B=0
#33CCFF
R=51 G=204 B=255
#33CCCC
R=51 G=204 B=204
#33CC99
R=51 G=204 B=153
#33CC66
R=51 G=204 B=102
#33CC33
R=51 G=204 B=51
#33CC00
R=51 G=204 B=0
#3399FF
R=51 G=153 B=255
#3399CC
R=51 G=153 B=204
#339999
R=51 G=153 B=153
#339966
R=51 G=153 B=102
#339933
R=51 G=153 B=51
#339900
R=51 G=153 B=0
#3366FF
R=51 G=102 B=255
#3366CC
R=51 G=102 B=204
#336699
R=51 G=102 B=153
#336666
R=51 G=102 B=102
#336633
R=51 G=102 B=51
#336600
R=51 G=102 B=0
#3333FF
R=51 G=51 B=255
#3333CC
R=51 G=51 B=204
#333399
R=51 G=51 B=153
#333366
R=51 G=51 B=102
#333333
R=51 G=51 B=51
#333300
R=51 G=51 B=0
#3300FF
R=51 G=0 B=255
#3300CC
R=51 G=0 B=204
#330099
R=51 G=0 B=153
#330066
R=51 G=0 B=102
#330033
R=51 G=0 B=51
#330000
R=51 G=0 B=0
#00FFFF
R=0 G=255 B=255
#00FFCC
R=0 G=255 B=204
#00FF99
R=0 G=255 B=153
#00FF66
R=0 G=255 B=102
#00FF33
R=0 G=255 B=51
#00FF00
R=0 G=255 B=0
#00CCFF
R=0 G=204 B=255
#00CCCC
R=0 G=204 B=204
#00CC99
R=0 G=204 B=153
#00CC66
R=0 G=204 B=102
#00CC33
R=0 G=204 B=51
#00CC00
R=0 G=204 B=0
#0099FF
R=0 G=153 B=255
#0099CC
R=0 G=153 B=204
#009999
R=0 G=153 B=153
#009966
R=0 G=153 B=102
#009933
R=0 G=153 B=51
#009900
R=0 G=153 B=0
#0066FF
R=0 G=102 B=255
#0066CC
R=0 G=102 B=204
#006699
R=0 G=102 B=153
#006666
R=0 G=102 B=102
#006633
R=0 G=102 B=51
#006600
R=0 G=102 B=0
#0033FF
R=0 G=51 B=255
#0033CC
R=0 G=51 B=204
#003399
R=0 G=51 B=153
#003366
R=0 G=51 B=102
#003333
R=0 G=51 B=51
#003300
R=0 G=51 B=0
#0000FF
R=0 G=0 B=255
#0000CC
R=0 G=0 B=204
#000099
R=0 G=0 B=153
#000066
R=0 G=0 B=102
#000033
R=0 G=0 B=51
#000000
R=0 G=0 B=0
Read More


proBlogiz

Cek Page Load Time Blog / Website

page speed test

Saya akan berbagi Tool Online yang sederhana, namun merupakan salah satu unsur penting dalan SEO Optimasi blog/web, yaitu Website Speed TestTool ini akan memeriksa seberapa lama blog/web Anda untuk dimuat (loading time) atau  juga disebut Blog/Web Page Load Time. Dengan memeriksa kecepatan loading halaman blog, Anda akan megetahui dan memahami kondisi blog sebenarnya. Jika halaman web/blog membutuhkan waktu terlalu lama untuk dimuat (slow loading page time), pembaca/visitor tentu akan pergi tanpa sempat melihat blog kita.


Tool online Website Speed Test ini dapat Anda gunakan secara gratis untuk memeriksa waktu loading dari Blog Anda. Untuk hasil akhir dari kecepatan blog, umunya yang terbaik adalah tetap mejaga kecepatan loading blog dibawah 2 detik. Namun range yang masih ditolerir atau wajar  untuk kecepatan sebuah web/blog adalah tidak lebih dari 10 second.

Cara menggunakan Website Speed Test Tool :

1. Masukkan alamat/URL dari halaman blog/web yang ingin diperiksa kecepatannya ke dalam kotak teks. (mis. http://problogiz.blogspot.com)
Anda dapat memasukkan hingga 10 URL website/blog yang berbeda untuk diperiksa/dicek. Setelah memasukkan alamat url pertama, tekan Enter dan masukkan alamat baru pada baris baru.
2. Klik tombol "Check" .
Hasilnya akan memberikan perkiraan kasar dari kecepatan sebuah blog/web namun di beberapa titik server mungkin ada yang terlewati, sehingga menyebabkan hasil yang bervariasi.

Jika hasil disorot merah, ini berarti kecepatan website/blog ini  lambat atau offline. Jika hasilnya disorot dengan warna biru, ini berarti website ini ekstra cepat dibandingkan dengan waktu loading rata-rata.

Ayo cek kecepatan loading blog Anda sekarang, Sob!!


Website Speed Test Tool


Tidak puas dengan hasil test kecepatan loading blog Anda? Ikuti saja Sob, tips dari proBlogiz dibawah ini dalam meningkatkan performa blog dan memaksimalkan kecepatan loading time.

Try this good tool too >> PageSpeed Insights

Optimasi Image dan Gambar

Jika Anda menggunakan banyak gambar/image di halaman Blog Anda, sebaiknya dioptimalkan dengan mengurangi ukuran file. Usahakan ukuran file gambar dibawah 30Kb, Anda dapat mengedit semua gambar/picture sebelum di publis sehingga berukuran file yang lebih kecil. Gunakan software picture editing, seperti Picassa, Photoshop atau Corel Photopaint juga baik digunakan.

Saya sendiri biasanya menggunakan tool Web Optimazer Picture di Corel Photopaint sebelum publish gambar-gambar di Blogger, hasilnya cukup memuaskan walaupun ukuran file gambar yang telah dikompres hingga 60%. Satu lagi, gambar dengan ekstensi GIF juga patut Anda pertimbangkan, karena dengan meng-konvert file gambar ekstensi JPG ke GIF, selain loading lebih cepat, juga ukuran file relatif lebih kecil.

Hindari Sounds, Video dan Gadget

Maksudnya jika Anda menggunakan tool atau widget sekunder seperti music background, videos, flash programs, slideshows, gadgets dan widget yang khusus untuk membuat blog lebih attraktif, ini akan membuat loading time blog lebih lama. Hindari penggunaannya, jangan dipaksakan sebuah blog dengan mengabaikan hal yang lebih penting. Jika benar-benar ingin menggunakanya, seperti musik background, pilih file lagu atau musik yang berukuran kecil (seperti : MIDI files, WAV files). Atau daripada  menanamkan semua video ke dalam sidebar, cobalah membuat link teks. Mereka yang tertarik  dapat meng-klik untuk melihat video yang telah Anda upload ke Youtube atau host lainnya.

Koneksi Server Eksternal

Setiap koneksi ke eksternal server untuk mengambil informasi akan menambah waktu loading blog. Biasanya ini terjadi jika kita memasang banner-banner blog direktori di halaman blog. Masalahnya adalah dalam retrieving image (mengambil gambar banner) dari lokasi original gambar, secara drastis akan meningkatkan waktu loading blog.
Sebaiknya upload dahulu image banner tersebut kedalam free host, seperti google site, photobucket atau lainnya. Dan ganti url gambar aslinya dengan url yang baru Anda upload tersebut. Seperti contoh dibawah ini:

Banner blog direktori Blogvillage, kode yang berwarna biru adalah url gambar dari situs aslinya.


<a href="http://blogvillage.gotop100.com/in.php?ref=496" target="_blank"><img src="http://blogvillage.gotop100.com/lists/blogvillage/custombanners/23251.jpg" border="0" width="150" height="25"></a>

Setelah menggunakan url gambar yang telah diupload di google site :

<a href="http://blogvillage.gotop100.com/in.php?ref=496" target="_blank"><img src="https://sites.google.com/site/problogiz/blogvillage.jpg" border="0" width="150" height="25"></a>

Lakukan serupa untuk semua image button/banner. Memang perlu waktu, tapi hasil akhirnya adalah pengunjung Anda akan mendapatkan keuntungan dari hal ini. Dan juga konsisten hanya disatu tempat host saja, jika Anda upload atau menyimpan file gambar Anda. Sehingga browser hanya perlu menghubungi satu situs saja untuk mengambil semua gambar dan ini  mengurangi waktu loading halaman web/blog Anda.

JavaScript dan External Scripts

Minimalkan penggunaan JavaScripts di Blog Anda. Ini adalah sebuah bahasa kode script yang browser harus memuat, memproses dan menafsirkan. Sebuah script yang rumit mungkin memerlukan waktu untuk mengeksekusi. 

Statcounters dan Ads server seperti Google Ads menggunakan script. Jika terjadi delay atau terlambat mengirimkan  informasi dari situs Ad, Statcounters atau widget third party dapat mempengaruhi kecepatan loading blog.

Desain Blog Yang Sederhana

Banyak situs dengan desain yang sederhana dengan tanpa embel-embel apapun mempunyai waktu loading yang cepat. Pertimbangkan mengadaptasi hal ini ke blog Anda. Di antara semua template, mungkin template Minima salah satu  yang paling sederhana. Yang lain yang berisi gambar latar belakang yang tentu lebih lambat karena browser harus mengakses server terpisah untuk mengekstrak gambar backgroundnya.

Itulah Kawan sedikit tip dari saya, tentu ini sebagian kecil yang harus Anda lakukan untuk optimalkan performa blog/web. Ada banyak faktor lain yang masih menjadi homework untuk menigkatkan kecepatan loading blog kita, jika Anda ide-ide bermanfaat yang lain....Please Share with Us on commnets form below


Read More


proBlogiz

Google Developer Tools semakin konsern terhadap perkembangan pengembang web dan penggunanya, dengan tersedianya tool-tool sangat berguna dan canggih, yang memudahkan bagi jutaan pengguna dan pelanggannya. Salah satu favorit saya dari Google Developer Tools adalah Make the Web Faster, pada tool ini memungkinkan Anda untuk melakukan Analisa Dan Optimalkan Blog Dengan PageSpeed tools.
PageSpeed Blog

Kinerja atau performa yang tinggi dari sebuah Blog/Website, akan membuat keterlibatan pengunjung yang lebih tinggi, retensi (bertahan di blog Anda) yang lebih lama, dan meningkatkan pageview blog anda dan konversi. Tools ini terdiri dari 2 kategori PageSpeed ​​tool, Analysis tool dan Optimization tool, yang dirancang untuk membantu Anda mengoptimalkan kinerja website atau blog Anda.

Analysis Tool

Disini Anda menggunakan PageSpeed Insights untuk menganalisia isi (HTML, JavaScript, CSS, gambar, dll) dari suatu halaman web/blog, kemudian Anda akan mendapatkan saran agar halaman tersebut bisa lebih cepat. Mengurangi loading halaman dapat mengurangi Bounce rate dan meningkatkan Conversion rate

Bounce rate  = Jumlah pengunjung yang hanya menghabiskan <30 detik pada website /Total jumlah pengunjung

Conversion rate  = Jumlah pengunjung yang benar-benar datang dan menyelesaikan tujuan /Total jumlah pengunjung


Yang menarik jika menggunakan alat ini, adalah laporan yang sangat detail Google Servise yang tidak mungkin Anda dapatkan dengan tool lainnya. Seperti score keseluruhan blog, saran-saran atau rekomendasi yang dibagi menjadi: High priority, Medium priority, Low priority, Experimental rules dan laporan mana yang telah Anda lakukan dengan benar atau belum pada Blog Anda,
Penjelasan yang lengkap dari layanan ini benar-benar membuat Anda mengerti tentang bagaimana kondisi Blog Anda selama ini. Saran yang diberikan juga sangat membantu dan secara detail, misalnya rekomendasi untuk mengurangi Redirect Link, Skala dan optimasi image, Defer dan minimize parsing Javascript dan Compression Html dan banyak lagi yang bisa Anda perbuat untuk perbaikan Blog/web.

Di Layanan PageSpeed Insights ini Anda juga dapat melihat hasil analisa performa blog pada Mobile version, yang juga mendapatkan saran atau rekomdasi dari layanan agar performa blog ditampilan Mobile lebih baik.

Bagaimana Sob!!! Mau coba lihat kondisi Blog Anda sekarang ?
  • Langkah untuk Analisa Dan Optimalkan Blog mudah dan cepat, Anda hanya kunjungi situsnya dibawah ini: https://developers.google.com/speed/pagespeed/insights
  • Selanjutnya masukkan Alamat/URL Blog Anda di form yang telah disediakan-(lih. gambar), kemudian klik tombol Analize, tunggu beberapa detik dan laporan menyeluruh tentang performa Blog akan dimunculkan.
PageSpeed Insights

PageSpeed Insights services ini juga tersedia  open-source browser extension untuk Google Chrome dan Firefox. Dimana Anda dapat mengevaluasi performa web/blog. PageSpeed Insights akan melakukan beberapa test pada Web Server Konfigurasi dan Front-End Code. Berdasarkan seperangkat test enhanced web page performa, Anda akan mendapatkan score performa Blog Anda dan mendapatkan saran-saran agar memperbaiki perfoma blog/web, mengurangi bandwith dan biaya hosting (bagi pengguna Host berbayar)

Optimization Tool

Ini layanan Online PageSpeed yang memberikan banyak manfaat bagi perkembangan Blog/Website. Cara kerja layanan ini secara otomatis akan mempercepat loading halaman web/blog Anda. PageSpeed Service akan mengambil data konten dari server Anda, dan menulis ulang halaman tersebut dengan menerapkan perfoma web yang terbaik dan menyebarkan kepada semua pengguna internet seluruh dunia melalui server Google. Jadi ini layanan yang memberikan servise secara online pada blog/web Anda dengan dilakukan semuanya oleh Google Tool team dengan menerapkan apa yang terbaik untuk performa Blog/Web. Anda daftar dan Servise akan melakukan sisanya, namun ini masih ditawarkan dengan fungsi terbatas dan masih Trial Period. 

Tingkat kecepatan web/blog akan tergantung dari beberapa faktor, seperti konten halaman web, lokasi geografis akses, bandwidth, dll. Online PageSpeed Service saat ini ditawarkan secara gratis untuk satu set terbatas bagi pengguna web/blog selama masa percobaan. Anda dapat meminta akses ke layanan ini dengan mengisi formulirnya di https://developers.google.com/speed/pagespeed/service

All the Best for You!!!

Rekomendasi baca yang ini juga :

Read More

Cara Melihat atau Cek Posisi Posting Artikel di SERP Google

Tutorial proBlogiz kembali membagi tip dan trik Cara Mengetahui Posisi Posting di SERP Google dimana bisa Anda gunakan untuk memonitor posisi posting artikel blog di SERP Google dan melakukan tindakan yang perlu untuk optimasi SEO. Google SERP atau Google Search Engine Results Page adalah hasil pencarian oleh search engine Google terhadap halaman-halaman page atau postingan artikel sebuah blog atau website. Tentu setelah Anda selesai membuat sebuah tulisan atau artikel postingan dan mem-publish postingan maka Google akan meng-indeksnya melalui sitemap blog Anda. 

Namun apakah Anda mengetahui posisi postingan di SERP Google? Ada dimanakah atau diurutan berapakah posisi posting artikel blog Anda di halaman hasil pencarian Google search engine?
Tentu jawabanya adalah Google SERP Checker Tool yaitu sebuah alat yang digunakan untuk cek / mengetahui / melihat posisi atau urutan sebuah blog atau website, artikel postingan di halaman hasil pencarian search engine Google atau SERP Google.

Google SERP Checker Tool sangat mudah dan cepat untuk digunakan melihat posisi posting artikel di Google SERP hanya dengan cara yang praktis :
pilih domain : google lokasi negara 
                     google.co.id untuk Google Indonesia
masukkan keyword / kata kunci artikel postingan Anda
                     contoh : google serp, check google serp dll.
masukkan site URL ( alamat URL halaman posting artikel)
Selanjutnya klik tombol Check


Google SERP Checker

Klik tombol Check diatas untuk Mengetahui Posisi Posting di SERP Google

Tunggu sampai proses checking Google SERP selesai. Dan Anda bisa lihat hasilnya akan muncul pada tabel dibawahnya, yaitu keyword yang digunakan, posisi / urutan, dan history SERP.

Untuk hasil yang optimal dengan posisi 10 besar di halaman utama Google SERP adalah hasil sangat baik, tentu itu memerlukan kerja keras meraihnya posisi 10 besar Google SERP. Pastikan Anda telah melakukan optimasi SEO onPage dan hal-hal lain seperti Pagerank, popularitas blog, backlink adalah faktor yang sangat berpengaruh juga.

Selamat Mencoba
Bookmark halaman ini untuk monitor hasil Google SERP Checker Tool setiap saat
Read More

Parse Kode HTML Tool

Parse HTML atau Parse Kode HTML adalah tool atau perangkat yang digunakan untuk mem-parse atau konvert kode HTML-kode script/javascript- secara otomatis sehingga mempermudah dalam pemasangan atau instalasi di blog atau halaman posting.
Umumnya Parse HTML diperlukan untuk konvert atau parsing kode HTML pada kode-kode script iklan, seperti script iklan AdSense atau yang lain. Atau juga bagi Anda yang banyak menulis atau posting artikel dengan banyak menggunakan kode javascript yang perlu di parse atau konvert sebelum dipublish agar tidak ada problem error.

Secara sederhana proBlogiz dapat gambarkan contoh Parse Kode HTML seperti ini:
jika ingin menampilkan tulisan kode <b> about HTML Parse<b> pada halaman post maka Anda harus menulisnya seperti ini   &lt;b&gt; about HTML Parse&lt;b&gt;
seperti contoh diatas bisa dilihat kode setelah di parse :

 < menjadi &lt; dan

 > menjadi &gt;

Untuk convert atau parse kode HTML, Anda hanya memasukan atau copy paste kode HTML ke dalam area tool Parse HTML kemudian klik Convert.

Parse HTML Tool

masukkan script kode HTML kedalam kotak dibawah ini kemudian klik Convert 

Selamat mencoba dan Terima Kasih telah menggunakan Parse HTML Code Tool via proBlogiz
Read More

Google+ Followers

Submit email Anda, dapatkan update artikel:


Like Me

artikel terbaru

|Copyright © 2013| Problogiz |All Rights Reserved|