Seperti biasa sebelum kita melakukan Cara Membuat Link ShareDi Blog ini anda harus log in dulu ke blog anda
Kalau sudah mari kita mulai
Cara Membuat Link Share Di Blog ini
Cara ini sebetulnya sama dengan artikel saya sebelumnya
yaitu Cara Membuat link Follow Di Blog silahkan lihat dulu Cara Membuat Link followDi Blog Bedanya hanya Konten HTML dan Java Scriptnya saja.
Ikutilah langkah-langkah pada Cara Membuat Link Follow DiBlog kemudian pada bagian memasukkan konten HTMLnya masukkan code HTML dibawah ini:
<script type="text/javascript">var
addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript"
src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51022f7e236235b3"></script>
<script type='text/javascript'>
document.doAT = function(cl)
{
var myclass
= new RegExp('hentry');
var
myTitleContainer = new RegExp('post-title');
var
myPostContent = new RegExp('post-footer');
var elem =
this.getElementsByTagName('div');
for (var i
= 0; i < elem.length; i++)
{
var
classes = elem[i].className;
if
(myclass.test(classes))
{ var container = elem[i];
for
(var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes[b].className;
if (myTitleContainer.test(item))
{
var link = container.childNodes[b].getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url =
link[0].href;
var title =
link[0].innerHTML;
}
else
{
var url =
document.url;
var title = container.childNodes[b].innerHTML;
}
if (typeof(url) == 'undefined'|| url == 'undefined' ){
url =
window.location.href;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');
}
if (myPostContent.test(item))
{
var footer = container.childNodes[b];
}
}
var addthis_tool_flag = true;
var
addthis_class = new RegExp('addthis_toolbox');
var
div_tag = this.getElementsByTagName('div');
for
(var j = 0; j < div_tag.length; j++)
{
var
div_classes = div_tag[j].className;
if
(addthis_class.test(div_classes))
{
if(div_tag[j].getAttribute("addthis:url")
== encodeURI(url))
{
addthis_tool_flag
= false;
}
}
} if(addthis_tool_flag)
{
var n =
document.createElement('div');
var at = "<div
class='addthis_toolbox addthis_default_style '
addthis:title='"+title+"'
addthis:url='"+encodeURI(url)+"'
> <a class='addthis_button_facebook_like'
fb:like:layout='button_count'></a> <a
class='addthis_button_tweet'></a> <a
class='addthis_button_pinterest_pinit'></a> <a
class='addthis_counter addthis_pill_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n ,
footer);
}
}
}
return true;
};
document.doAT('hentry');
</script>
Pada code html Cara Membuat Link Follow Di Blog sebelumnya
kita diminta untuk merubah beberapa bagian codenya tapi pada Cara Membuat Link ShareDi Blog ini kita tak perlu merubah apapun
Kalau sudah klik Simpan
Dan klik Simpan Setelan (kanan atas)
Lihatlah blog anda
Selesai
Begitula Cara Membuat Link Share Di Blog
Semoga bermanfaat
Terkait:
Tidak ada komentar:
Posting Komentar