6

بسم الله الرحمان الرحيم 
السلام عليكم ورحمة الله وبركاته 
اهلن بكم احبتي في الله في تدوينة جديدة وافادة جديدة اليوم سوف اشرح كيفية اضافة هاك ولا اروع الى منصة بلوجر 
الهاك مهمته هو توليد رابط مختصر لأي تدوينة بشكل تلقائي عبر خدمة بيتلي
صورة لذلك :
وايضا يمكنك مشاهدة مثال حي :

الان ناتي الى شرح  كيفية اضافة الهاك :
 اولا نحمل نسخة احتياطية للقالب ثم نتجه نحو design ثم Edit html 
 الخطوة الاولى ثم نوسع القالب ونبحث عن السطر التالي :
</head>
 قبلها مباشرة نلصق الكود الموالي :
<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&amp;login=YOURUSERNAME&amp;apiKey=YOURAPIKEY"></script>

<script type="text/javascript" charset="utf-8">

BitlyClient.addPageLoadEvent(function(){

BitlyCB.myShortenCallback = function(data) {

// this is how to get a result of shortening a single url

var result;

for (var r in data.results) {

result = data.results[r];

result['longUrl'] = r;

break;

}

document.getElementById("shorturl").innerHTML = "Share this link: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";

}

BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');

});

</script>
هنا عليك استبدال
YOURUSERNAME
باسم حاسبك في موقع بيتلي
وايضا عليك تعديل 
YOURAPIKEY
بالــAPI KEY الخاص بحسابك في بيتلي 
الان الخطوة الثانية   مرحلة اضافة اكواد CSS 
سنبحث عن :
]]></b:skin> 
قبلها مباشرة نضيف :
form#shorturl {

color:#666;

font-size:11px

}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}
 الان ناتي الى الخطوة الثالثة :
نبحث عن السطر التالي :
<div class='post-footer-line post-footer-line-3'>
الان ومباشرة تحت السطر اعلاه نضيف 
<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>
 ثم نضغط :
Save Template
بخصوص الخطوة الاولى هناك من سيستفسر عن كيفية ايجاد API KEY الخاص بحسابك في بيتلي لهذا سأضع هذا الشرح
اولا سجل دخولك الى حسابك في بيتلي 
ثم نتجه الى الاعدادات
ثم
 اي استفسار نحن في الخدمة
 انتهى بحمد الله 

Stumble
Delicious
Twitter
Facebook
Digg
Digg

قوالب بلوجر عربية يقول... @ 15 ديسمبر 2010 في 4:52 م  أضف ردا

رائع جدا أخي سفيان

soufian يقول... @ 15 ديسمبر 2010 في 5:09 م  أضف ردا

@قوالب بلوجر عربية
اهلن فيك اخي باسم شكرا لك على تعليقك

محمود يقول... @ 16 ديسمبر 2010 في 12:07 ص  أضف ردا

بارك الله فيك اخ سفيان على الاضافة الاكثر من رائعة
راح اضيفها لمدونتي وارد عليك
حياك الله

soufian يقول... @ 19 ديسمبر 2010 في 4:50 م  أضف ردا

العفو اخي محمود واهلن وسهلن فيك بمدونة علمني

مدونة وذكر يقول... @ 24 ديسمبر 2010 في 9:14 م  أضف ردا

عليكم السلام ورحمة الله
رائع جدا اخي بارك الله فيك على الاضافة

Z4D Labs يقول... @ 20 أبريل 2011 في 2:38 ص  أضف ردا

بارك الله فيك