Memasang Tombol Share Kreatif Dibawah Posting Blog - Hallo sahabat TIPS TUTORIAL ANDROID, Pada Artikel yang anda baca kali ini dengan judul Memasang Tombol Share Kreatif Dibawah Posting Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Memasang Tombol Share Kreatif Dibawah Posting Blog
link : Memasang Tombol Share Kreatif Dibawah Posting Blog

Memasang Tombol Share Kreatif Dibawah Posting Blog

Tombol social share merupakan salah satu bab terpenting yang harus anda terapkan di blog. Dimana tujuan utama bagi pemilik blog yaitu untuk mendatangkan refferal traffic. Agar kiriman atau artikel profesional anda lebih sering di share ke facebook, di tweet ke twitter maupun diberi g+1 maka salah satu hal yang sanggup mempengaruhinya yaitu desain dari tombol social share itu sendiri yang harus terlihat menarik.

Berikut ini saya telah menciptakan tombol social share twitter tweet, facebook share dan tombol g+1 yang telah di desain dengan tampilan yang berbeda dari milik anda atau kompetitor anda yakni dengan memakai imbas css3 dan tanpa memakai gambar dimana cara kerja dari tombol ini ia akan memunculkan tombol share twitter, tombol bagikan ke facebook dan google plus one pada ketika pembaca melaksanakan hover yang sanggup anda pasang dibawah postingan blog.

Lihat Demo

Langkah-langkah memasang tombol share dibawah posting blog

1) Masuk ke dashboard akun blogger anda
2) Klik Template kemudian lakukan Back up
3) Klik Edit Template kemudian cari tags pembuka
<div class='post-footer-line post-footer-line-1'>
4) Salin semua instruksi dibawah ini kemudian tempatkan sempurna dibawah tags tersebut

Klik ganda untuk menyalin

 <style type="text/css"> @import "//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"; #kotak{position:relative;margin:auto;text-align:center} #kotak .bagikeun{border-radius:10%;width:100px;height:80px;background:#eee6dd;display:inline-block;margin:0 10px;overflow:hidden;font-family:'Roboto',sans-serif;text-align:center;color:#f0f0f0;cursor:default} #kotak .bagikeun:before{width:100px;background:#eee6dd;display:block;font-family:'FontAwesome',sans-serif;font-size:30px;line-height:90px;text-align:center;color:#777;transition:font-size .5s,line-height .5s;margin-bottom:5px} #kotak .bagikeun:hover:before{font-size:200%;line-height:50px;text-align:center} #kotak .twitter:before{content: '\f099'; color:#fbfbfb;background: #00cdff;} #kotak .facebook:before{content: '\f09a'; color:#fbfbfb;background: #3c5f96;} #kotak .google:before{content: '\f0d5';color:#fbfbfb;background: #d24228;} </style> <div id="kotak">   <div class="bagikeun twitter"><a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script> </div>   <div class="bagikeun facebook"><div class="fb-share-button" expr:data-href='data:post.url' data-type="button_count"></div> <div id="fb-root"></div> <script>//<![CDATA[ (function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=568581339861351";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //]]> </script></div>   <div class="bagikeun google"> <div class="g-plusone" data-size="medium">   </div>      <!-- Place this tag after the last +1 button tag. -->   <script type="text/javascript">     (function() {       var po = document.createElement('script');       po.type = 'text/javascript';       po.async = true;       po.src = 'https://apis.google.com/js/plusone.js';       var s = document.getElementsByTagName('script')[0];       s.parentNode.insertBefore(po, s);     }     )();     </script></div> 

5) Klik Simpan

Satu hal yang perlu anda rubah yaitu appId=568581339861351 ganti dengan appId Facebook milik anda. Semoga anda menyukainya. Enjoy & Happy Coding!

Demikianlah Artikel Memasang Tombol Share Kreatif Dibawah Posting Blog

Sekianlah artikel Memasang Tombol Share Kreatif Dibawah Posting Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Memasang Tombol Share Kreatif Dibawah Posting Blog dengan alamat link https://tipstutorial-android.blogspot.com/2020/03/memasang-tombol-share-kreatif-dibawah.html

Share this post