Cara Kirim SMS Gratis Ke Semua Operator Indonesia

Dalam kehidupan sehari-hari kita tidak lepas dari yang namanya kirim SMS (layanan pesan singkat) kepada rekan kerja, rekan bisnis, saudara, pelanggan atau hanya sekedar untuk menyapa teman.

Namun seringkali kita dipermasalahkan dengan tarif SMS yang tergolong tidak murah bahkan ada operator yang memang mematok harga yang mahal. Untuk itu saya mencoba memberikan solusi untuk Anda karena sekarang ada layanan SMS gratis yang bisa digunakan untuk semua operator seperti XL, Simpati, Indosat, Tree, Axis dan lainya.

Layanan ini bisa digunakan dengan mengunjungi langsung halaman www.sms-gratis.xyz dan kita bisa langsung menggunakannya tanpa harus login ataupun mendaftar.

Jika ingin lebih praktis, Anda bisa menggunakan aplikasi sms gratis yang bisa di donwload pada halaman website sms-gratis.xyz/app setelah itu tinggal download file APK nya melalui direct link atau bisa juga melalui Google-play. Kita juga bisa langsung mengunjungi Google Play kemudian cari "Kirim SMS Gratis Operator Indonesia". Jangan khwatir aplikasi yang di download aman tidak mengandung virus, karena langsung dari website resminya.

Sekian dulu kawan, sharing cara kirim SMS gratis ke semua operator Indonesia dan semoga dapat bermanfaat untuk saat-saat darurat jika membutuhkan SMS.

Cara Memulai Usaha Baru bagi Pemula

Setiap orang pasti mengharapakan adanya kesuksesan melalui bisnis atau usahanya. Namun segala jenis usaha baik dengan modal kecil maupun besar memiliki risiko untuk gagal yang sama. Dalam hal ini akan lebih sulit bagi para pemula atau yang memulai dari nol.

Untuk itu diperlukan mentalitas pembisnis yang kuat. Karena poin ini penting untuk memulai usaha dalam bertahan dan menghadapi persaingan pasar. Selain itu dalam dalam usaha baru pasti ada masa-masa sulit yang akan dialaminya, nah disinilah peran mental kuat tersebut dibutuhkan untuk dapat melewati itu semua.

Terkadang kita dibayangi dengan risiko dan kegagalan yang terbesit dalam sebuaah fikiran, sehingga membuat kita males atau menunda untuk memulai usaha. Kendala kedua biasanya faktor kurangnya modal dan keahlian yang juga sering membuat niat seseorang menjadi surut untuk memulai usaha. Pada dasarnya, modal bukanlah faktor utama namun mental dan keberanian yang kuatlah yang menentukan untuk memulai meskipun hanya sebatas usaha kecil.

Semua orang sudah tahu untuk menjadi sukses dalam memulai usaha itu tidak selalu berjalan lancar, selalu ada rintangan dan dibutuhkan pengorbanan uang, fikiran dan waktu yang tidak sebentar untuk menjadi pengusaha yang sukses.

1. Menetapkan Jenis Usaha

Hal yang paling penting dalam menentukan jenis usaha yang mau dijalani adalah usaha yang sekiranya sesuai dengan minat Anda, karena pekerjaan yang menyenangkan apabila pekerjaan tersebut merupakan hobi yang kita miliki.

Namun ada sebagian orang yang memilih jenis  usaha yang sedang trend atau ikut-ikutan karena dianggap akan cepat mendatangkan keuntungan. Akan tetapi bisnis yang didasari dengan dengan minat biasanya akan bertahan lebih lama dibandingkan dengan ikut-ikutan saja.

Sebagai contoh Anda menyukai hal-hal tentang kuliner atau mempunyai keahlian kuliner maka jenis usaha  yang cocok adalah jenis usaha makanan. Jenis usaha yang mau dijalankan juga nantinya berpengaruh pada tingkat keberhasilanya. Semakin banyak pemminatnya  maka semakin besar peluang untuk mengembangkan usaha tersebut.

