إدراج أيقونات المفضلة تحت مواضيع المدونة في بلوجر Social Bookmark

| ]

في هذا الموضوع بإذن الله سنتعرف و رفقتكم الكريمة طريقة إضافة صف لإيقونات مواقع جمع الروابط social bookmark أو المفضلة كما يعرف الجميع . و وقوفا عند طلب أحد الإخوان مشكورا سأحاول بإذن الله شرح طريقة وضعها تحت كل موضوع كما يبدو في الصورة الموالية . و تجدر الإشارة إلى أن هناك طريقة أيسر و أفضل سأقوم بوضعها في موضوع لاحق بإذن الله.

القاعدة الذهبية :

قبل تعديل القالب ، من الضروري حفظ نسخة احتياطية منه لاستعادتها عند الضرورة !
أولا : كالعادة من لوح تحكم المدونة نضغط " التخطيط " ثم " تحرير Html " و نؤشر على خانة توسيع القالب

.
ثم نبحث عن هذا الكود

]]></b:skin>

ثم مباشرة فوقه نضع كود css هذا

.bookmark{
padding:0px;
margin-top:15px;
background:#ddd;
}
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px;
}
.bookmark img { border: 0;
padding:0px;
margin-top:15px;
}

ثم مباشرة فوق

</head>

نضع هذا الكود

<script type='text/javascript'>

//<![CDATA[
// Beautiful Beta Javascript Library
// -------------------------------------------
// Version: 1.04
// Date: 2006-12-21
// Website: http://beautifulbeta.blogspot.com
// -------------------------------------------

function showsbtext(id,index) {
var bookmarktext=document.getElementById(id);
var sbValues= new Array();
sbValues[0] = 'أضف الموضوع إلى مفضلتك';
sbValues[1] = 'أضف إلى Digg';
sbValues[2] = 'أضف إلى Delicious';
sbValues[3] = 'أضف إلى Blinklist';
sbValues[4] = 'أضف إلى Yahoo Web';
sbValues[5] = 'أضف إلى Netvouz';
sbValues[6] = 'أضف إلى Ma.gnolia';
sbValues[7] = 'أضف إلى Fark';
sbValues[8] = 'أضف إلى Furl';
sbValues[9] = 'أضف إلى Technorati';
sbValues[10] = 'أضف إلى Simpy';
sbValues[11] = 'أضف إلى Spurl';
sbValues[12] = 'أضف إلى Newsvine';
sbValues[13] = 'أضف إلى Blinkbits';
sbValues[14] = 'أضف إلى Smarkings';
sbValues[15] = 'أضف إلى Segnalo';
sbValues[16] = 'أضف إلى De.lirio.us';
sbValues[17] = 'أضف إلى Reddit';
sbValues[18] = 'أضف إلى Wists';
sbValues[19] = 'أضف إلى Google';
sbValues[20] = 'أضف إلى Stumbleupon';
document.getElementById(bookmarktext.id).innerHTML = sbValues[index];
}

function getPostTitle(fullpath) {
var splitinput = fullpath.split("/");
var lastpart = splitinput[5];
var linktext = lastpart.split(".html");
var postlink = fullpath.split("#");
var outputstring = linktext[0].replace(/-/g," ");
outputstring = "\"" + outputstring + "\"";
outputstring = outputstring.link(postlink[0]);
document.write(outputstring);
return;
}

function getCommentLink(clink) {
var splitinput = clink.split("#");
var commentlink = splitinput[0];
commentlink = commentlink.concat("#comment-",splitinput[1]);
var outputstring = "(more)";
outputstring= outputstring.link(commentlink);
document.write(outputstring);
}

function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
var comment = entry.content.$t;
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented');
if (showposttitle == true) document.write(' on ' + posttitle);
document.write(': ');
if (comment.length < numchars)
document.write('' + comment + ' ');
else
document.write(''+ comment.substring(0, numchars) + '... ');
}
 
document.write('Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a> Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a> ');
}

//]]>
</script>

بعدها ابحث عن هذا الكود

و قد تجده على هذا الشكل كذلك

ثم مباشرة تحته كذلك ضع الكود الآتي :

<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='25%'>
<div expr:id='"sbtxt"+data:post.id'>أضف الموضوع إلى مفضلتك :</div><script
type='text/javascript'>showsbtext("sbtxt" +
"<data:post.id/>",0)</script>
</td>
<td>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url
+ "&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",20);"' rel='nofollow' target='_blank'><img
alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a>
<a expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" +
data:post.url + "&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",6);"' rel='nofollow' target='_blank'><img alt='Ma.gnolia'
border='0' src='http://home.kpn.nl/oosti468/images/icon_sb_mag.gif'/></a>
<a expr:href='"http://digg.com/submit?phase=3&url=" +
data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" +
data:post.id + "\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",1);"' rel='nofollow' target='_blank'><img alt='DiggIt!'
src='http://home.kpn.nl/oosti468/images/icon_sb_dig.gif'/></a> <a
expr:href='"http://del.icio.us/post?url=" + data:post.url +
"&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",2);"' rel='nofollow' target='_blank'><img alt='Del.icio.us'
src='http://home.kpn.nl/oosti468/images/icon_sb_del.gif'/></a> <a
expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url="
+ data:post.url + "&Title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",3);"' rel='nofollow' target='_blank'><img alt='Blinklist'
src='http://home.kpn.nl/oosti468/images/icon_sb_bli.gif'/></a> <a
expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" +
data:post.url + "&=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",4);"' rel='nofollow' target='_blank'><img alt='Yahoo'
src='http://home.kpn.nl/oosti468/images/icon_sb_yah.gif'/></a> <a
expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url +
"&t=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",8);"' rel='nofollow' target='_blank'><img alt='Furl'
src='http://home.kpn.nl/oosti468/images/icon_sb_fur.gif'/></a> <a
expr:href='"http://www.technorati.com/cosmos/search.html?url=" +
data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" +
data:post.id + "\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",9);"' rel='nofollow' target='_blank'><img alt='Technorati'
src='http://home.kpn.nl/oosti468/images/icon_sb_tec.gif'/></a> <a
expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" +
data:post.url + "&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",10);"' rel='nofollow' target='_blank'><img alt='Simpy'
src='http://home.kpn.nl/oosti468/images/icon_sb_sim.gif'/></a> <a
expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url +
"&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",11);"' rel='nofollow' target='_blank'><img alt='Spurl'
src='http://home.kpn.nl/oosti468/images/icon_sb_spu.gif'/></a> <a
expr:href='"http://reddit.com/submit?url=" + data:post.url +
"&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",17);"' rel='nofollow' target='_blank'><img alt='Reddit'
src='http://home.kpn.nl/oosti468/images/icon_sb_red.gif'/></a> <a
expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" +
data:post.url + "&title="+data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",19);"' rel='nofollow' target='_blank'><img alt='Google'
src='http://home.kpn.nl/oosti468/images/icon_sb_goo.gif'/></a>
</td>
</tr>
</table>

و أخيرا احفظ القالب و مبروك عليك !
روابط ذات صلة :
هاك مقدم من طرف Beautifulbeta
موضوع الاقتباس Blogspottutorial
تم تعريب محتويات الكود للمدونات العربية .

المشاركات الشائعة

شامل كوم

كن من أصدقائنا!

المشاركات الشائعة

اشتراك في

شامل كوم

كن من أصدقائنا!