Tunggu Sebentar...

2/10/2017

Share Button Sosmed Ala Evomagz V2

Baca Juga



Agar Website AA SCIENCES Rutin Update Artikel Terkait Dunia SHARING PENGALAMAN atau hal lainnya, Mohon Bantu Donasinya Akhy dan Ukhti, Caranya pun Mudah. Akhy dan Ukhti hanya cukup Meng-Klik Iklan Dibawah ini ataupun Iklan yang Berada Dimana Saja. Salam Ukhuwah dan Saling Peduli Sesama yaa Akhy dan Ukhti :)

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



Share button
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(http://3.bp.blogspot.com/-moj4-jk-UB0/U1qCkCPaGQI/AAAAAAAADTY/tixmak8NHV8/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.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon