Cara Membuat Tombol share Facebook Pada Blog
Langkah pertama yang harus anda lakukan adalah meletakan kode HTML pada template anda
-Masuk Blogger
-menu template
-edit html
setelah anda masuk pada pengeditan template blog anda, kemudian cari kode ini <b:includable id='post' var='post'> gulung layar ke bawah dan cari kode di bawah ini atau yang mirip dengan kode di bawah ini
Copi kode dibawah ini dan letakan setelah kode diatas (di bawah kode </div>).
Jika lebar halaman posting anda tidak muat dengan 3 tombol share maka ganti angka 3 menjadi 2. sehingga tanpilannya hanya 2 tombol share.
Meletakan Java Script Tombol Social Share
letakan javascript defer js social share button yang saya dapat dari kompi ajaib ini di atas kode </body>
Kode CSS Tombol Share
Agar tampilannya rapi maka tombol share perlu diatur dengan CSS. Letakan diatas </head>
Langkah pertama yang harus anda lakukan adalah meletakan kode HTML pada template anda
-Masuk Blogger
-menu template
-edit html
setelah anda masuk pada pengeditan template blog anda, kemudian cari kode ini <b:includable id='post' var='post'> gulung layar ke bawah dan cari kode di bawah ini atau yang mirip dengan kode di bawah ini
<data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Copi kode dibawah ini dan letakan setelah kode diatas (di bawah kode </div>).
<b:if cond='data:blog.pageType == "item"'><div class="don-share" data-limit="3"> <div class="don-share-total"></div> <div class="don-share-facebook"></div> <div class="don-share-twitter"></div> <div class="don-share-google"></div> <div class="don-share-linkedin"></div> <div class="don-share-pinterest"></div> <div class="don-share-tumblr"></div> <div class="don-share-stumbleupon"></div> <div class="don-share-reddit"></div> <div class="don-share-pocket"></div></div><div class='clear'/></b:if>
Jika lebar halaman posting anda tidak muat dengan 3 tombol share maka ganti angka 3 menjadi 2. sehingga tanpilannya hanya 2 tombol share.
Meletakan Java Script Tombol Social Share
letakan javascript defer js social share button yang saya dapat dari kompi ajaib ini di atas kode </body>
<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>//<![CDATA[function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/js/master/share-donreach.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;//]]></script>
</b:if>
Kode CSS Tombol Share
Agar tampilannya rapi maka tombol share perlu diatur dengan CSS. Letakan diatas </head>
<b:if cond='data:blog.pageType == "item"'><style type='text/css'>.don-share .don-share-total{position:relative!important}.don-share .don-share-total:after{bottom:0!important}</style>
</b:if>
Simpan Template
Tombol share ini memerlukan waktu dalam menampilkan berapa jumlah klik share, jadi jangan heran jika jumlah masih tetap pada pojok tombol sharenya. Social share model ini bisa juga di pasang pada wordpress.
Demikian Artikel mengenai Cara Membuat Tombol share Facebook Pada Blog
semoga bermanfaat. Sekian dan terimakasih
Demikian Artikel mengenai Cara Membuat Tombol share Facebook Pada Blog
semoga bermanfaat. Sekian dan terimakasih
1 Komentar untuk "Cara Membuat Tombol share Facebook Pada Blog"
Dapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www,SmsQQ,com
Keunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )
Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66
Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com
Link Dan Spam Akan Terhapus Otomatis oleh system Otomatis Kami.
Budayakan Berkomentar Menggunakan Bahasa yang baik dan benar.
~ KAKI SEO ~