Wednesday, January 2, 2019

Topik Blog atau Niche yang paling banyak menghasilkan Uang

Niche merupakan hal paling penting dalam sebuah blog. Niche atau topik utama juga sangat mempengaruhi besar kecilnya atau rendah tingginya CTR yang berpengaruh terhadap penghasilan yang kita dapatkan setelah menjadi publisher Adsense.

Namun pengalaman saya setelah menjadi publisher adsense saya hanya berharapkan untuk segera gajian atau mendapatkan uang setiap bulannya. Tetapi hal itu tidak terjadi karena jika ingin mendapatkan penghasilan tiap bulan dari adsense minimal pageviews perhari harus 2000 sampai 4000 views jika ingin gajian tiap bulan.
Topik Blog atau Niche yang paling banyak menghasilkan Uang

Untuk master atau yang sudah berpengalaman dalam dunia blogging mungkin hal tersebut bisa terjadi, tetapi untuk pemula seperti saya yang masih belajar bagaimana cara meningkatkan trafik blog.

Untuk Proses mendaftarkan Google Adsense sampai full approve, saya tidak memiliki kendala karena pada umur blog masih baru yaitu kisaran 1 bulanan kemudian saya mencoba mendaftarkan ke Google Adsense dan 2 hari kemudian blog tersebut sudah di terima oleh Google Adsense.

Baca juga : Cara daftar Google Adsense nonhosted terbaru

Karena blog tersebut masih terbilang baru karena umurnya masih beberapa minggu, yang kontenya masih sedikit dan belum tentu ninche apa yang cocok untuk google adsense, otomatis trafik blog saya dan klik iklan pun sangat sedikit, dan visitor pun tidak lebih dari 100 visitor perharinya. Dan akhirnya, penghasilan pun kecil dan tidak lebih dari $0,10 atau Rp 1000-3000 per harinya.

Dengan sedikitnya penghasilan yang saya dapat tidak membuat saya menyerah, saya terus melakukan riset sambil mengisi konten dan akhirnya saya telah mengetahui ninche yang paling banyak menghasilkan adalah sebagai berikut :

1. Niche pendidikan

Niche pendidikan seperti informasi pendidikan, tutorial aplikasi , informasi dunia IT,dll. Karena ninche seperti ini akan sering di cari oleh orang lain dan juga sangat bagus untuk trafik blog anda.

2. Niche Internet Marketing

Berdasarkan pengalaman pribadi, niche Marketing cukup baik untuk pendapatan AdSense.

3. Niche wisata dan traveling

Niche wisata dan traveling banyak dicari pengguna internet karena konten wisata dapat dikonsumsi oleh pembaca umum. dengan desain template terbaik untuk AdSense, niche wisata akan mendatangkan klik iklan yang cukup banyak.

4. Niche kesehatan

Niche kesehatan kebanyakan mengandung keyword abadi yang informasinya dibutuhkan oleh semua orang. Oleh sebab itu, banyak yang memasang iklan mengenai kesehatan dan juga jasa perawatan yang lumayan mahal bayaran per kliknya

5. Gadget

Blog yang membahas tentang gadget memiliki visitor yang sangat lumayan untuk adsense, Selain itu juga dengan adanya kemajuan teknologi smartphone sekarang orang akan banyak mencari topik ini yang sekaligus memengaruhi pendapatan adsense.

6. Investasi 

Investasi memang banyak menghasilkan karena bayaran per klik iklannya lumayan besar-besar seperti halnya Forex, Bitcoin, Crypto memiliki pendapatan yang agak besar dan juga sangat memengaruhi penghasilan adsense anda.

7. Resep makanan

Memang resep makanan sudah tidak asing lagi akan tetapi orang yang mencari resep makanan adalah ibu-ibu rumah tangga yang paling banyak menshare postingan menurut hasil riset saya. Cara mencari resep masakan bisa kalian lihat di grup-grup facebook dan coba share disana, saran jangan sering share di sosmed.


Baca juga : cara memilih niche atau topik yang tepat untuk blog


Tips Memilih Niche paling cocok untuk AdSense


1. Pilih konten yang banyak dicari pengunjung

Pilih konten yang tepat dan juga paling banyak di cari orang karena konten yang sedikit di cari akan memengaruhi trafik blog anda dan juga pendapatan adsense.

2. Pilih konten yang anda minati sekaligus menarik

Dari sekian banyak niche blog, pilih niche yang paling anda minati karena jika anda meminati konten tersebut maka orang lain pun akan meminatinya.

baca juga : cara mencari topik yang populer dan paling di cari

Itulah niche yang paling banyak menghasilkan yang bisa saya share hari ini. Jika Anda tidak sependapat atau punya niche lain yang lebih tepat untuk AdSense silakan share pada kolom komentar. Terima kasih, semoga bermanfaat!

Friday, December 28, 2018

Pengertian Google Site Link dan Fungsinya

Pernahkah kalian melihat sebuah link ketika melakukan pencarian suatu website atau blog dan melihat ada link di bawahnya? Jika iya , itu adalah yang namanya Site Link atau biasa di sebuat google site link. Lalu apa pengertian google site links ini?

Bagi kalian yang baru memasuki dunia blogging pasti kebingungan akan tetapi orang yang sudah lama di dunia blogging pasti sudah tidak asing lagi dengan yang namanya site link ini bahkan ada juga yang blognya sudah mendapatkan site link.
Pengertian Google Site Link
Google Site Link
Nah pada artikel ini saya akan membahas mengenai pengertian dan fungsi dari google site link bagi kalian yang masih belum tau apa google site link itu. Karena masih awam mengenai google site links ini.

Pengertian Google Site Link

Google Site Links adalah sekumpulan link yang terdapat pada hasil pencarian search engine Google yang ada di bawah link blog atau situs tertentu. Link tersebut merupakan link yang mengarah ke situs dari website tersebut bukan sebaliknya yaitu link yang mengarah ke situs lainnya, sehingga dengan adanya itu bisa memberikan suatu kemudahan untuk para pengunjung blog kita. Jika belum paham bisa lihat contoh pada gambar berikut ini :
Pengertian Google Site Links dan Fungsinya
Contoh Site Link
Di dalam gambar tersebut terdapat link utama blog saya dan di bawahnya terdapat 4 site link yang di berikan oleh google memang site link tergantung dari pemberian oleh google ada yang di beri mulai dari 2 site link sampai 6 tergantung kualitas dari blog atau website yang anda miliki.

Fungsi dari Google Site Link

Menurut pandangan saya google site link memiliki 2 fungsi yaitu untuk admin atau pemilik blog dan juga untuk client atau pengunjung situs.

1. Admin atau pemilik

Site Link bermanfaat sebagai alat penambah trafik otomatis karena biasanya site link berisi link yang memiliki kredibilitas atau kualitas yang tinggi sebab si pengunjung biasanya agak tertarik untuk mengklik link tersebut. Dan juga dengan adanya site link bisa menandakan bahwa blog tersebut berkualitas.

Baca juga : Cara membuat artikel yang berkualitas baik


2. Pengunjung atau visitors

Kalau untuk para pembaca silahkan baca ulasan dari Google ini : "The links shown below some of Google's search results, called sitelinks, are meant to help users navigate your site. Our systems analyze the link structure of your site to find shortcuts that will save users time and allow them to quickly find the information they're looking for."

Jika diartikan, kira-kira jadi seperti ini : "Link yang muncul dibawah beberapa hasil pencarian Google, disebut sitelinks, dimaksudkan untuk membantu pengguna dalam menavigasikan situs anda. Sistem kita menganalisis struktur link dari situs anda untuk mencari jalan pendek yang bisa mnyelamatkan waktu pengguna dan memperbolehkan mereka untuk menemukan informasi yang mereka cari dengan cepat."

Baca juga : Cara Meningkatkan Trafik Pengunjung Blog

Jadi, yang dapat kita simpulkan adalah Google Sitelinks dapat menghemat waktu pengguna untuk mencari informasi yang dicari dengan cepat.

Manfaat dari Google Site Link

Setelah saya memberikan penjelasan mengenai pengertian sitelinks dan fungsi sitelinks di atas tadi. Selanjutnya saya akan memberikan penjelasan yang terakhir yaitu manfaat dari Google sitelinks. Menurut saya google site link memiliki 4 Manfaatnya Yaitu :

1. Menunjukan bahwa blog berkualitas