Apabila Anda tidak memiliki keahlian apapun, Anda bisa mempelajarinya terlebih dahulu baik dengan melalui kursus atau belajar secara otodidak. Yang terpenting jenis usaha tersebut harus sesuai minat dan keingginan Anda.

2. Survey Lapangan

Survey lapangan dilakukan untuk mengetahui tingkat persaingan, pangsa pasar, dan potensi usaha yang akan dirintis nantinya.

Ada kemungkinan jenis usaha  yang Anda minati sudah banyak memiliki pesaing yang lama. Dengan survey kecil-kecilan akan diketahui seberapa banyak usaha yang sejenis, bagaimana kualitas produk, kualitas pelayanan, persaingan harga dan informasi lainya.

3. Menentukan Lokasi Usaha

Sebaiknya lokasi banyak dilalui orang atau bisa dibilang strategis, karena bisnis yang Anda geluti nantinya membutuhkan pengunjung yang membeli secara langsung. Jika target jualan Anda adalah pelajar maka lokasi terbaik adalah kampus atau sekolahan.

4. Memulai Buka Usaha

Setelah Anda mempersiapkan segala sesuatunya dengan baik dari perencanaan, modal, hingga peralatan yang diperlukan kini saatnya untuk memulai membuka usaha seperti khalayak umum.

Mungkin untuk pertama kali membuka usaha tidak sesuai dengan harapan. Hal ini bisa terjadi karena usaha Anda belum banyak diketahui oleh para konsumen dan belum memliki kepercayaan.

Tapi hal ini biasa, pada  saatnya nanti ada konsumen yang datang dan percaya dengan bisnis anda. Yang terpenting Anda tidak menunda untuk memullai bisnis dan tidak putus asa keetika bisnis keaadan sepi.

5. Menjadi Unik dalam Persaingan

Cara memulai usaha  yang baik tidak hanya pada saat mendirikanya, namun juga saat menjalaninya. Salah satu cara menjalankanya yang baik adalah dengan menjadi unik ditengah-tengah persaingan bisnis.

Jenis  usaha mungkin sama namun usaha  yang Anda jalankan harus terlihat unik/berbeda dengan para pesaing. Misalnya membuat nama usaha yang unik, kualitas rasa dan cara penyajian yang berbeda dan kebersihan tempat.

6. Promosi secara Berkala

Apapun usaha yang dirintis pasti akan membutuhkan promosi untuk pemasran lebih  baik agar bisa berhasil dan bertahan dalam persaingan, dan cara promosi harus dipilih sesuai dengan jenis usaha.

7. Melatih Mental Bisnis

Merintis usaha dari nol bukan perkara yang mudah apalagi untuk target menjadi sukses. Dibutuhkan keberanian ddan mental yang kuat agar bila suatu saat usaha Anda  mengalami  teerpuruk, Anda tidak akan  putus asa dan bisa bertahan melewatinya.

Itulah beberapa tips untuk Anda yang ingin memulai usaha sendiri dari nol, saya mohon maaf bila banyak kekurangan aatau kesalahan. Semoga bermanfaat.

Cara Cepat Mendapatkan Pembeli pada Bisnis Online Anda

Bagi kita yang masih pemula memiliki bisnis online tentu akan banyak menghadapi kesulitan dan rintangan yang menghadang jalan menuju kesuksesan seorang pembisnis. Sehingga dapat dikatakan untuk bisa menjadi sukses salah satunya adalah mendapatkan banyak pembeli pada usaha bisnis online yang telah kita kelola.

Yang kedua adalah action. Karena walaupun kita sudah tahu cara bagaimana langkah yang tepat untuk dapat melewati rintangan tersebut, apabila tidak dijalankan itu artinya sama saja dan tidak akan pernah meningkat bisnis kita.

Di zaman modern yang maju ini, bisnis online semakin banyak diminati oleh pengguna internet. Karena bisnis online sangat praktis untuk dijalankannya dan dapat di kelola oleh semua umur.

