» » » Cara Membuat Tombol Share Sosial Button Seperti EvoMagz

Google Follower

~~~ SeoChipS ~~~ - 03.23
Kali ini saya akan membagikan bagaimana cara membuat Tombol Share Sosial Media Buttons Seperti EvoMagz. Tombol Share ini, merupakan Tombol Share karya Mas Sugeng yang sudah ada di Template EvoMagz. Tombol Share ini keren serta unik sekali, karena Tombol Share Button ini disertai dengan gambar dan Box-Count. Untuk lebih jelasnya perhatikan gambar berikut :

&


Cara Membuat Tombol Share Sosial Button Seperti EvoMagz

Cara Pertama :

1. Buka Blogger Kemudian Login.
2. Dashboard - Template.
3. Edit HTML.

Cara Pembuatan :
1. Temukan Kode (CTRL+F) ]]</b:skin> atau </style>
2. Copy & Paste kode CSS berikut, dan Letakkan diatas kode ]]</b:skin> atau </style>
.share-buttons-box {height: 67px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinCeXlRZelSD6eTa0mTTJ67uoiEcrT1LiHpekQkRo3DsU5EKH18leDlv3wbLRpuNyMFkWU6SWzGQkGZq1oDA17Jg-nXa8xOLMbJdXkN1RCSk5QB9B7Msn3aoQOCWyZzrBSyLAV6WxX-iUc/s1600/share.png) no-repeat 330px 10px;margin:20px 0 15px;overflow:hidden;}
.share-buttons{margin:0 0;height:67px;float:left}
.share-buttons .share{float:left;margin-right:10px;display:inline-block}
3. Jika sudah? Temukan kode <data:post.body/> . Biasanya kode ini lebih dari satu, silakan pilih yang kedua atau yang ketiga. Atau bisa diatas Related Post.
4. Copy&paste kode berikut ini, dan letakkan dibawah kode <data:post.body/>
<div class='share-buttons-box'>
  <div class='share-buttons'>
   <div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div>
   <div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
   <div class='share fbshare'><div class='fb-share-button' data-type='box_count' expr:data-href='data:post.url'/></div>
   <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div>
   <div class='share linkedin'><script src='//platform.linkedin.com/in.js' type='text/javascript'>
   lang: en_US </script><script data-counter='top' expr:data-url='data:post.url' type='IN/Share'/></div>
  </div>
  </div>
  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script>
5. Simpan Template!

Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, atau anda kurang mengerti?! Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat postingan anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Tombol Share Sosial Button Seperti EvoMagz

Kali ini saya akan membagikan bagaimana cara membuat Tombol Share Sosial Media Buttons Seperti EvoMagz. Tombol Share ini, merupakan Tombol Share karya Mas Sugeng yang sudah ada di Template EvoMagz. Tombol Share ini keren serta unik sekali, karena Tombol Share Button ini disertai dengan gambar dan Box-Count. Untuk lebih jelasnya perhatikan gambar berikut :

&


Cara Membuat Tombol Share Sosial Button Seperti EvoMagz

Cara Pertama :

1. Buka Blogger Kemudian Login.
2. Dashboard - Template.
3. Edit HTML.

Cara Pembuatan :
1. Temukan Kode (CTRL+F) ]]</b:skin> atau </style>
2. Copy & Paste kode CSS berikut, dan Letakkan diatas kode ]]</b:skin> atau </style>
.share-buttons-box {height: 67px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinCeXlRZelSD6eTa0mTTJ67uoiEcrT1LiHpekQkRo3DsU5EKH18leDlv3wbLRpuNyMFkWU6SWzGQkGZq1oDA17Jg-nXa8xOLMbJdXkN1RCSk5QB9B7Msn3aoQOCWyZzrBSyLAV6WxX-iUc/s1600/share.png) no-repeat 330px 10px;margin:20px 0 15px;overflow:hidden;}
.share-buttons{margin:0 0;height:67px;float:left}
.share-buttons .share{float:left;margin-right:10px;display:inline-block}
3. Jika sudah? Temukan kode <data:post.body/> . Biasanya kode ini lebih dari satu, silakan pilih yang kedua atau yang ketiga. Atau bisa diatas Related Post.
4. Copy&paste kode berikut ini, dan letakkan dibawah kode <data:post.body/>
<div class='share-buttons-box'>
  <div class='share-buttons'>
   <div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div>
   <div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
   <div class='share fbshare'><div class='fb-share-button' data-type='box_count' expr:data-href='data:post.url'/></div>
   <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div>
   <div class='share linkedin'><script src='//platform.linkedin.com/in.js' type='text/javascript'>
   lang: en_US </script><script data-counter='top' expr:data-url='data:post.url' type='IN/Share'/></div>
  </div>
  </div>
  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script>
5. Simpan Template!

Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, atau anda kurang mengerti?! Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat postingan anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Tombol Share Sosial Button Seperti EvoMagz

Tags - Kalian sedang berada dipostingan Cara Membuat Tombol Share Sosial Button Seperti EvoMagz

download Cara Membuat Tombol Share Sosial Button Seperti EvoMagz android terbaru, apk android terbaru Cara Membuat Tombol Share Sosial Button Seperti EvoMagz android asus, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz android advance, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz android apk, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz android app, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz android games, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz android programming, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz aplikasi edit foto,Cara Membuat Tombol Share Sosial Button Seperti EvoMagz aplikasi facebook, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz aplikasi bbm

Cara Membuat Tombol Share Sosial Button Seperti EvoMagz

,

Cara Membuat Tombol Share Sosial Button Seperti EvoMagz aplikasi edit video

