شرح إضافة زر " Delicious Bookmark " لمدونات بلوجر . أداة رائعة تساعد زوار مدونتك على نشر المواضيع في مفضلاتهم الإجتماعية بسهولة . فهي تشبه تمام زر " Tweet Me " وزر الخاص بالفيسبوك . وقد قام المبرمجين بهذه الإضافة الرائعة حتى أستطاعوا تطويرها للبلوجر .
ولمعرفة كيفية تركيب هذه الإضافة فضلا أتبع الآتي
ادخل إلى لوحة التحكم ثم إلى التخطيط ثم الى تحرير ال HTML وقم بتوسيع القالب
وقم بأخذ نسخة أحتياطية من القالب أولا .
ثم ابحث عن
وقم بوضع هذا الكود قبله مباشرة
<data:post.body/>
وقم بوضع هذا الكود قبله مباشرة " أي فوقه "
ثم احفظ القالب
تم بحمد الله .. لا نرجو غير دعوة صالحة بظهر الغيب
ولمعرفة كيفية تركيب هذه الإضافة فضلا أتبع الآتي
ادخل إلى لوحة التحكم ثم إلى التخطيط ثم الى تحرير ال 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/AVvXsEi7ZKWt2MCMYszvBt8aDUkHRgH0EN8EnBEQzp4D6X4fpGy6BgWMaS0v99kinOE2Tp8bSK2bBz2E-2fZyNl9A3CEeDKIwz3_mySvU9QPRwHTOQPa6qNzoR0pnRSIKFG41vJloYZUANIC-3w/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/AVvXsEjvosFYPoqJkjxJFp8ElTGo_dVSajGG3D5cB2me7war-4NK-K9RLAC0QzJnCve0_27DuQEBit4BbFIAW_A9-miljqC9jmnYs7ShWTZaBQl8Vs8RayuBZevbP63ljX56EFghPTLdpaA2MyI/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/AVvXsEjvosFYPoqJkjxJFp8ElTGo_dVSajGG3D5cB2me7war-4NK-K9RLAC0QzJnCve0_27DuQEBit4BbFIAW_A9-miljqC9jmnYs7ShWTZaBQl8Vs8RayuBZevbP63ljX56EFghPTLdpaA2MyI/s1600/del+new.png) no-repeat center -17px;
display: block;
}
<data:post.body/>
وقم بوضع هذا الكود قبله مباشرة " أي فوقه "
<b:if cond='data:blog.pageType == "item"'><div class='share-delicious'>
<div class='delicious' id='delic'>0</div>
<div class='delicious-b'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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('delic');
delic.innerHTML = '' + num;
delic.style.textIndent = 0;
delic.style.paddingRight= '6px';
}
</script>
<script expr:src='"http://badges.del.icio.us/feeds/json/url/data?url= " + data:post.url + "&callback=delic"'/>
</div></b:if><div class='clear'/>
ثم احفظ القالب
تم بحمد الله .. لا نرجو غير دعوة صالحة بظهر الغيب
ليست هناك تعليقات:
إرسال تعليق