Mas Danang
0
  • Home
  • Blogger
  • Networking
  • Pendidikan
  • Informasi
  • Contacts

Arsip

  • Februari 2023
  • April 2022
  • November 2020
  • Juni 2020
  • Mei 2020
  • April 2020
  • Maret 2020
  • Januari 2020
  • Desember 2019
  • Juni 2019
  • Januari 2019
  • Desember 2018
  • September 2018
  • Agustus 2018
  • Juli 2018
  • Mei 2018
  • Maret 2018
  • Februari 2018

Kategori

  • Adsense
  • Android
  • Blogger
  • Desain
  • Informasi
  • Networking
  • Pendidikan
  • Resep

Meta

  • Masuk
  • Feed entri
  • Feed komentar
  • WordPress.org
Mas Danang Mas Danang
YouTube
Mas Danang Mas Danang
Mas Danang Mas Danang
  • Home
  • Blogger
    Cara Mengetahui Trending Topik Menggunakan Google Trend
    Cara Membuat Contact Form Simpel dan Responsive
    Cara Membuat Sitemap Responsive ala Mas Danang
    Cara Membuat Tombol Share Keren DiBlog Ala Kompi
    Meningkatkan Pengunjung dari Search Engine dengan Seo On Page dan Seo Off Page
    Previous Next
  • Networking
    Cara setting router Tenda N301 dengan HP Android
    Rekomendasi Mikrotik kurang dari 1 juta untuk voucher hotspot
    Tips menjaga keamanan Router Mikrotik
    Tips membuat Mikhmon Online gratis
    Cara membuat Mikmon Online dengan HP tanpa Hosting
    Previous Next
  • Pendidikan
    Kebangkitan Bumdes Amanah Desa Pojok bersama Bupati Magetan dan KKN-T 16 UNIPMA | Ikan dan Harapan
    Materi Penjadwalan Proses | Teknik Informatika – Pertemuan 5
    Materi Proses – Proses | Teknik Informatika – Pertemuan 4
    Materi Struktur Sistem Operasi | Teknik Informatika – Pertemuan 3
    Materi Struktur Komputer | Teknik Informatika – Pertemuan 2
    Previous Next
  • Informasi
    Alat Untuk Live Streaming YouTube Multi Kamera Bagi Pemula
    Hari ini Ratusan Siswa SD dan SMP di Kota Madiun Ikuti Pembelajaran Tatap Muka Serentak, Bagaimana Keadaannya?
    Lama Terjeda Kini Jembatan Mulai di Bangun Kembali
    7 Teknologi Masa Kini Yang Bermanfaat dalam Kehidupan
    Perkembangan Terbaru Teknologi Komunikasi dan Informasi di Tahun 2020
    Previous Next
  • Contacts
Top Read

Android 1 Jutaan 4G LTE Terbaik

4 Min Read

Mikhmon, Solusi Pengganti Userman Pada Mikrotik

2 Min Read

Cara remote Mikrotik dengan layanan tunnel.my.id

2 Min Read

Cara membuat Mikhmon Online dengan Hosting gratis dan menggunakan layanan tunnel.my.id

2 Min Read
0
Mas Danang Mas Danang
  • Home
  • Blogger
    Cara Mengetahui Trending Topik Menggunakan Google Trend
    Cara Membuat Contact Form Simpel dan Responsive
    Cara Membuat Sitemap Responsive ala Mas Danang
    Cara Membuat Tombol Share Keren DiBlog Ala Kompi
    Meningkatkan Pengunjung dari Search Engine dengan Seo On Page dan Seo Off Page
    Previous Next
  • Networking
    Cara setting router Tenda N301 dengan HP Android
    Rekomendasi Mikrotik kurang dari 1 juta untuk voucher hotspot
    Tips menjaga keamanan Router Mikrotik
    Tips membuat Mikhmon Online gratis
    Cara membuat Mikmon Online dengan HP tanpa Hosting
    Previous Next
  • Pendidikan
    Kebangkitan Bumdes Amanah Desa Pojok bersama Bupati Magetan dan KKN-T 16 UNIPMA | Ikan dan Harapan
    Materi Penjadwalan Proses | Teknik Informatika – Pertemuan 5
    Materi Proses – Proses | Teknik Informatika – Pertemuan 4
    Materi Struktur Sistem Operasi | Teknik Informatika – Pertemuan 3
    Materi Struktur Komputer | Teknik Informatika – Pertemuan 2
    Previous Next
  • Informasi
    Alat Untuk Live Streaming YouTube Multi Kamera Bagi Pemula
    Hari ini Ratusan Siswa SD dan SMP di Kota Madiun Ikuti Pembelajaran Tatap Muka Serentak, Bagaimana Keadaannya?
    Lama Terjeda Kini Jembatan Mulai di Bangun Kembali
    7 Teknologi Masa Kini Yang Bermanfaat dalam Kehidupan
    Perkembangan Terbaru Teknologi Komunikasi dan Informasi di Tahun 2020
    Previous Next
  • Contacts