Maksudnya seperti yang saya jelaskan di atas bahwa jika ada sebuah blog yang memiliki site link maka blog tersebut berkualitas karena kualitas berbanding jauh dengan kuantitas. Kualitas tersebut dapat dilihat dari sisi konten blog dan lain-lain, seperti penggunaan template atau tema yang baik, semua artikel sudah terindex dengan benar di halaman google dan masih banyak lagi. Sehingga dengan begitu pengunjung memiliki suatu kepercayaan yang tinggi pada blog atau website tersebut.

Baca juga : Cara agar semua postingan terindex oleh Google

2. Meningkatkan Trafik Blog Anda

Memang seperti yang sudah di jelaskan di atas bahwa Site Link bermanfaat sebagai alat penambah trafik ke blog kita melalui link tersebut. Karena jika kita telah mendapatkan kepercayaan maka mudah bagi kita untuk mendapatkan pengunjung.

3. Peringkat Blog berada di pertama

Jika blog kita terdapat site link sudah bisa di pastikan bahwa blog kita berada di peringkat pertama dalam mesin pencarian google atau SERP (Search Engine Result Page), karena salah satu syarat blog atau website bisa mendapatkan sitelinks yaitu harus menempati posisi pertama terlebih dahulu di mesin pencari. Sehingga jika blog kalian sudah berada di posisi pertama maka kemungkinan besar blog kalian bisa mendapatkan sitelinks.

Baca juga : Tips Agar postingan bisa SERP


4. Membantu SEO blog Anda

Ini adalah salah satu dari manfaat Site Link yaitu meningkatkan SEO yang ada pada blog kita. Karena bisa menambah Inbound Link yang ada di blog kita dan bisa mendorong si artikel yang di tuju untuk menjadi lebih SERP.


Cara Mendapatkan Site Links

Sebenarnya tidak ada cara yang pasti karena seperti yang saya sebutkan site link merupakan pemberian oleh google jadi saran saya adalah buatlah sebuah blog yang berkualitas dan juga jangan membuat blog yang berisi artikel copas karena bisa membahayakan blog yang anda miliki.

Jadi kesimpulannya adalah buatlah artikel semenarik mungkin dan juga jangan lupakan SEO karena ini penting. Sitelinks itu otomatis. Maksudnya, Google hanya akan memberikannya otomatis jika menurut google pantas.

Tuesday, December 25, 2018

Cara Memasang Widget Fanspage Facebook di Blog atau Website

Facebook adalah sebuah jejaring sosial media yang sangat terkenal dikalangan anak-anak milenial karena dengan facebook kita bisa terhubung dengan orang luar negri sekalipun jarak memisahkannya, Facebook memiliki sebuah fitur fanspage apa itu?
Cara Memasang Widget Fanspage Facebook di Blog atau Website
facebook
Fans page  facebook adalah sebuah halaman khusus seperti halnya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnya. Beberapa orang ahli pun pasti memiliki pengertian fans page facebook sendiri sesuai dengan apa yang mereka pelajari.

Manfaat Fans Page Facebook adalah untuk mengumpulkan prospek (fans) sebanyak-banyaknya dan kemudian kirimi pesan-pesan marketing untuk menghasilkan penjualan.  Dengan semakin banyaknya jumlah Fans / penggemar halaman / page facebook anda, maka akan semakin besar pula peluang anda mendapatkan uang.
Cara Memasang Widget Fanspage Facebook di Blog atau Website
Contoh Fanspage Facebook
Tetapi fanspage facebook juga bisa kita gunakan sebagai branding dari sebuah blog atau website yang kita miliki jika kalian yang tidak memiliki sebuah bisnis secara online. Dengan cara memasangkan widgetnya pada sebuah blog kalian atau website yang kalian miliki tetapi tutor kali ini saya akan memberikan tutorial untuk blogger

Berikut adalah cara Memasang Widget Fanspage Facebook tersebut :

1. Login kepada akun blogger kalian.
2. Kemudian masuk ke menu layout dan selanjutnya buat gadget baru dan pilih HTML/Javascript
3. Jika sudah copy code di bawah ini :
<div style=".background-color:#F4F4F4;width:300px;padding:0;height:250px;height:250px;overflow:hidden;"><div style="height: 250px; overflow: hidden;">
<iframe src="https://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/haqtips&amp;width=300&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
4. Jika sudah kalian ganti https://www.facebook.com/haqtips dengan nama url facebook fanspage facebook kalian , jika belum diganti maka yang akan muncul malah fanspage milik saya
5. Setelah itu Save dan lihat hasilnya sebagai contoh lihat widget di kanan jika kalian memakai PC sedangkan scroll ke bawah jika kalian memakai HP.