Mekanisme pengelolaan yang mudah menjadikan banyak sekali muncul produk atau jasa yang yang di pasarkan melalui online. Sehingga persaingan semakin berat dan ketat, tapi kita harus tetap fokus pada tujuan kita menjalankan bisnis online untuk mendapatkan menjangkau pemasaran yang lebih luas dan mendapatkan keuntungan lebih besar lagi.

Berikut beberapa tips untuk meningkatkan penjualan pada bisnis online yang dapat dipelajari bersama.

1. Memilih Produk yang Tepat untuk di Jual

Seperti yang sudah kita ketahui bahwa berjualan online menggunakan media sosial seperti Facebook, BBM, Whatsapp, Instagram dan lainya sudah banyak sekali. Jadi kita harus mampu memilih yang tepat karena faktor ini sangat menentukan keberhasilan dalam menjalankan bisnis online.

Apabila produk atau barang jualan mengikuti trend atau ikut-ikutan saja dan tidak menarik tentu akan mengalami kesulitan dalam hal pemasaranya walaupun itu produk sedang trends. Karena jenis produk tersebut sudah banyak yang jual.

Pada dasarnya konsumen lebih cenderung membeli sesuatu/ barang kepada orang-orang yang sudah mereka percayai sebelumnya. Itu artinya harus dapat memilih produk yang tepat dan untuk tahap awal kita bisa melakukan penelitian pada lingkungan sekitar kita, apa yang mereka butuhkan.

2. Desain Bisnis Online dengan Menarik

Tampilan informasi produk, media sosial dan gambar adalah penting untuk bisnis online pada media sosial maupun menggunakan website. Karena hal tersebut mewakili semua produk yang kita jual.

Sehingga sangat diperlukan pengelolaan yang tepat pada bagian infrmasi dengan membuat semenarik mungkin agar bisa menjadi daya tarik sebagai salah satu promosi bisnis online kita. Seperti halnya memperhatikan kualitas gambar yang dipajang pada setiap halaman dengan foto yang keren dan full color.

3. Kredibilitas Bisnis 

Kredibilitas bisnis adalah segala usaha untuk menumbuhkan kepercayaan dan loyalitas kepada pelangganya. Jadi berikanlah pengalaman berbelanja yang menyenangkan dan berkualitas bagi para pelangganya. Dan perlu diketahui bahwa untuk mendapatkan kepercayaan dari pelanggan itu butuh waktu dan tidak instan.

Anda bisa memulainya dengan membuat packing barang yang menarik, rapi dan yang terpenting pengiriman barang tepat waktu. Selain itu kumpulkan testimonial dari pelanggan setia untuk dijadikan daya tarik bagi pelanggan yang lain.

4. Promosi dan Diskon

Ini merupakan langkah terpenting dalam menjalankan bisnis, yaitu melakukan promosi dan menawarkan diskon atau potongan harga. Tanpa promosi, bagaimana bisnis kita bisa lebih dikenal oleh orang banyak dan sulit untuk berkembang.

Maka dari itu mulailah dengan promosi produk melalui penawaran spesial atau berikan diskon untuk menarik pelanggan baru atau yang lama.

5. Buatlah Sebuah Survey

Untuk dapat membuat keputusan yang tepat demi kemajuan bisnis kita, maka kita harus melakukan survei tentang keinginan konsumen terhadap produk dan layanan selama ini terkait kepuasan dan kenyamaan belanja pada bisnis kita.

Untuk melakuakan survey, sebaiknya jangan meminta kepada teman sendiri atau keluarga, karena mereka akan sungkan dan mungkin tidak jujur. Untuk itu sebaiknya gunakan survei online dengan menggunakan sebuah aplikasi seperti Survey monkey dan Qualaroo.

6. Sisipkan Konten yang Menarik

Pada dasarnya sebuah bisnis online tidak harus melulu menyajikan foto-foto produk jualanya, namun harus disisipi dengan sebuah artikel dengan interval waktu yang tepat. Sehingga pengunjung atau pelanggan tidak merasakan kebosanan dengan tampilan promosi dan jualan terus.

Artikel yang dibuat hendaklah masih berkaitan dengan produk bisnis kita agar pelanggan nantinya selain dapat berbelanja juga mendapatkan ilmu tambahan yang bermanfaat.

Semoga bermanfaat!

Cara Membuat Iklan Tautan AdSense di Blog

Iklan Tautan Adsense adalah salah satu jenis iklan text & display ads pada Google AdSense yang berbentuk text tautan saja tanpa gambar dan apabila diklik akan menuju halaman situs pengiklan. Iklan ini memiliki kelebihan yang cukup menarik yaitu menampilkan jenis iklan yang relevan dengan konten halaman Anda. Sehingga pengunjung mungkin tertarik pada iklan yang akhirnya merika lihat.

Berbeda dengan jenis iklan yang pada umunya hanya berisi satu link saja. Iklan Tautan memiliki jumlah link lebih banyak  bisa 4 atau 10 link tergantung pengaturan dari penayang. Selain itu Anda dapat mengatur sendiri gaya iklannya, warna teks sesuai keinginan Anda dengan catatan warna dan gaya usahakan seimbang dan menyatu dengan konten Anda dan buat menarik.

Dari segi penghasilan, jenis iklan tautan termasuk rendah, tetapi memiliki peluang klik lebih besar dibanding iklan lainya. Namun semua kembali pada pengalaman sendiri dan memerlukan eksperimen agar lebih tahu mana unit iklan yang cocok, dimana letak yang tepat dan unit iklan yang perlu dipertahankan.

Secara umum iklan tautan diletakan didekat teks, entah itu diawal, tengah atau akhir artikel. Karena lebih menyatu dengan tulisan artikel dan berikut contoh penerapan unit iklan link pada tengah artikel.

Jika Anda tertarik untuk memasang iklan tautan adsense, silahkan ikuti langkah berikut ini untuk melengkapi halaman Anda, jika memang belum memasangnya.

Cara Membuat Iklan Tautan AdSense di Blog

1. Masuk dasbor AdSense > My ads > Ads units > Lalu klik Unit iklan baru.

2. Pilih unit iklan Texts & Display, jangan yang native iklan karena tidak bisa dibuat iklan tautan nantinya.

3. Buat nama iklan lalu pilih kategori Iklan tautan atau iklan link untuk bahasa inggris dan untuk tampilan pilih Tautan responsive.

4. Jika Anda ingin mengganti warna latar, judul dan garis batas silahkan sesuaikan pada menu Gaya iklan atau lewati untuk tampilan default.

5. Terakhir klik tombol Simpan dan dapatkan kode yang ada dibawah.

6. Copy kode iklan tauan dan letakan pada HTML template Anda.

Cara Mudah Memasang Logo di Blog

Logo adalah identitas visual yang melambangkan dari sebuah lembaga, perusahaan, organisasi, website atau apapun yang digunakan untuk marketing dan branding. Dengan memasang memiliki logo maka pengunjung atau orang akan lebih mudah mengenali sebuah brand atau produk yang di tawarkan. Dengan demikian logo memiliki peran penting dalam sebuah perusahaan.

Dalam sebuah blog, logo berfungsi sebagai pengganti judul header dan skripsi yang terkadang terlalu panjang sehingga mengurangi kenyamanan pengunjung atau kurang enak dalam pandangan mata. Apabila ini dilakukan tidak akan menghilangkan penggaruh deskripsi penelusuran terhadap nilai SEO.

Jadi logo blog hanya menutupi judul dan deskripsi saja, sehingga search engine tetap bisa membaca deskripsi penelusuran blog kita sebagamana mestinya, kecuali bila kita menghapus tag html nya pada tema.

Membuat logo juga harus sebaiknya dibuat berbeda (unik) dengan lainya, karena logo yang akan kita gunakan juga sebagai identitas/ciri khas blog untuk lebih mudah dikenali dan di ingat oleh penggunjung selain nama domainnya. Karena logo pada header merupakan kesan pertama pengunjung blog yang mempengaruhi minat dan atau betah untuk berlama-lama di sebuah blog.

