الرئيسية » ,

عرض قصير لرابط التدوينة أسفل المشاركة من Bit.ly

السبت، 28 مايو، 2011 5 التعليقات




بسم ألله ألرحمن ألرحيم

كلنا نعلم أن موقع Bit.ly هو موقع لإختصار روابط عنواوين ألرسائل لتسهيل عملية مشاركة تلك ألروابط مع ألمواقع ألأخرى وخاصة تويتر  ألذي يشترط عدد محدود من الكلمات
واليوم سنقوم بإذنه تعالى شرح كيفية إضافة عرض قصير لرابط ألرسالة المختصر من موقع Bit.ly أسفل ألمشاركة بصورة ديناميكية
بإتباع الخطوات ألتالية
نذهب إلى :  لوحة التحكم ألرئيسية > تصميم > تحرير HTML  ثم توسيع القالب
( ويفضل تنزيل قالب لأخذ نسخة إحتياطية تجنباً للوقوع في ألإشكالات ألتي قد تقع لاسامح ألله )
بإستخدام Ctrl + F نبحث عن

</head>
نضع الكود التالي قبله مباشرة :
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script src='http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js' type='text/javascript'/>

ثم نبحث عن ألكود التالي :
<p class='post-footer-line post-footer-line-3'>

فإذا لم نجده نبحث عن 
<div class='post-footer-line post-footer-line-3'>

فإذا لم نجده نبحث عن 
<data:post.body/>

ثم نضع ألكود ألتالي بعد ألكود ألذي وجناه من ألأكواد ألثلاثة ألسابقة
<div id='bp_shorturl'>
<form expr:id='"bp_short_holder_" + data:post.id'/></div>
<script type='text/javascript'>
Bloggerplugins_shortener.init(&quot;bp_short_holder_
<data:post.id/>&quot;,&quot;<data:post.url/>&quot;)
</script>

ثم نعمل حفظ للقالب

وإذا أردنا أن نغير من شكل تصميم ألإضافة نبحث عن

]]></b:skin>

ونضع الكود ألتالي قبله مباشرة
#bp_shorturl {
color:#666;
font-size:11px
}
#bp_shorturl input {
color:#999;
border:inset 1px #CDCDCD;
padding:1px 5px;
}
 يمكننا تغيير لون وحجم ألكتابة وكذلك حجم ولون ألحدود وحجم ألحشوة


في هذه ألحالة ستظهر الإضافة في الصفحة الرئيسة والرسائل ، أما إذا ما أردنا ظهور ألإضافة في صفحة الرسالة فقط فسنغير ألكودين أللذين اضفناهما في الخطوة ألأولى والثانية إلى التالي

نغير ألكود ألأول ألى ألتالي

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script src='http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js' type='text/javascript'/>
</b:if>

ونغير الكود الثاني إلى التالي
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bp_shorturl'>
<form expr:id='"bp_short_holder_" + data:post.id'/></div>
<script type='text/javascript'>
Bloggerplugins_shortener.init(&quot;bp_short_holder_
<data:post.id/>&quot;,&quot;<data:post.url/>&quot;)
</script>
وألميزة الجميلة الثانية ، بعد إستخدامنا لهذه الإضافة ستظهر جميع روابط رسائلنا أعلى المتصفح مختصرة بهذا ألشكل



وستظهر ألإضافة أسفل ألمشاركة بالشكل ألتالي


5 التعليقات »

  • Umzug Wien كتب:  

    شكرا على المعلومة

  • albaheth كتب:  

    Umzug Wien
    سعدت بتواجدك الكريم

  • albaheth كتب:  

    أخبار اليوم
    توب موفيز
    سعدت بتواجدكم الكريم

  • اكتب تعليقا على الموضوع

    بسم الله الرحمن الرحيم
    اخي الزائر الكريم
    غايتنا البحث وتقديم كل مايخص المدون العربي والصحفي بصورة خاصة من تقنية التدوين وإستخدام وسائل الشبكات ألأجتماعية
    فلا تحرمنا من آرائك القيمة ولاتبخل علينا بنقاشاتك
    دمت بود