Untuk memasang di website tinggal copy saja kode tersebut dan simpan di mana kalian inginkan.

Wednesday, December 19, 2018

Pengertian Outbound Link dan manfaatnya

Jika kita berbicara tentang outbound link pasti banyak yang mengartikan bahwa ini adalah link keluar, Sebenarnya jawaban itu tidaklah salah tetapi kurang tepat. Saya sering menjumpai blogger dan pemilik website di beberapa komunitas yang takut memasang link keluar atau outbound link. Tetapi apa itu Outbound link itu?, Untuk itulah saya akan menjelaskannya.
Pengertian Outbound Link dan manfaatnya
Outbound Link

Pengertian Outbound Link

Outbound Link adalah kebalikan dari inbound link yaitu link dari postingan kita atau homepage yang mengarah pada website atau blog milik orang lain. Jika kita membangun suatu outbound link terhadap suatu blog maka hal tersebut merupakan inbound link bagi web/blog dan sebaliknya jika suatu web/blog membuat outbound link terhadap blog kita maka hal itu juga menjadai inbound link bagi blog kita. Karena dua hal ini saling berkaitan.

Baca Juga : Pengertian Inbound Link dan manfaatnya

Dari penjelasan tersebut bisa kita pastikan bahwa yang dapat kita lakukan adalah membangun suatu outbound link. Sedangkan Inbound link akan tercipta dengan sendirinya jika kita memiliki page rank yang tinggi.

Memang membangun outbound link bisa mendapatkan banyak backlink agar posisi blog kita bisa kita optimasikan. Untuk mendapatkan backlink yang bagus kita dapat mencoba melakukan outbound link terhadap website atau sebuah blog yang memiliki PR dan SEO yang tinggi.

Yang perlu diperhatikan dalam membangun Outbound Link adalah sebagai berikut :

  1. Perhatikan penggunaan Anchor Text-nya (teks yang dipergunakan untuk menempelkan link dalam postingan kita) dan juga Usahakan menggunakan Anchor text berupa kata kunci (keyword) yang berbeda-beda.
  2. Hindari penggunaan anchor text dengan menggunakan teks yang sama dengan alamat URL blog. Sebagai contoh, alamat URL blog ini adalah http://haqtips.blogspot.com.
  3. Jika kita ingin membuat link terhadap URL tersebut, usahakan untuk tidak menggunakan alamat URL tersebut sebagai anchor textnya, kita dapat menggunakan anchor text Haq Tips (nama blog ini), atau keyword lain yang relevan.
  4. Usahakan menggunakan anchor text berupa keyword yang sesuai dengan tema blog kita, atau kategori postingan kita.
  5. Usahakan untuk tidak menempatkan anchor text hanya pada satu bagian tulisan saja, namun kita dapat menempatkannya pada paragraph pertama, paragraph tengan, dan juga paragraph akhir.
  6.  Kita dapat membuat link yang mengarah kepada blog kita sendiri atau bahkan pada postingan lain dalam satu blog yang kita anggap mempunyai backlink yang bagus.
  7.     Usahakan untuk membuat Outbound Link pada setiap halaman postingan.


Apakah Outbound link berdampak buruk bagi SEO?

Tidak justru outbound link berdampak positif karena fakta yang ada justru bertentangan dengan pendapat yang bertebaran di situs-situs komunitas. Link keluar malah berdampak positif untuk SEO.

Link keluar yang dimaksud adalah kalau anda menggunakan website lain yang terpercaya sebagai sumber konten anda, atau konten di website lain yang anda ingin pengunjung anda membacanya juga.

Baca juga : Pengertian SEO dan manfaatnya untuk Blog

Dalam ilmu SEO, link bekerja seperti voting atau rekomendasi. Website yang mendapat vote atau rekomendasi dari website lain yang punya “nama baik”, poinnya akan bertambah. Poin ini yang menentukan peringkat website di hasil pencarian.

Jadi kesimpulannya, jangan ragu memasang Outbound link menuju website lain yang anda percaya.

Monday, December 17, 2018