Top Read

Android 1 Jutaan 4G LTE Terbaik

4 Min Read

Mikhmon, Solusi Pengganti Userman Pada Mikrotik

2 Min Read

Cara remote Mikrotik dengan layanan tunnel.my.id

2 Min Read

Cara membuat Mikhmon Online dengan Hosting gratis dan menggunakan layanan tunnel.my.id

2 Min Read
0
Mas Danang > Blog > Blogger > Cara Membuat Tombol Share Keren DiBlog Ala Kompi
Blogger

Cara Membuat Tombol Share Keren DiBlog Ala Kompi

Posted by By Danang Rudy Purnomo 6 Min Read
– Advertisement –
Share on
READ NEXT
Cara Mengetahui Trending Topik Menggunakan Google Trend

Hai sobat blogger, di hari minggu ini penulis akan membagikan tips dan trik membuat tombol share yang keren di blog, kalian pasti mau kan mendapat pengunjung banyak, kalau di blog kalian ada tombol share, kemungkinan besar ada orang yang mau menshare postingan kalian dan akhirnya orang lain yang tertarik pada lihat postingan kalian, kini penulis akan membagikan cara membuat tombol share yang keren di blog.

Cara Membuat Tombol Share Keren DiBlog Ala Kompi

Cara Membuat Tombol Share Keren DiBlog Ala Kompi

Oke, langsung aja ya, tombol share ini hanya membutuhkan css saja, dan bisa langsung di terapkan di widget sebuah blog kalian, tombol share ini diantaranya ada Facebook, Instagram, Twitter, Linkedin, Google+ dan Youtube, tampilan tombol share ini menarik dan bersih, sehingga tidak merusak tampilan blog anda, dan enak dipandang mata, tombol share ini dapat anda terapkan di footer atau di sidebar.

Langkah-Langkah Membuat Tombol Share Keren DiBlog Ala Kompi

