اضافة أداة الزوار الأكثر تفاعلا لمدونات بلوجر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

اضافة أداة الزوار الأكثر تفاعلا لمدونات بلوجر

مُساهمة من طرف Admin في الجمعة يونيو 10, 2016 10:42 pm

في هذا الموضوع سنقوم بشرح طريقة اضافة أداة رائعة لمدونات بلوجر..

هذه الاضافة تمكنك من اظهار أكثر الأشخاص تفاعلا مع مواضيع مدونتك..وتقوم باظهار الأشخاص الذين لهم أكبر عدد من التعليقات في مدونتك..

وهذا سيشجع متابعي مدونتك على أن يتفاعلو أكثر مع منشوراتك مما سيعطي لمدونتك نشاطا أكبر ..

لنمر الى شرح كيفية اضافة هذه الأداة :

اذهب الى لوحة التحكم في بلوجر

اختر "التخطيط" ثم أضف أداة جديدة HTML/JavaScript

والأن قم بلصق الكود التالي :


الكود:
<style type=


الكود:
"text/css"


الكود:
>



الكود:
.top-commentators {


الكود:
margin


الكود:


الكود:
3px

 
الكود:
0px


الكود:
;


الكود:
border-bottom


الكود:


الكود:
1px

 
الكود:
dotted

 
الكود:
#CCC


الكود:
;


الكود:
font-family


الكود:
:


الكود:
arial


الكود:
;


الكود:
color


الكود:


الكود:
#FF764C


الكود:
;}.top-commentators b{


الكود:
color


الكود:


الكود:
rgb


الكود:
(


الكود:
132


الكود:


الكود:
132


الكود:


الكود:
132


الكود:
);}



الكود:
.avatar-top-commentators {



الكود:
vertical-align


الكود:
:


الكود:
middle


الكود:
;



الكود:
border-radius: 


الكود:
30px


الكود:
;}.top-commentators .commenter-link-name {


الكود:
padding-left


الكود:
:


الكود:
0


الكود:
;}



الكود:
</style>



الكود:
<script type=


الكود:
"text/javascript"


الكود:
>



الكود:
var maxTopCommenters = 


الكود:
8


الكود:
;



الكود:
var minComments = 


الكود:
1


الكود:
;    



الكود:
var numDays = 


الكود:
0


الكود:
;        



الكود:
var excludeMe = true;   



الكود:
var excludeUsers = [


الكود:
"Anonymous"


الكود:


الكود:
"someotherusertoexclude"


الكود:
];



الكود:
var maxUserNameLength = 


الكود:
42


الكود:
;



الكود:
//



الكود:
var txtTopLine = 


الكود:
'<b>[#].</b> [image] ([user]) ([count]) '


الكود:
;



الكود:
var txtNoTopCommenters = 


الكود:
'No top commentators at this time.'


الكود:
;



الكود:
var txtAnonymous = 


الكود:
''


الكود:
;



الكود:
//



الكود:
var sizeAvatar = 


الكود:
33


الكود:
;



الكود:
var cropAvatar = true;



الكود:
//



الكود:
var urlNoAvatar = 


الكود:
"http://2.bp.blogspot.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png"

 
الكود:
+ sizeAvatar;



الكود:
var urlAnoAvatar =


الكود:
'http://1.bp.blogspot.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/s1600/avatar1.png'

 
الكود:
+ sizeAvatar;



الكود:
var urlMyProfile = 


الكود:
''


الكود:
;



الكود:
var urlMyAvatar = 


الكود:
''


الكود:
;



الكود:
if(!Array.indexOf) {



 

الكود:
Array.prototype.indexOf=function(obj) {



  

الكود:
for(var i=


الكود:
0


الكود:
;i<this.length;i++) if(this[i]==obj) return i;



  

الكود:
return 


الكود:
-1


الكود:
;



الكود:
}}



الكود:
function replaceTopCmtVars(text, item, position)



الكود:
{



  

الكود:
if(!item || !item.author) return text;



  

الكود:
var author = item.author;



  

الكود:
var authorUri = 


الكود:
""


الكود:
;



  

الكود:
if(author.uri && author.uri.$t != 


الكود:
""


الكود:
)



    

الكود:
authorUri = author.uri.$t;



  

الكود:
var avaimg = urlAnoAvatar;



  

الكود:
var bloggerprofile = 


الكود:
"http://www.blogger.com/profile/"


الكود:
;



  

الكود:
if(author.gd$image && author.gd$image.src && authorUri.substr(


الكود:
0


الكود:
,bloggerprofile.length) == bloggerprofile)



    

الكود:
avaimg = author.gd$image.src;



  

الكود:
else {



    

الكود:
var parseurl = document.createElement(


الكود:
'a'


الكود:
);



    

الكود:
if(authorUri != 


الكود:
""


الكود:
) {



      

الكود:
parseurl.href = authorUri;



      

الكود:
avaimg = 


الكود:
'http://www.google.com/s2/favicons?domain='

 
الكود:
+ parseurl.hostname;



    

الكود:
}



  

الكود:
}



  

الكود:
if(urlMyProfile != 


الكود:
""

 
الكود:
&& authorUri == urlMyProfile && urlMyAvatar != 


الكود:
""


الكود:
)



    

الكود:
avaimg = urlMyAvatar;



  

الكود:
if(avaimg == 


الكود:
"http://img2.blogblog.com/img/b16-rounded.gif"

 
الكود:
&& urlNoAvatar !=


الكود:
""


الكود:
)



    

الكود:
avaimg = urlNoAvatar;



  

الكود:
var newsize=


الكود:
"s"


الكود:
+sizeAvatar;



  

الكود:
avaimg = avaimg.replace(/\/s\d\d+-c\//, 


الكود:
"/"


الكود:
+newsize+


الكود:
"-c/"


الكود:
);



  

الكود:
if(cropAvatar) newsize+=


الكود:
"-c"


الكود:
;



  

الكود:
avaimg = avaimg.replace(/\/s\d\d+(-c){


الكود:
0


الكود:
,


الكود:
1


الكود:
}\//, 


الكود:
"/"


الكود:
+newsize+


الكود:
"/"


الكود:
);



  

الكود:
var authorName = author.name.$t;



  

الكود:
if(authorName == 


الكود:
'Anonymous'

 
الكود:
&& txtAnonymous != 


الكود:
''

 
الكود:
&& avaimg == urlAnoAvatar)



    

الكود:
authorName = txtAnonymous;



  

الكود:
var imgcode = 


الكود:
'<img class="avatar-top-commentators" height="'


الكود:
+sizeAvatar+


الكود:
'" width="'


الكود:
+sizeAvatar+


الكود:
'" title="'


الكود:
+authorName+


الكود:
'" src="'


الكود:
+avaimg+


الكود:
'" />'


الكود:
;



  

الكود:
if(authorUri!=


الكود:
""


الكود:
) imgcode = 


الكود:
'<a href="'


الكود:
+authorUri+


الكود:
'">'


الكود:
+imgcode+


الكود:
'</a>'


الكود:
;



  

الكود:
if(maxUserNameLength > 


الكود:
3

 
الكود:
&& authorName.length > maxUserNameLength)



    

الكود:
authorName = authorName.substr(


الكود:
0


الكود:
, maxUserNameLength


الكود:
-3


الكود:
) + 


الكود:
"..."


الكود:
;



  

الكود:
var authorcode = authorName;



  

الكود:
if(authorUri!=


الكود:
""


الكود:
) authorcode = 


الكود:
'<a class="commenter-link-name" href="'


الكود:
+authorUri+


الكود:
'">'


الكود:
+authorcode+


الكود:
'</a>'


الكود:
;



  

الكود:
text = text.replace(


الكود:
'[user]'


الكود:
, authorcode);



  

الكود:
text = text.replace(


الكود:
'[image]'


الكود:
, imgcode);



  

الكود:
text = text.replace(


الكود:
'[#]'


الكود:
, position);



  

الكود:
text = text.replace(


الكود:
'[count]'


الكود:
, item.count);



  

الكود:
return text;



الكود:
}



الكود:
var topcommenters = {};



الكود:
var ndxbase = 


الكود:
1


الكود:
;



الكود:
function showTopCommenters(json) {



  

الكود:
var one_day=


الكود:
1000


الكود:
*


الكود:
60


الكود:
*


الكود:
60


الكود:
*


الكود:
24


الكود:
;



  

الكود:
var today = new Date();



  

الكود:
if(urlMyProfile == 


الكود:
""


الكود:
) {



    

الكود:
var elements = document.getElementsByTagName(


الكود:
"*"


الكود:
);



    

الكود:
var expr = /(^| )profile-link( |$)/;



    

الكود:
for(var i=


الكود:
0

 
الكود:
; i<elements.length ; i++)



      

الكود:
if(expr.test(elements[i].className)) {



        

الكود:
urlMyProfile = elements[i].href;



        

الكود:
break;



      

الكود:
}



  

الكود:
}



  

الكود:
if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i =


الكود:
0

 
الكود:
; i < json.feed.entry.length ; i++ ) {



    

الكود:
var entry = json.feed.entry[i];



    

الكود:
if(numDays > 


الكود:
0


الكود:
) {



      

الكود:
var datePart = entry.published.$t.match(/\d+/g);



      

الكود:
var cmtDate = new Date(datePart[


الكود:
0


الكود:
],datePart[


الكود:
1


الكود:
]


الكود:
-1


الكود:
,datePart[


الكود:
2


الكود:
],datePart[


الكود:
3


الكود:
],datePart[


الكود:
4


الكود:
],datePart[


الكود:
5


الكود:
]);



   
 

      

الكود:
var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));



      