Pengertian Inbound Link dan manfaatnya untuk blog

Hai sobat haq tips kali ini saya akan menjelaskan apa itu inbound link. Sebelumnya saya banyak menemui blogger di forum diskusi yang agak kurang paham tentang Apa itu Inbound Link kebanyakan mereka rata-rata mengartikan inbound link itu adalah sebuah link yang mengarah dari postingan kita ke postingan kita yang lain ataupun ke halaman yang ada di blog kita.
Pengertian Inbound Link dan manfaatnya
Inbound Links
Tetapi itu hanya sebagian kecil dari pengertian Inbound Link. Nah pada kesempatan kali ini saya akan menjelaskan inbound link dan manfaatnya bagi SEO.

Jadi, gini penjelasan mengenai inbound link itu adalah suatu link yang ada di dalam postingan kita atau dari laman homepage blog kita tersendiri maupun dari blog milik orang lain yang mengarah pada blog kita.

Jadi begini kejadiannya : Jika Blog A membuat link kepada situs B maka bisa kita katakan bahwa Blog A mempunyai Outbound Link ke Situs B dan Situs B mempunyai Inbound Link terhadap situs A.

Baca Juga : Pengertian Outbound Link dan Manfaatnya

Maka bisa kita katakan bahwa Inbound Link itu adalah sebuah link yang menuju atau masuk ke website atau blog milik kita maupun milik orang lain.

Inbound Link akan tercipta dengan sendirinya setelah kita mempunyai page rank yang bagus. Setelah mendapatkan peringkat blog yang tinggi dan efek selanjutnya adalah kita akan mendapatkan Inbound Link dari blog/web lainnya.

Makanya saya sarankan untuk membuat konten yang menarik dan bagus agar blog atau website kita bisa mempunyai page rank yang bagus dan bisa bertahan di mesin pencari.

Baca juga : cara memilih konten yang menarik dan unik untuk blog

Manfaat Inbound Link untuk Blog

1. Meningkatkan kualitas backlink kita
2. Sangat bagus untuk SEO
3. Bisa mendorong postingan yang tidak terindex menjadi terindex
4. Bisa memperkaya Keyword bagi blog
5. Memperbanyak Internal Link
6. Dan bisa menambah Page Rank Blog kita

Itulah Pengertian Inbound Link dan manfaatnya untuk blog jika ada yang ingin ditanyakan atau request artikel kalian bisa komen atau hubungi saya halaman kontak, sekian dan terima kasih.

Sunday, December 16, 2018

Pengertian Konten News atau Trend dan Legenda atau abadi

Hai sobat blogger ketemu lagi dengan saya di haq tips. Pada postingan sebelumnya kita telah membahas cara memilih topik atau ninche untuk blog yang menjelaskan bagaimana cara memilih topik yang baik dan benar. Nah jika kalian sudah membacanya pasti udah melihat kata konten News atau Trends dan Legenda atau abadi.
Pengertian Konten News atau Trend dan Legenda atau abadi
Konten Adalah Raja
Pada saat kita mau memulai membuat blog hal pertama yang kita perlukan adalah sebuah konten. Konten adalah raja bagi blog atau website kita karena konten itu bisa menjual.

Apa maksudnya? , Iya memang betul konten bisa menjual bukan cuma sebagai hiburan, panduan ataupun informasi. Nah kita sebagai blogger memerlukan sebuah konten untuk menjual apa yang akan kita bawakan nantinya.

Tetapi tahukah kalian bahwa konten itu terdapat 2 bagian yaitu yang abadi atau legenda dan juga news atau berita.

Pada pembahasan sebelumnya arti konten legenda adalah konten yang akan selalu diperlukan oleh orang lain dan tidak akan padam meskipun tidak terlalu populer maksudnya adalah konten tersebut akan tetap di cari banyak orang namun saingannya sangat banyak. Kebanyakan konten legenda merupakan sebuah konten yang banyak manfaatnya.

Contoh konten legenda adalah Artikel yang menjelaskan sesuatu atau artikel yang berisi tutorial. Blog personal juga merupakan salah satu konten legenda.

Selanjutnya adalah konten news/berita?

Maksudnya konten yang berfokus terhadap berita baru atau terupdate. Namun kelemahannya adalah Anda harus membuat sebuah artikel setiap hari dan juga jika anda membuat sebuah konten berita yang sama dengan Blog atau website lain anda akan kalah saingan karena rata-rata yang membuat konten berita adalah website-website besar seperti BBC, Tribun News, Dan masih banyak lagi.

