الأربعاء، 2 يونيو 2010

شرح إضافة زر " 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/AVvXsEjVnOH0FgBOG0xrlDxM5ISX1tqH37Q2cDXJ3DDik2cpJnuyIcedh8rSTVaA-uKbsXXkeyRibL23LgVMXGuuziwvGpIOdfUxMwnBtuYG235t-yXTbLFoqdwaYWpPtHYMUsW_JHwMTeg0p9E/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/AVvXsEhrQt7TToEeFKOiAa9XKYqe19dy7q67gQoCDKb4zY1_907FiT4k7vPAXYOWCCHwMU-pQ_9pYjRxo-L1NNpvnh-WJE_obWnhX89ZUtdF2D-hoQt9oGDuAGXtIjBMH-EO-cZ1le9QQtuudL8/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/AVvXsEhrQt7TToEeFKOiAa9XKYqe19dy7q67gQoCDKb4zY1_907FiT4k7vPAXYOWCCHwMU-pQ_9pYjRxo-L1NNpvnh-WJE_obWnhX89ZUtdF2D-hoQt9oGDuAGXtIjBMH-EO-cZ1le9QQtuudL8/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'/>

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

ليست هناك تعليقات:

إرسال تعليق