Untuk itu kita harus bisa mengatur desain yang bisa menyatu atau matching antara logo header dengan isi konten agar pengunjung semakin nyaman dan betah. Header itu sendiri secara umum bisa diganti dengan gambar maupun logo.

Cara Mengganti Judul Blog dengan Gambar atau Logo

Mengganti judul blog dengan logo atau gambar bukanlah hal yang sulit, hal pertama yang perlu di siapkan adalah gambar atau logo itu sendiri. Anda bisa membuat logo dengan menggunakan jasa yang ada di internet atau membuatnya sendiri menggunakan program seperti Photoshop, CorelDraw, Inscape, Logosmartz logo designing dan aplikasi lainya yang memiliki fungsi setara.

Untuk jenis format gambar bisa JPEG atau PNG, namun menurut saya PNG lebih bagus karena gambarnya mampu menggunkan background transparan saat  di unggah. Dan sebaiknya untuk ukuran disesuaikan dengan header blog Anda, meskipun nantinya akan otomatis terpotong jika ukurannya terlalu besar. Sebagai contoh saya menggunakan ukuran dimensi 190 x 90 dengan format PNG dan kapasitas 20 kb.

Jika sudah punya gambar yang pas, selanjutnya buka Blogspot Anda. Lalu pilih Tata letak dan klik Edit pada Gadget Header.

Selanjutnya pilih tombol Choose file kemudian untuk penempatan pilih Selain judul dan keterangan tujuanya untuk menampilkan logo/gambarnya saja tanpa teks.

Jika sudah yakin, silahkan Simpan template dan lihat hasilnya.

Nah, sekarang judul dan deskripsi sudah berganti gambar/logo, jika Anda tertarik silahkan terapkan cara diatas dan semoga bermanfaat.

Cara Memasang Iklan AdSense di Tengah Artikel Blog

Yang terpenting dalam memasang iklan AdSense adalah mengetahui letak dan ukuran unit iklan yang tepat dan sesuai dengan struktur tema yang digunakanya. Atau setidaknya sudah sesuai dengan pola penempatan yang standar sesuai kebijakan Google AdSense.

Namun, sebagai seorang publisher AdSense tentu ingin mendapatkan penghasilan yang lebih optimal demi uang yang banyak. Untuk itu kita perlu pengoptimalan yang sederhana guna meningkatkan penghasilan adsense dengan menghasilkan jumlah klik banyak dan meletakan iklan pada tempat yang strategis sehingga iklan terlihat lebih menarik oleh pembaca.

Sebenarnya  kita bebas memasang iklan dimana kita mau, asalkan tidak melanggar ketentuan dari penyedia iklan. Seperti di awal artikel sebelah kiri atau kanan paragraf pertama, di bawah judul dan tempat lainya yang berbaur berabaur dengan text postingan.

Secara umum letak iklan adsense yang banyak digunakan dan kemungkinan mendapatkan klik dari pengunjung adalah.

1. Pada awal artikel atau di bawah judul postingan
2. Di tengah artikel postingan
3. Di akhir artikel postingan
4. Pada sidebar
5. Di dekat navigasi/header

Akan tetapi itu tidak menjamin bahwa dengan memasang iklan seperti pola diatas akan banyak mendapatkan klik, jawabnya bisa ya dan bisa tidak. Karena setiap blog template yang digunakan berbeda, jadi tentu penataanya belum tentu sama atau cocok.

Semestinya kita mengetahui tempat iklan yang cenderung untuk untuk di lihat dan di klik oleh pengunjung atau bagian yang yang menarik pada halaman blog kita sendiri. Karena seiring waktu berjalan kita akan tahu mana unit iklan yang banyak menghasilkan dan dimana letak yang paling banyak di klik oleh pengunjung. 

Dengan begitu kita perlu pengujian untuk beberapa waktu dengan berbagai unit iklan dan tata letaknya. Karena konten yang kita buat tidak berkualitas, penempatan dan ukuran terbaik sedunia tidak akan menghasilkan perbedaan.

