Cara Membuat Tombol Demo, Download, dan Buy Dengan Icon SVG

Mesothelioma is a form of cancer which occurs in thin membranes (called the mesothelium) lining the chest, lungs, abdomen and sometimes the heart. Although quite rare, mesothelioma symptoms strike more than 200 people each year in the United States. The majority of mesothelioma cases are directly linked to asbestos exposure. Because of the long latency period of mesothelioma, the average age of patients is between 50 and 70 years. Mesothelioma affects men most due to the high exposure of asbestos in industrial typed jobs. Mesothelioma symptoms include respiratory problems, shortness of breath, continual cough and pneumonia. Other mesothelioma symptoms include weight loss, abdominal problems and swelling. In some mesothelioma patients, the mesothelioma symptoms are quite muted, making it hard for mesothelioma doctors to diagnose. Mesothelioma doctors specialize in the study, research, and treatments of Mesothelioma cancers. Mesothelioma (or the cancer of the mesothelium) is a disease in which cells become abnormal and replicate without control. During Mesothelioma, these cells will invade and damage tissues and organs. Mesothelioma cancer cells can spread throughout the body causing death. Mesothelioma treatments and Mesothelioma clinical trials and tests There are many mesothelioma treatment options available. Treatments include surgery, radiation therapy and chemotherapy and the mesothelioma treatment depends on the patient’s age, general health and stage of the cancer. There has been much mesothelioma research conducted throughout the past two years to find new treatment methods. Click here to read more about mesothelioma treatment techniques. Through mesothelioma research, The National Cancer Institute has sponsored mesothelioma tests and clinical trials that are designed to find new treatment methods. Because of the increase in number of mesothelioma cases in the United States, both governments have increased funding for mesothelioma research. Mesothelioma research and clinical trials have been successful in developing new techniques to fight this cancer and the outlook for more advanced mesothelioma treatments is promising. Surgery is the most common treatment method for malignant mesothelioma. Tissues and linings affected by mesothelioma are removed by the doctor and may include the lung or even diaphragm. A second mesothelioma treatment method is radiation therapy through the use of high energy x-rays that kill the cancer cells. Radiation therapy can be outside or inside the body. A third mesothelioma treatment method is chemotherapy. Through pills or drugs through needles, chemotherapy drugs are used to kill cancer cells. A new mesothelioma treatment method is called intraoperative photodynamic therapy. In this treatment, light and drugs are used to kill cancer cells during surgery for early stages of mesothelioma in the chest. Although there are numerous treatments and drugs for mesothelioma, doctors are losing the battle against this deadly disease. Most mesothelioma treatments involve old techniques combined with different drug cocktails. However, in most cases, these mesothelioma treatments have many side effects including organ damage, nausea, increase in heart failure etc. The rush to find a more effective mesothelioma treatment or even cure is ongoing at numerous clinical labs across the nation. Let's hope that the mesothelioma treatments will one day erradicate mesothelioma cancer and asbestosis. With an abundance of information on the Internet, Mesothelioma Cancer and Asbestos ([http://www.mesothelioma-cancer-and-asbestos.com]) has consolidated the most important issues surrounding Mesothelioma, Mesothelioma doctors and symptoms, Mesothelioma treatment, Mesothelioma research and tests. At [http://www.mesothelioma-cancer-and-asbestos.com], the website contains useful resources on Mesothelioma lawyers and attorneys, as well as causes by asbestos exposure, asbestos removal, asbestos attorneys and lawsuits, and asbestos cancer. Patients stricken by Mesothelioma and their families require support and current information. Mesothelioma Online Resources hopes to educate and give hope to survivors and victims. Mesothelioma is such a harsh disease. Not only does it take years for symptoms to appear, but there are limited treatements and drugs that will prolong the lives of workers stricken with mesothelioma. In many cases, the death rate of mesothelioma is unfortunately very high. However, with increased funding in mesothelioma research through the government and private grants, the outlook for a mesothelioma cure is quite possible. In the meantime, mesothelioma support groups and local discussions provide the ongoing support for mesothelioma patients. Mesothelioma Cancer and Asbestos ([http://www.mesothelioma-cancer-and-asbestos.com])is your source for mesothelioma and asbestos information, treatments, clinical trials, attorneys, support groups and lawyers. About the website: Michael Kenneth is a successful Internet Publisher and has researched and written on many topics for [http://www.mesothelioma-cancer-and-asbestos.com] - your complete source for mesothelioma information, mesothelioma attorneys and lawyers, mesothelioma treatments and research, asbestos exposure and removal, asbestos attorneys and legislation as well as asbestos cancer.
Untuk pertama kalinya blog ini akan berbagi tutorial cara memasang tombol demo, download, dan buy di platform Blogger. Tombol-tombol ini selain digunakan untuk mempercantik tampilan artikel tapi juga untuk menunjang aktifitas blogging kalian.


Pada umumnya tombol seperti ini pasti sering kalian temui di sebuah website dengan konten tutorial, dan toko online. Apabila kalian saat ini sedang mengelola blog dengan konten tutorial seperti kami, akan lebih baik jika anda memasang tombol ini agar menunjang artikel yang akan kalian publikasikan.

Tombol yang kami bagikan ini, selain menggunakan Icon SVG juga memiliki efek hover yang dimana akan terlihat lebih menarik dan cepat saat halaman artikel di tampilkan. Efek hover yang kami maksud ini akan menampilkan berupa animasi transisi dan pengganti warna, selain itu juga kalian akan menemukan efek slide saat mencoba untuk menekannya.

Apakah menarik? jika iya, kalian bisa pasang tombol ini dengan mudah tanpa harus ada kesalahan apabila kalian bisa mengikuti tutorial yang akan kami berikan dibawah ini.

Cara Pemasangan

  1. Login terlebih dahulu ke Blogger
  2. Setelah masuk dashboard, silahkan pilih menu Tema > Edit HTML
  3. Letakkan kode CSS berikut ini, tepat diatas kode ]]></b:skin>
    /* Tombol Download Sempetin */
    #btn-keren {margin: 10px auto;
    text-align: center;}
    #btn-keren br {display: none;}
    .btn-keren1, .btn-keren2, .btn-keren3 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 50px;background: #fdfdfd;border: 2px solid #009688;margin: 10px;transition: .5s}
    .btn-keren2 {border: 2px solid #3f51b5;}
    .btn-keren3 {border: 2px solid #d83500;}
    .btn-keren1:hover {background-color: #009688;}
    .btn-keren2:hover {background-color: #3f51b5;}
    .btn-keren3:hover {background-color: #d83500;}
    .btn-keren1:hover span.circle, .btn-keren2:hover span.circle2, .btn-keren3:hover span.circle3 {left: 100%;margin-left: -45px;background-color: #fdfdfd;}
    .btn-keren1:hover span.circle{color: #009688;}
    .btn-keren2:hover span.circle2 {color: #3f51b5;}
    .btn-keren3:hover span.circle3 {color: #d83500;}
    .btn-keren1:hover span.title, .btn-keren2:hover span.title2, .btn-keren3:hover span.title3 {left: 40px;opacity: 0;}
    .btn-keren1:hover span.title-hover, .btn-keren2:hover span.title-hover2, .btn-keren3:hover span.title-hover3 {opacity: 1;left: 40px;}
    .btn-keren1 span.circle, .btn-keren2 span.circle2, .btn-keren3 span.circle3 {display: block;background-color: #009688;color: #fff;position: absolute;float: left;margin: 5px;line-height: 55px;height: 40px;width: 40px;top: 0;left: 0;transition: .5s;border-radius: 50%;}
    .btn-keren2 span.circle2 {background-color: #3f51b5;}
    .btn-keren3 span.circle3 {background-color: #d83500;}
    .btn-keren1 span.title,.btn-keren1 span.title-hover, .btn-keren2 span.title2,.btn-keren2 span.title-hover2,.btn-keren3 span.title3, .btn-keren3 span.title-hover3 {position: absolute;left: 90px;text-align: center;margin: 0 auto;font-size: 16px;font-weight: bold;color: #009688;transition: .5s;}
    .btn-keren2 span.title2,.btn-keren2 span.title-hover2 {color: #3f51b5;left: 80px;}
    .btn-keren3 span.title3,.btn-keren3 span.title-hover3 {color: #d83500;left: 80px;}
    .btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 {left: 80px;opacity: 0;}
    .btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 {
    color: #fff;
  4. Simpan Tema.
Sampai disini kode CSS tombol ini sudah terpasang, akan tetapi belum bisa ditampilkan pada postingan jika kalian belum mengikuti tutorial cara penerapan.

Cara Menerapkan di Postingan

  1. Buat postingan kalian terlebih dahulu
  2. Kemudian letakkan kode HTML berikut ini, pada metode penulisan HTML bukan Compose.
    <div id="btn-keren">
    <a href="#" class="btn-keren1" target="_blank">
    <span class="circle"><svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M21,14H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10L8,21V22H16V21L14,18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z" /> </svg></span>
    <span class="title">Demo</span>
    <span class="title-hover">Click here</span>
    <div id="btn-keren">
    <a href="#" class="btn-keren2" target="_blank">
    <span class="circle2"><svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" /> </svg></span>
    <span class="title2">Download</span>
    <span class="title-hover2">Click here</span>
    <div id="btn-keren">
    <a href="#" class="btn-keren3" target="_blank">
    <span class="circle3"><svg style="width:24px;height:24px" viewBox="0 0 24 24"> <path fill="currentColor" d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z" />
    <span class="title3">Buy Now</span>
    <span class="title-hover3">Click here</span>
  3. Publikasikan.
Kalian bisa merubah icon yang kami marking dengan icon yang kalian mau, untuk mencari icon nya kalian bisa kunjung wesbite materialdesignicons.com

Untuk demo atau preview lebih jelasnya, kalian bisa tekan tombol dibawah ini agar ditujukan langsung ke situs codepen.


Jika mempunyai pertanyaan seputar tombol seperti ini, bisa langsung ditanyakan pada kolom komentar. Harap dimaklumi jika ada salah dalam penyampaian atau penulisan kata, itu semua di karenakan kami memang masih baru dalam dunia blogging.

Mungkin sekian dulu yang bisa saya berikan, semoga bermanfaat untuk kalian semua, jangan lupa share dan vote artikel ini.
Terima kasih
web hosting surabaya cpanel web hosting beli web hosting daftar domain membuat web hosting jakarta web hosting wordpress hosting indonesia indo web hosting web hosting termurah hosting indonesia gratis singapore hosting sewa web hosting hosting tangguh buy hosting vps hosting indonesia web hosting indonesia terbaik web hosting indonesia gratis web hosting terbaik hosting web beli domain dan hosting murah web hosting murah beli hosting murah daftar web hosting shared hosting murah web hosting murah unlimited web hosting indonesia web hosting terbaik indonesia hosting murah unlimited review hosting indonesia 70 Rp 2.03 0.47 web hosting terbaik di indonesia 90 Rp 1.96 0.46 hosting terbaik 1600 Rp 1.91 0.42 sewa hosting murah 30 Rp 1.9 0.79 hosting indonesia terbaik 390 Rp 1.89 0.4 paket hosting murah 40 Rp 1.87 0.96 vps hosting murah 30 Rp 1.85 0.97 jasa web hosting 30 Rp 1.78 0.73 hosting terbaik indonesia 880 Rp 1.77 0.44 web hosting murah indonesia 70 Rp 1.77 0.71 best hosting indonesia 90 Rp 1.7 0.62 hosting murah 5400 Rp 1.7 0.93 domain id 1000 Rp 1.69 0.45 hosting cpanel 110 Rp 1.69 0.61 hosting dan domain 210 Rp 1.66 0.64 hosting free 880 Rp 1.66 0.64 top 10 web hosting indonesia 50 Rp 1.64 0.67 bisnis hosting 50 Rp 1.63 0.43 jual domain murah 210 Rp 1.62 0.89 web hosting gratis 2900 Rp 1.62 0.55 beli domain dan hosting 590 Rp 1.6 0.68 domain hosting indonesia 50 Rp 1.6 0.82 beli hosting 390 Rp 1.58 0.72 bisnis web hosting 20 Rp 1.57 0.73 email hosting indonesia 260 Rp 1.56 0.46 membuat server hosting sendiri 70 Rp 1.52 0.16 free hosting and domain 480 Rp 1.51 0.64 harga domain 880 Rp 1.49 0.51 telkom hosting 90 Rp 1.49 0.1 hosting indonesia murah 90 Rp 1.46 0.88 hosting terbaik di indonesia 210 Rp 1.46 0.5 cara hosting web 480 Rp 1.44 0.38 unlimited hosting 140 Rp 1.44 0.92 biznet hosting 140 Rp 1.42 0.22 unlimited hosting indonesia 50 Rp 1.42 0.88 top hosting indonesia 30 Rp 1.41 0.58 hosting yang bagus 50 Rp 1.4 0.48 asian brain hosting 40 Rp 1.39 0.19 domain dan hosting murah 170 Rp 1.39 0.94 domain hosting murah 320 Rp 1.37 0.63 cara beli domain 320 Rp 1.35 0.48 beli domain murah 880 Rp 1.34 0.72 plasa hosting 260 Rp 1.34 0.15 hosting murah indonesia jagoan hosting surabaya jual domain hosting server indonesia cara pindah hosting pasarhosting sewa domain webhost cpanel hosting hosting murah berkualitas domain dan hosting harga hosting membuat server hosting daftar hosting harga hosting dan domain windows hosting indonesia jasa hosting terbaik jasa hosting murah hosting indonesia domain paling murah hosting termurah indonesia pengertian domain dan hosting hosting gratis terbaik domain dan hosting gratis