cara gampang membuat seleksi text postingan blogger share

cara gampang membuat seleksi text postingan blogger share

Mungkin ada banyak sekali widget share untuk blogger dari mulai berbentuk fixed, floating, button dan lainya tapi saya disini coba memberikan yang terbaru yaitu share postingan blog melalui selected teks postingan.

Dimana disini dengna otomatis akan memunculkan toolstips pada teks / artikel yang di seleksi, Keren kan sob dan kamu tidak usah khawatir mengenai pengaruhnya pada loading blog karena saya jamin deh ini widget tidak akan membuat loading blog kamu ternodai hahahaha.

Oh iya kalau mau lihat demonya silahkan uji coba di blog perampokgoogle ini atau lihat dibawah ini.

Tapi sebelum itu siapa tahu sobat ada yang pengen menggunakan sosial share blogger model lainya bisa lihat di artikel ini cara membuat sosial media share counter di dalam postingan blog

Oke mari kita belajar sama sama disini jangan sombong dan jangan congkak yak !

#1. Silahkan masuk ke blogger masing masing jangan punya orang https://www.blogger.com
#2. Cari kode </body> copy script js dan css dibawah ini lalu paste tepat diatasnya.

<script type='text/javascript'>
//<![CDATA[
// Selected For Share Perampok
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("https://rawgit.com/perampokgoogle/Select-Text-Share/master/styleselected.css")
// Select Text For Share
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/perampokgoogle/Select-Text-Share/master/sharethistext.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

#3. Kalau sudah save template dan buktikan sendiri work atau tidak
#4. Jika tidak berjalan atau bekerja coba cek terlebih dahulu sudah adakah JQuery.js didalam templater blogger kamu kalau belum silahkan masukan JQuery ini diatas kode </head>

</script>
<script type='text/javascript'>
function downloadJSAtOnload() {
var element = document.createElement(&quot;script&quot;);
element.src = &quot;//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js&quot;;
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener(&quot;load&quot;, downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent(&quot;onload&quot;, downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

Jika tidak bekerja juga coba pakai yang ini letakan diatas </head>

<script async='async' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Oke selesai semoga dapat dipraktekin ya kalau ada apa apa tanyakan pada admin disini !