Nah, salah satu penempatan iklan yang banyak di pakai oleh kalangan blogger dan cukup strategis letaknya yaitu di tengah artikel postingan. Jika Anda tertarik silahkan ikuti langkah berikut ini.

Cara Memasang Iklan AdSense di Tengah Artikel Postingan

1. Masuk akun Google AdSense, lalu ambil kode iklan yang mau di gunakan
2. Jangan lupa parse kodenya terlebih dahulu, bisa kunjungi Parse HTML
3. Masuk dasbor Blogger > Tema > Edit HTML > Lalu cari kode <data:post.body/> yang ada di dalam tag kondisional atau seperti di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

</b:if>

4. Kemudian ganti kode <data:post.body/> dengan kode berikut ini

<div expr:id='&quot;post1&quot; + data:post.id'/>

<div class='googlepublisherads' style='margin:20px 0'>

<center>

--- kode iklan disini ---

</center>

</div>

<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>

var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);

var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);

var s=obj1.innerHTML;

var t=s.substr(0,s.length/2);

var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);

if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}

</script>

5. Sehingga hasil akhirnya akan seperti berikut ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div expr:id='&quot;post1&quot; + data:post.id'/>

<div class='googlepublisherads' style='margin:20px 0'>

<center>

--- kode iklan disini ---

</center>

</div>

<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>

var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);

var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);

var s=obj1.innerHTML;

var t=s.substr(0,s.length/2);

var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);

if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}

</script>

</b:if>

6. Jika sudah, silahkan simpan template.

Tips:
Untuk merubah posisi /letak iklan dapat dengan cara mengganti angka 2 menjadi 3 atau 4 pada script diatas. Jika menggunakan angka 2 berarti iklan akan berada pertengahan dan angka 3 berarti iklan berada di sepertiga dari artikel atau di atas pertengahan, dan begitu seterusnya.

Cara Memasang Iklan AdSense di Awal Artikel

Jika Anda sudah memahami atau berhasil memasang iklan ditengah artikel, tentu akan mudah apabila Anda ingin memasang lagi iklan pada awal artikel atau di akhir artikel.

Perlu diketahui bahwa tag kondisional

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>

artinya bahwa html akan menampilkan HANYA pada halaman posting saja.

Perhatikan langkah ketiga diatas, jika Anda akan meletakan iklan diawal artikel, berarti kode iklanya diletakan diatas tag <data:post.body/> dan dibawah <data:post.body/> untuk posisi iklan di akhir artikel. Agar lebih jelas lihat contoh berikut ini.

a. Posisi iklan di awal artikel

<b:if cond='data:blog.pageType == &quot;item&quot;'>

&lt;div style=&quot;display:block;float:left;margin:0 15px 15px 0;&quot;&gt;

<!-- Kode Iklan Di sini -->

&lt;/div&gt;>

<data:post.body/>

</b:if>

b. Posisi iklan di sebelah kiri text

<b:if cond='data:blog.pageType == &quot;item&quot;'>

&lt;div style=&quot;display:block;float:left;margin:0 15px 15px 0;&quot;&gt;

<!-- Kode Iklan Di sini -->

&lt;/div&gt;

<data:post.body/>

</b:if>

c. Posisi iklan disebelah kanan

<b:if cond='data:blog.pageType == &quot;item&quot;'>

&lt;div style=&quot;display:block;float:right;margin:0 0 15px 15px;&quot;&gt;

<!-- Kode Iklan Di sini -->

&lt;/div&gt;

<data:post.body/>

</b:if>

Cara Memasang Iklan di Akhir Artikel Postingan

Caranya sama, hanya kode iklan diletakan dibawah kode <data:post.body/> atau lihat contoh berikut ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

&lt;div style=&quot;display:block;float:left;margin:0 15px 15px 0;&quot;&gt;

<!-- Kode Iklan Di sini -->

&lt;/div&gt;>

</b:if>

Sekian dulu artikel cara memasang iklan adsense di tengah postingan blogspot, apa bila ada kesalahan/kekurangan penulis mohon maaf dan semoga bermanfaat.

Cara Mengggunakan Icon SVG di Blog

Scaleable Vector Graphic (SVG) adalah format gambar yang menggunakan XML (Extensible Markup Language) sebagai dasar untuk membentuk gambar vektor 2 dimensi. SVG sendiri dikembangkan oleh Word Wide Web Consortium (W3C) sejak tahun 1999 - Wikipedia.

Dalam sejarah format SVG masih jarang digunakan untuk kepentingan web karena ada browser yang tidak support. Namun sekarang sudah banyak yang menggunakannya untuk pembuatan web, karena icon SVG sudah mendukung hampir semua browser seperti Mozila Firefox, Internet Explorer, Google Chrome, Opera dan Safari sudah mendukung format SVG. Bahkan format SVG merupakan recomendasi dari W3C yang didukung browser versi desktop maupun mobile.

Keuntungan Menggunakan SVG

1. Gambar SVG tidak akan pecah dan bisa di besarkan ukuranya sampai tak terhingga tanpa mengurangi kualitas dan resolusi.
2. Ukuranya kecil bahkan masih bisa dikompres lagi serta tampil baik pada layar retina sehingga aman untuk di zoom.
3. Lebih ringan kecepatan loadingnya karena menggunakan XML atau tanpa memanggil script external.

Sebenarnya ada beberapa cara untuk menggunakan icon seperti Font Awesome, Font Material dan lainya yang masih sejenis. Namun keduanya masih menggunakan script external yang nanti tentu akan mempengaruhi kecepatan loading blog Anda.

Untuk itu menggunakan icon SVG bisa menjadi solusi agar kecepatan blog lebih ringan karena tidak membutuhkan script external namun bahasa markup atau XML saja pada HTML maupun CSS situs Anda.

Cara Mendapatkan Icon SVG

1.  Pertama kunjungi website Material Design Icons. Web ini menyediakan banyak pilihan icon material desain jenis SVG yang nantinya dapat disimpan dan digunakan di blog.

2. Pilihlah salah satu icon lalu akan muncul dialog box seperti gambar berikut.

3. Kemudian klik icon </> dan pilih menu "View SVG" untuk mendapatkan kodenya.

4. Copy kode tersebut untuk nantinya dipasang pada HTML.

Cara Menggunakan icon SVG

1. Caranya cukup mudah, letakan kode icon SVG tadi pada HTML yang di kehendaki di template blog Anda sesuai kebutuhan. Dan sebagai contoh saya meletakan kode untuk icon search box di blog, maka tag HTML nya sebagai berikut.

<div class='icon-search'>
  <svg style="width:24px;height:24px" viewBox="0 0 24 24"> 
    <path fill="#000000" d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" />
</svg>
</div>

Anda dapat mengubah langsung ukuran Width dan Height sesuai keinginan dan mengganti nilai warna pada atribut Fill.

2. Caranya masih sama dengan yang pertama, cuma CSS inline nya kita pindahkan pada CSS internal blog, sehingga menjadi seperti berikut.

HTML

<div class='icon-search'>
  <svg viewBox="0 0 24 24">
    <path d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" />
</svg>
</div>

CSS

<style> 
.icon-search svg{width:24px;height:24px"}
.icon-search svg path{fill="#000000"}
</style>

3. Jika Anda ingin langsung menggunakan icon SVG pada penggunaan CSS,  misalnya  sebagai "background-image" atau pseudo-element :before atau :after lakukan seperti dibawah ini.

<style>
.icon-search {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' fill='%23fff'/%3E%3C/svg%3E");
background-color:#008c5f;
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
}
</style>

Silahkan ganti nilai path dan fill nya dengan kode yang akan digunakan.
Nilai path biasanya seperti d='M........Z'
Nilai fill adalah warna fill='#fff'

Catatan :
kode < diganti %3C
kode > diganti %3E
kode # diganti %23

Tujuan mengganti kode adalah agar di terima dan tampil pada semua Browser. Sekian dulu semoga bermanfaat dan penulis minta maaf jika ada kesalahan atau kekeliruan.