cara gampang membuat seleksi text postingan blogger share

cara gampang membuat seleksi text postingan blogger share

Mungkin ada berbagai widget share untuk blogger dari mulai berbentuk fixed, floating, button dan lainya tapi aku disini coba menawarkan yang terbaru adalah share postingan blog melalui selected teks postingan.

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

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

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

Oke mari kita berguru 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 instruksi </body> copy script js dan css dibawah ini lalu paste sempurna 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 kau bila belum silahkan masukan JQuery ini diatas instruksi </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 simpulan supaya dapat dipraktekin ya bila ada apa apa tanyakan pada admin disini !

Tweet