Share Button Sosmed Ala Evomagz V2

AA Sciences, Aldi Andreansyah - Share Button Sosmed, Share Button Sosmed Ala Evomagz, Share Button Sosmed Ala Evomagz, Kumpulan Share Button Sosmed Ala Evomagz, Sosial Media.

Share Button Sosmed Ala Evomagz V2

Sebelumnya AA Sciences alhamdulillah sudah membahas mengenai share button share button yakni baik itu melayang, dari share button di atas kolom posting, share button arlina, share button evomagz v1 dan share button lainnya.

Baca Juga :

• Share Button Ala Evomagz V1
• Share Button Sosmed Ala Evomagz V2
• Share Button Sosmed Melayang Responsive
• Share Button Sosmed Ala Arlina
• Share Button Sosmed Ala Arlina V2

Siapa sih yang tidak mengenal salah satu evomagz ini yaps evomagz, evomagz bukan berarti yakni sebuah orang/pembuat ya, melainkan evomagz ini ialah sebuah tampilan terutama tampilan pada template yang dimana template evomagz ini sudah banyak sekali digunakan oleh para user web/blog sudah menggunakan template evomagz ini dikarenakan template evomagz ini memiliki fitur yang lengkap seperti :

• Seo struktur.
• Valid HTML 5.
• Responsive screen.
• Struktur lengkap.
• Valid design mode sesuaikan pada template.
• Dan masih banyak fitur lainnya.

Membahas Evomagz, evomagz ini dibuat oleh salah satu user web terutama para user blog yang dimana pembuat ini pun salah satu rekan AA Sciences siapa lagi jika ia adalah Mas Sugeng, yaps mas sugeng , mas sugeng ialah salah satu tokoh inspirasi bagi kita terutama dalam bidang blog memblog, sudah banyak design dan artikel² yang ia bagikan terutama dunia blogger yang ia bagikan sehingga hal tersebut lah yang membuat para user web/blog terinspirasi dengan beliau apalagi artikel² nya tersebut sangat lah berbobot² hehe.

Kembali lagi mengenai evomagz, evomagz merupakan sebuah template yang banyak digunakan baik kita sendiri lokal (dalam negri) dan dan interlokal (luar negri), template evomagz ini dapat kalian unduh pada website² yang menyediakan nya dikarenakan template evomagz ini terdapat antara versi free (gratis) dan versi premium (berbayar) . jika kalian menggunakan sebuah template evomagz AA Sciences lebih menyarakan penggunaan mengenai versi premium nya di karena kan masalah seo nya sudah tak bisa di tanding lagi, jika kalian berminat template evomagz ini kalian dapat menghubungi forum AA Sciences.

Button share Sosmed ini pun seperti pada umunya digunakan untuk mempermudah user atau para pengunjung untuk melakukan aktivitas membagikan sebuah artikel pada sebuah web/blog tanpa hars menyalin url terlebih dahulu melainkan hanya mengklik tombol tersebut maka secara otomatis kita diarahkan terhadap Sosmed yang tertuju tersebut.

Namun tidak hanya itu share button Sosmed ala evomagz kali ini cukup lengkap tombol bagikan nya yakni seperti adanya sosial media : Facebook share,facebook like,google+ share, google plus like,twitter share,linkedin share.

Nah bagi kalian yang memang sudah penasaran maka hak tercepat nya langsung saja jika kalian khususnya para pembaca AA Sciences sudah penasaran mengenai Cara Membuat Share Button Sosmed Ala Evomagz V2 yang AA Sciences bagikan kali ini, maka simak tutor nya di bawah ini.

Share Button Sosmed Keren ala Evomagz V2

A . Pembuatan CSS nya terlebih dahulu  :

1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Template - > Edit HTML - > CTRL+F lalu cari kode b:skin atau <style>.

3 . Jika sudah ditemukan kode b:skin atau <style> tadi, langsung saja kalian Copy Paste kan Script CSS di bawah ini, tepat pada bagian dalam kode b:skin atau <style> nya :

/* CSS Share Button Evomagz V2 edited by https://aldiandreansyah.blogspot.co.id */

.share-buttons-box {

 height: 67px;

 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRDEGObW3-CPauKy-DgQzM5mrNo_nVjs1Pn9VyKfNFaDVjRDBQ2v8bwnfpl18F5EKP-rHTRzUxjqlr30sjdUMcEXAthRMf7bNIE_h6_9FUlK2RagpL7nhp9PVTzPNIA1l4OMMoXS951C9/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;

}

.share-buttons .tweet {

 margin-top: 41px;

}

Catatan :

Kalian dapat mengubah lebar dan tinggi ukuran nya sesuka kalian.

4 . Terakhir, pilih menu Simpan Template

B . Penerapan Share Button Sosmed Evomagz di Bawah Postingan

1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Template - > Edit HTML - > CTRL+F (untuk memudahkan pencarian) lalu cari kode <data:post.body/> atau <div class='post-footer'/> pasang di bagian mana sesudah kolom posting an kalian.

3 . Jika sudah ditemukan kode <data:post.body/> atau <div class='post-footer'/> tadi, langsung saja kalian Copy Paste kan Script HTML/Share Button Sosmed nya di bawah ini, tepat pada bagian sebelum kode <data:post.body/> atau <div class='post-footer'/> nya :

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

<!-- Tombol share media sosial edited by https://aldiandreansyah.blogspot.co.id -->

  <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' expr:data-href='data:post.url' data-type='box_count'></div></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>

  <div style='clear: both;'/>

</b:if>

4 . Terakhir, langsung saja kalian pilih menu Simpan Template dan lihat hasil nya dengan cara :

Kunjungi Blog kalian - > Pilih Postingan kalian - >  Gulir halaman ke bagian bawah - > lalu lihat hasilnya pada sesudah postingan kalian dan tara akhir nya button Sosmed share pun alhamdulillah sudah terpasang.

Mungkin hanya cukup sekian mengenai pembahasan Share Button Sosmed Ala Evomagz V2 yang dapat AA Sciences sampaikan, semoga bermanfaat dan sekaligus menambah wawasan kalian mengenai Share Button Sosmed Ala Evomagz V2 ini, Amin.

Share this post