الكود:
if(days > numDays) break;



    

الكود:
}



    

الكود:
var authorUri = 


الكود:
""


الكود:
;



    

الكود:
if(entry.author[


الكود:
0


الكود:
].uri && entry.author[


الكود:
0


الكود:
].uri.$t != 


الكود:
""


الكود:
)



      

الكود:
authorUri = entry.author[


الكود:
0


الكود:
].uri.$t;



    

الكود:
if(excludeMe && authorUri != 


الكود:
""

 
الكود:
&& authorUri == urlMyProfile)



      

الكود:
continue;



    

الكود:
var authorName = entry.author[


الكود:
0


الكود:
].name.$t;



    

الكود:
if(excludeUsers.indexOf(authorName) != 


الكود:
-1


الكود:
)



      

الكود:
continue;



    

الكود:
var hash=entry.author[


الكود:
0


الكود:
].name.$t + 


الكود:
"-"

 
الكود:
+ authorUri;



    

الكود:
if(topcommenters[hash])



      

الكود:
topcommenters[hash].count++;



    

الكود:
else {



      

الكود:
var commenter = new Object();



      

الكود:
commenter.author = entry.author[


الكود:
0


الكود:
];



      

الكود:
commenter.count = 


الكود:
1


الكود:
;



      

الكود:
topcommenters[hash] = commenter;



    

الكود:
}



  

الكود:
}



  

الكود:
if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 


الكود:
200


الكود:
) {



    

الكود:
ndxbase += 


الكود:
200


الكود:
;



    

الكود:
document.write(


الكود:
'<script type="text/javascript" src="http://'


الكود:
+window.location.hostname+


الكود:
'/feeds/comments/default?redirect=false&max-results=200&start-index='


الكود:
+ndxbase+


الكود:
'&alt=json-in-script&callback=showTopCommenters"></'


الكود:
+


الكود:
'script>'


الكود:
);



    

الكود:
return;



  

الكود:
}



  

الكود:
// convert object to array of tuples



  

الكود:
var tuplear = [];



  

الكود:
for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);



  

الكود:
tuplear.sort(function(a, b) {



    

الكود:
if(b[


الكود:
1


الكود:
].count-a[


الكود:
1


الكود:
].count)



        

الكود:
return b[


الكود:
1


الكود:
].count-a[


الكود:
1


الكود:
].count;



    

الكود:
return (a[


الكود:
1


الكود:
].author.name.$t.toLowerCase() < b[


الكود:
1


الكود:
].author.name.$t.toLowerCase()) ? 


الكود:
-1

 
الكود:


الكود:
1


الكود:
;



  

الكود:
});



  

الكود:
var realcount = 


الكود:
0


الكود:
;



  

الكود:
for(var i = 


الكود:
0


الكود:
; i < maxTopCommenters && i < tuplear.length ; i++) {



    

الكود:
var item = tuplear[i][


الكود:
1


الكود:
];



    

الكود:
if(item.count < minComments)



        

الكود:
break;



    

الكود:
document.write(


الكود:
'<di'


الكود:
+


الكود:
'v class="top-commentators">'


الكود:
);



    

الكود:
document.write(replaceTopCmtVars(txtTopLine, item, realcount+


الكود:
1


الكود:
));



    

الكود:
document.write(


الكود:
'</d'


الكود:
+


الكود:
'iv>'


الكود:
);



    

الكود:
realcount++;



  

الكود:
}



  

الكود:
if(!realcount)



    

الكود:
document.write(txtNoTopCommenters);



الكود:
}



الكود:
document.write(


الكود:
'<script type="text/javascript" src="http://'


الكود:
+window.location.hostname+


الكود:
'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'


الكود:
+


الكود:
'script>'


الكود:
);



الكود:
</script>







الكود:
 اعمل حفظ للأداة الجديدة وسيتم اظهار الأضافة في مدونتك بشكل جميل..
ستجعل هذه الاضافة شكل مدونتك يبدو جميلا كما ستجعل زوار مدونتك يتفاعلون أكثر مع المواضيع التي تقدمها لهم وذلك لتظهر أسمائهم في قائمة أكثر الأشخاص تفاعلا في مدونتك..
فكما نعرف أن التفاعل الكبير مع مواضيع المدونة يزيد من ثقة محركات البحث في مدونتك وستحصل على مراتب جيدة فيها وسترسل لك زوار أكثر..

Admin
Admin

المساهمات : 55
تاريخ التسجيل : 10/06/2016

معاينة صفحة البيانات الشخصي للعضو http://tgm3.a7larab.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى