شرح إضافة زر " Delicious Bookmark " لمدونات بلوجر

شرح إضافة زر " Delicious Bookmark " لمدونات بلوجر . أداة رائعة تساعد زوار مدونتك على نشر المواضيع في مفضلاتهم الإجتماعية بسهولة . فهي تشبه تمام زر " Tweet Me " وزر الخاص بالفيسبوك . وقد قام المبرمجين بهذه الإضافة الرائعة حتى أستطاعوا تطويرها للبلوجر .
ولمعرفة كيفية تركيب هذه الإضافة فضلا أتبع الآتي
ادخل إلى لوحة التحكم ثم إلى التخطيط ثم الى تحرير ال HTML وقم بتوسيع القالب
وقم بأخذ نسخة أحتياطية من القالب أولا .
ثم ابحث عن

]]></b:skin>

 وقم بوضع هذا الكود قبله مباشرة 

.share-delicious{
width:50px;
height:63px;
text-align:center;
}

.delicious{
width:50px;
height: 45px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0DMJ0zSbUOmyoadoSPh1XnvW8lz-UFuG9WJ6CoLcoIXUxXmqZeWaH7E6-L_yn5VEecCSXS2WpiQlpwhzU80qCWhZMZFGgACZxrOL7FBZXmC5vsHhnCkh3huxiGUNxyHu0AJ7-t9NRZuQ/s1600/del+above.png) no-repeat;
font-weight: bold;
font-size: 16px;
font-family:arial;
color:#adadad;
margin:0 auto;
line-height:36px;
}
.delicious-b{
font-size:10px;
text-transform:none;
color:#FFF;
margin:0 auto;
width:50px;
height:17px;
line-height: 17px;
}
.delicious-b a:link, .delicious-b a:visited{
color:#FFF;
font-weight:normal;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKuK1eX5FsTP0IEIb9UAy4p1M3-CWO76QgWLCbtQF9h_i54JkKI02o9fo4cyPXE7ErLBNoaHWE2L0xBCmd3wrMZUItuVYYHsPs3f4_rs5kLrndpz6TAXCs0Zwq_7NL6A10lkEugcubtzw/s1600/del+new.png) no-repeat;
display: block;
text-decoration:none;
}
.delicious-b a:hover{
color:#11788b;
font-weight:normal;
text-decoration:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKuK1eX5FsTP0IEIb9UAy4p1M3-CWO76QgWLCbtQF9h_i54JkKI02o9fo4cyPXE7ErLBNoaHWE2L0xBCmd3wrMZUItuVYYHsPs3f4_rs5kLrndpz6TAXCs0Zwq_7NL6A10lkEugcubtzw/s1600/del+new.png) no-repeat center -17px;
display: block;
}

 ثم ابحث عن


    <data:post.body/>


وقم بوضع هذا الكود قبله مباشرة " أي فوقه "

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='share-delicious'>
<div class='delicious' id='delic'>0</div>
<div class='delicious-b'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='blank'>delicious</a></div>
<script type='text/javascript'>
function delic(info) {
if(!info[0]) return;
var num = info[0].total_posts;
if(!num) return;
var delic = document.getElementById(&#39;delic&#39;);
delic.innerHTML = &#39;&#39; + num;
delic.style.textIndent = 0;
delic.style.paddingRight= &#39;6px&#39;;
}
</script>
<script expr:src='&quot;http://badges.del.icio.us/feeds/json/url/data?url= &quot; + data:post.url + &quot;&amp;callback=delic&quot;'/>
</div>

</b:if>

<div class='clear'/>

ثم احفظ القالب
 تم بحمد الله .. لا نرجو غير دعوة صالحة بظهر الغيب