1. Masuk Dashboar blogger kalian
2. Klik Tata Letak
3. Tambahkan HTML/JavaScript
4. Pilih metode HTML, bukan compose
5. Masukkan kode di bawah ini
<center>
<h4>
Temukan kami disosial media:</h4>
</center>
<ul class="list-inline">
<li>
<a href="https://www.blogger.com/blogger.g?blogID=1675155828576609083#" target="_blank" title="Temukan kami di Facebook">
<span class="social-icon-fb">
</span></a>
</li>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=1675155828576609083#" target="_blank" title="Temukan kami di Instagram">
<span class="social-icon-ig">
</span></a>
</li>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=1675155828576609083#" target="_blank" title="Temukan kami di Twitter">
<span class="social-icon-twitter">
</span></a>
</li>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=1675155828576609083#" target="_blank" title="Temukan kami di Linkedin">
<span class="social-icon-linkedin">
</span></a>
</li>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=1675155828576609083#" target="_blank" title="Temukan kami di Google Plus">
<span class="social-icon-gplus">
</span></a>
</li>
</ul>
<!--CSS-->
<style type="text/css">
/* Social Profil Link */
.social-icon-fb{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234867aa' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
a:hover .social-icon-fb{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23FF1744' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
.social-icon-ig{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23333' d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
a:hover .social-icon-ig{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23FF1744' d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
.social-icon-twitter{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%231da1f2' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
a:hover .social-icon-twitter{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23FF1744' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
.social-icon-linkedin{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23ffce41' d='M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
a:hover .social-icon-linkedin{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23FF1744' d='M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
.social-icon-gplus{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23dc4a38' d='M20,2A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4C2,2.89 2.9,2 4,2H20M20,12H18V10H17V12H15V13H17V15H18V13H20V12M9,11.29V13H11.86C11.71,13.71 11,15.14 9,15.14C7.29,15.14 5.93,13.71 5.93,12C5.93,10.29 7.29,8.86 9,8.86C10,8.86 10.64,9.29 11,9.64L12.36,8.36C11.5,7.5 10.36,7 9,7C6.21,7 4,9.21 4,12C4,14.79 6.21,17 9,17C11.86,17 13.79,15 13.79,12.14C13.79,11.79 13.79,11.57 13.71,11.29H9Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
a:hover .social-icon-gplus{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23FF1744' d='M20,2A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4C2,2.89 2.9,2 4,2H20M20,12H18V10H17V12H15V13H17V15H18V13H20V12M9,11.29V13H11.86C11.71,13.71 11,15.14 9,15.14C7.29,15.14 5.93,13.71 5.93,12C5.93,10.29 7.29,8.86 9,8.86C10,8.86 10.64,9.29 11,9.64L12.36,8.36C11.5,7.5 10.36,7 9,7C6.21,7 4,9.21 4,12C4,14.79 6.21,17 9,17C11.86,17 13.79,15 13.79,12.14C13.79,11.79 13.79,11.57 13.71,11.29H9Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
.social-icon-youtube{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23ffffff' d='M8,5.14V19.14L19,12.14L8,5.14Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
a:hover .social-icon-youtube{background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23ffffff' d='M8,5.14V19.14L19,12.14L8,5.14Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat}
.social-icon-fb,.social-icon-linkedin,.social-icon-twitter,a:hover .social-icon-fb,a:hover .social-icon-linkedin,a:hover .social-icon-twitter{width:42px;height:42px;display:block;background-size:42px 42px;}
.social-icon-gplus,a:hover .social-icon-gplus{width:38px;height:38px;display:block;background-size:38px 38px;margin-bottom: 2px;margin-left: 3px;margin-right: 3px;}
.social-icon-ig,a:hover .social-icon-ig{width:40px;height:40px;display:block;background-size:40px 40px;margin-bottom:1px;}
.social-icon-youtube,a:hover .social-icon-youtube{width:32px;height:32px;display:block;background-size:32px 32px;}
ul.list-inline li.yt{border-radius:4px;width:32px;height:32px;margin:0 5px 5px;background:#B71C1C}
ul.list-inline li.yt:hover{background:#FF1744}
.list-inline{padding-left:0;margin:0;list-style:none;text-align:center}
.list-inline>li{display:inline-block;padding:0}</style>

Oke, setelah itu save, dan lihat blog anda
sekian tentang Cara Membuat Tombol Share Keren DiBlog Ala Kompi semoga bermanfaat, kalau postingan ini bermaanfaat silahkan di share agar orang lain pada ngerti Cara Membuat Tombol Share dan apabila kalian ingin berlangganan silahkan masukkan email kalian di kolom yang sudah di sediakan, agar mendapat notifikasi postingan terbaru melalui email,

Salam Blogger
Terima Kasih

– Advertisement –
Tags: blogger tombol share widget
Share on
Share on Facebook Share on Twitter Share on Pinterest Share on Email
Danang Rudy Purnomo Maret 4, 2018
Previous Article Meningkatkan Pengunjung dari Search Engine dengan Seo On Page dan Seo Off Page
Next Article 4 Situs yang harus kamu ketahui sebelum membuat Desain Grafis

Leave a Reply

Tinggalkan Balasan Batalkan balasan

Anda harus masuk untuk berkomentar.

You Might Also Enjoy

Blogger

Cara Mengetahui Trending Topik Menggunakan Google Trend

1 Min Read
Blogger

Cara Membuat Contact Form Simpel dan Responsive

2 Min Read
Blogger

Cara Membuat Sitemap Responsive ala Mas Danang

2 Min Read
Blogger

Meningkatkan Pengunjung dari Search Engine dengan Seo On Page dan Seo Off Page

4 Min Read

Memberikan informasi teknologi, jaringan (networking) dan informasi menarik.

Features

  • My Bookmarks
  • Privacy Policy
  • Contacts Us
  • Sitemap

Resouce

  • Google Search Console
  • Google Keyword Planner
  • Google Optimise
  • SEO Spider

Search

©2018-2023 | Mas Danang (danangrudy.com)

Our website uses cookies to improve your experience. Learn more about: Cookie Policy

Setuju