aplikasi vidmate Cara Membuat Tombol Share Sosial Button Seperti EvoMagz aplikasi wa, aplikasi play store Cara Membuat Tombol Share Sosial Button Seperti EvoMagz Download, Download Cara Membuat Tombol Share Sosial Button Seperti EvoMagz indonesia aplikasi download lagu, aplikasi pembobol wifi Cara Membuat Tombol Share Sosial Button Seperti EvoMagz Google Drive, download aplikasi instagram Cara Membuat Tombol Share Sosial Button Seperti EvoMagz 3gp,Cara Membuat Tombol Share Sosial Button Seperti EvoMagz mp4,Cara Membuat Tombol Share Sosial Button Seperti EvoMagz mkv, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz google drive, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz 480p,Cara Membuat Tombol Share Sosial Button Seperti EvoMagz 720p, aplikasi android terbaik Cara Membuat Tombol Share Sosial Button Seperti EvoMagz,download aplikasi anti virus, aplikasi bigo live, download template web gratis, download template gratis, template website php, template website responsive, template blogspot, download template html, download template website dinamis gratis, download template premium, download template mirip atau clone, Download Professional XML Blogspot Templates, Free Blogger Templates, download blogger template responsive, Cara Membuat Tombol Share Sosial Button Seperti EvoMagz download template blogger seo, download template blog xml, download template blog gratis terbaru, download template blog simple, download template blogger keren, cara mengganti template blog, download template fast loading seo friendly, Cara posting artikel, Cara memasang widget, Memahami menu-menu di blogger, Cara mengganti atau memasang template, Cara membuat halaman statis, Cara memasang favicon, Cara mengganti judul blog dengan logo, 10 Tutorial blogger lainnya, Cara Menghasilkan Uang dari Blog , Panduan Lengkap, Rahasia Cara Daftar Google AdSense Agar Mudah Diterima, SEO, BLOG, DAN INTERNET MARKETING, Tutorial Belajar SEO dan Blogging juga Internet Marketing Terpadu Yang Mudah Untuk Anda Pelajari, BELAJAR SEO, cara tutorial Membuat Website Wordpress, Cara Cepat Mendapatkan Backlink Untuk Menaikkan Ranking, Download Free Template Blog SEO Friendly Responsive Design Mudah Diedit, Cara membuat blog di blogger com, Cara Melakukan Optimasi SEO Onpage Google Dengan Benar, Berbagai Cara Cari Uang Di Internet Yang Perlu Anda Tahu, CARA MUDAH MEMBUAT THUMBNAIL POST WARNA WARNI SESUAI LABEL POST, CARA MEMBUAT BLOG SEO 100 DI CHKME COM, 5 TEMPLATES BLOGGER SEO RESPONSIVE KEREN TERBAIK 2017 GRATIS, CARA AGAR ARTIKEL ATAU POSTINGAN CEPAT TERINDEX GOOGLE, LANGKAH LANGKAH OPTIMASI ONPAGE PADA BLOG, CARA DAPAT UANG DARI BERBAGAI BISNIS ONLINE, UPLOAD VIDEO DI FACEBOOK BISA DAPAT UANG, CARA MEMBUAT WIDGET TWITTER DI BLOGGER BLOGSPOT, CARA MEMBUAT BREADCRUMBS SEO FRIENDLY DENGAN FONT AWESOME, MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE, CARA MEMBUAT BADGE GOOGLE PLUS DAN DAPAT DI MODIFIKASI, MACAM TAG KONDISIONAL UNTUK MODIFIKASI TAMPILAN DAN MENYEMBUNYIKAN WIDGET, CARA MEMBUAT CATATAN KAKI SEO DAN TERINDEX GOOGLE, TIPS TRIK MEMPERCEPAT LOADING BLOG, TIPS TRIK MENDAPATKAN UANG DOLLAR DARI BLOGGER BLOGSPOT, CARA MEMBUAT THREADED COMMENTS VALID HTML5 DI BLOGGER, MEMBUAT ARTIKEL TERKAIT DISERTAI THUMBNAIL GAMBAR, JQUERY SLIDING PANEL DENGAN MEMBUKA MENUTUP UNTUK BLOGGER, CARA MEMBUAT STICKY WIDGET SIDEBAR DI BLOG, CARA MEMASANG TRANSLATE DENGAN GAMBAR BENDERA DI BLOG, FASTESEO SEO RESPONSIVE BLOGGER TEMPLATE, 6 RAHASIA CARA SAYA MENINGKATKAN RANKING ALEXA, DOWNLOAD TEMPLATE BLOGSPOT SEO RESPONSIVE PREMIUM, Cara memasang widget, download template blog anime, SSH PREMIUM, SSH GRATIS, OPEN SSH, Config HI Axis100Config HI Indosat, Config HI Smartfreen, Config HI Telkomsel, Config HI Three 3, Config HI XL, Config KPN Tunnel Ultimate, Config KPN Tunnel Ultimate Axis, Config KPN Tunnel Ultimate Telkomsel, Config KPN Tunnel Ultimate Three, Config OpenVPN Axis, Config OpenVPN Indosat, Config OpenVPN Three 3, Config OpenVPN XL

Diposting oleh
,
Terimakasih telah membaca : Cara Membuat Tombol Share Sosial Button Seperti EvoMagz. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari ~~~ SeoChipS ~~~. Terimakasih.
0 Komentar untuk "Cara Membuat Tombol Share Sosial Button Seperti EvoMagz"

Diberdayakan oleh Blogger.