Jika kalian sudah mengetahui pengertian dari kedua jenis konten tersebut maka selanjutnya kita tinggal memilih jenis konten mana yang akan kita bawakan kedepannya. Untuk itu saya akan membagikan tipsnya.
Pengertian Konten Berita atau Trend dan Legenda atau abadi
Konten Berita


1. Konten Legenda

Untuk kalian yang memiliki knowledge/wawasan yang luas kalian cocok di jenis konten ini karena kebanyakan konten legenda berisi informasi yang informatif maksudnya ilmu yang sedang di cari orang.

Misalkan anda memiliki pengetahuan di bidang multimedia kemudian kalian ingin membuat sebuah konten yang berisi materi tentang dunia multimedia kalian bisa memilih jenis konten ini. Enaknya jenis konten ini banyak bahan untuk konten tetapi akan ada saingan yang lama tetapi hal ini bisa di atasi dengan memanfaatkan SEO.

Baca juga : Pengertian SEO dan Manfaatnya untuk blog

2. Konten Berita

Untuk kalian yang suka baca berita terbaru kalian bisa mengambil jenis konten ini. Tetapi saya sarankan jika kalian ingin membuat blog dengan jenis konten ini kalian harus bisa memilih topik yang relevan dan menjurus.

Misalkan anda suka bola dan ingin menulis tentang berita bola kalian harus fokus, Maksudnya anda harus membuat konten berita tentang dunia persepakbolaan jangan sekali-kali membuat konten berita yang bukan tentang bola.

Nah sekarang kalian sudah jelaskan dan sudah mulai bisa memilih jenis konten yang akan kalian bawakan nantinya jika ada yang ingin kalian tanyakan bisa ditanyakan di kolom komentar atau halaman contact.

Thursday, November 29, 2018

Cara membuat tools CSS Minifier atau Minify di Page atau Halaman Statis Blogger

Pada kesempatan kali ini Haq Tips akan memberikan sebuah tools yang bermanfaat sebagai pengkompressi kode CSS, dengan mengkompres kode CSS di template kalian bisa mempercepat loading dari website atau blog kalian karena itu juga sangat mendukung SEO untuk blog kalian. Oke langsung saja cara memasangnya.
Cara Membuat CSS Minifier di Blogger

1. Pertama kalian harus membuat sebuah halaman statis atau page di blog. caranya buka blogger -> Page -> Buat baru
2. Kemudian kalian harus pindah mode dari compose ke mode html
3. Letakanlah kode berikut dan simpan

<div id="cssminifier">
<style scoped="" type="text/css">
#cssminifier{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
#cssminifier textarea{width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:5px 5px 0 0;resize:none}
textarea:focus{background-color:#FFF;color:#303030}
#cssminifier .box{margin:10px auto 30px;color:rgba(255,2255,255,.6);}
#cssminifier .box p{margin:0 0 2px}
#cssminifier button{cursor:pointer;}
#cssminifier .col{width:48%;margin:0 auto 30px}
#cssminifier .left{float:left;margin-left:1%}
#cssminifier .right{float:right;margin-right:1%}
#cssminifier .button-group{background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:0 0 5px 5px}
#cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:4px;margin:0 5px;border:0;transition:all .1s}
#cssminifier button:hover,#cssminifier button:active{background:#fff;color:#2980b9}
#cssminifier button[disabled],#cssminifier button[disabled]:active{background:#fff;}
#cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 0 0 10px;vertical-align:middle;border:none;outline:none}
#cssminifier br{display:none}
</style>
<span class="clear"></span>
<textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea>
<div class="button-group">
<div class="box">
<input class="opt1" id="stripAllComment" type="checkbox" /> 
<label for="stripAllComment">Strip all comments</label>
<input class="opt2" id="superCompact" type="checkbox" /> 
<label for="superCompact">Super compact</label>
<input class="opt3" id="betterIndentation" type="checkbox" /> 
<label for="betterIndentation">Keep indentation</label>
<input checked="" class="opt4" id="keepLastComma" type="checkbox" /> 
<label for="keepLastComma">Remove the last semicolon</label>
</div>
<button onclick="compressCSS(&quot;cssField&quot;);">Compress CSS</button>
<button onclick="clearField(&quot;cssField&quot;);">Clear Field</button> 
<button onclick="selectAll(&quot;cssField&quot;);">Select All</button>
</div>
<div class="clear">
</div>
<script type="text/javascript">
function get(e){return document.getElementById(e)}function highlightCode(e){if(hc.checked){var a=e.innerHTML;a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/\'(.*?)\'/g,"<span class='st'>'$1'</span>").replace(/\"(.*?)\"/g,"<span class='st'>\"$1\"</span>").replace(/(\{|\n|;)?(.[^\{]*?):(.[^\{]*?)(;|\})/g,"$1<span class='pr'>$2</span>:<span class='vl'>$3</span>$4").replace(/<span class='pr'>\{/g,"{<span class='pr'>")}),a=a.replace(/&lt;(.*?)('|")(.*?)('|")&gt;/g,function(e){return e.replace(/'(.*?)'/g,"<span class='vl'>'$1'</span>").replace(/"(.*?)"/g,"<span class='vl'>\"$1\"</span>")}),a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/([\(\)\{\}\[\]\:\;\,]+)/g,"<span class='pn'>$1</span>").replace(/\!important/gi,"<span class='im'>!important</span>")}),a=a.replace(/\/\*([\w\W]+?)\*\//gm,"<span class='cm'>/*$1*/</span>"),e.innerHTML="<code>"+a+"</code>",hr.style.display="block",rt.style.display="block"}else hr.style.display="none",rt.style.display="none"}function compressCSS(e){var a=get(e),c=/@(media|-w|-m|-o|keyframes|page)(.*?)\{([\s\S]+?)?\}\}/gi,n=a.value,t=n.length;n=sa.checked||sc.checked?n.replace(/\/\*[\w\W]*?\*\//gm,""):n.replace(/(\n+)?(\/\*[\w\W]*?\*\/)(\n+)?/gm,"\n$2\n"),n=n.replace(/([\n\r\t\s ]+)?([\,\:\;\{\}]+?)([\n\r\t\s ]+)?/g,"$2"),n=sc.checked?n:n.replace(/\}(?!\})/g,"}\n"),n=bi.checked?n.replace(c,function(e){return e.replace(/\n+/g,"\n  ")}):n.replace(c,function(e){return e.replace(/\n+/g,"")}),n=bi.checked&&!sc.checked?n.replace(/\}\}/g,"}\n}"):n,n=bi.checked&&!sc.checked?n.replace(/@(media|-w|-m|-o|keyframes)(.*?)\{/g,"@$1$2{\n  "):n,n=cm.checked?n.replace(/;\}/g,"}"):n.replace(/\}/g,";}").replace(/;+\}/g,";}").replace(/\};\}/g,"}}"),n=n.replace(/\:0(px|em|pt)/gi,":0"),n=n.replace(/ 0(px|em|pt)/gi," 0"),n=n.replace(/\s+\!important/gi,"!important"),n=n.replace(/(^\n+|\n+$)/,""),a.value=n,hr.innerHTML="/* "+(t-n.length)+" of "+t+" unused characters has been removed. */\n"+n.replace(/</g,"&lt;").replace(/>/g,"&gt;"),highlightCode(hr)}function clearField(e){var a=get(e);a.value="",a.focus()}function selectAll(e){get(e).focus(),get(e).select()}var hc=get("highlightCode"),sa=get("stripAllComment"),sc=get("superCompact"),cm=get("keepLastComma"),bi=get("betterIndentation"),bs=get("breakSelector"),tt=get("toTab"),to=get("tabOpt").getElementsByTagName("input"),sb=get("spaceBetween"),ip=get("inlineSingleProp"),rs=get("removeLastSemicolon"),il=get("inlineLayout"),si=get("singleBreak"),hr=get("highlightedResult"),rt=document.getElementsByTagName("h2")[1];
</script>
</div>

4. Jika sudah lihat hasil jadinya. RESULT

Memang tidak seberapa tetapi tools ini sangat membantu dalam hal kompresi jika kalian ingin meningkatkan SEO Blog atau website kalian. Karena dengan di kompres kecepatan loading Blog kalian akan meningkat sedikit membantu ke SEO. Baca Juga : Pengertian SEO dan Manfaatya