U3F1ZWV6ZTMwOTY2MDg5MDUzNjQxX0ZyZWUxOTUzNjA4NjYzOTM3OA==

طريقة وضع رابط مختصر لمقالاتك فى موقعك أو مدونتك

درسنا اليوم عن طريقه وضع رابط مختصر لمقالاتك فى موقعك
بمعنى كيفيه اضافه رابط مختصر لتدويناتك تحت كل موضوع 

طريقة وضع رابط مختصر لمقالاتك فى موقعك أو مدونتك

الطريقة فعالة و شغالة 100% بالنسبة لجميع المدونات و المواقع على البلوجر
 و هي أفضل طريقة لإختصار روابط المواضيع و التدوينات للمدونات


سوف نستخدم موقع اختصار الروابط هذا bit.ly

اول تقول بعمل حساب جدبد على الموقع من هنا


شرح طريقة اضافة مختصر الروابط  الى مدونات البلوجر مع Bit.ly  

1.نتوجه الى المدونة ، ثم قالب
 2. نختار تحرير

3.نبحث عن الكود   "استعمل ctrl+f"



</head>

4.نضيف الكود الثالي فوقه


<style> #shorturl {float: right; padding-bottom: 10px; padding-top: 10px; width: 100%; background: #f8f8f8; font-size: 12px; color: #525252; line-height: 1.6em; font-family: Electrolize,ge_ss_threeregular; border: 1px solid #EDECEC;} #shorternh2 {float: right; padding-left: 30px; padding-right: 180px; background: #f8f8f8; font-size: 20px; color: #35A5EA; font-family: Electrolize,ge_ss_threeregular;} .textinpo {font-size: 15px; color: #666; border: 1px solid #ccc; border-radius: 3px; background: #fff; width: auto; padding: 0px!important; height: 25px!important; margin: -4px!important; font-family: Electrolize,ge_ss_threeregular; text-align: center;} </style>


5.نبحث عن الكود
</body>



ثم تضع هذا الكود فوقه مع التغير




<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 و غييرها بال APIKEY الخاص بحسابك و يمكنك ذالك فقط عبر الضغط على settings

بعد ذالك نتوجه الى advanced وننزل الى الأسفل قليلا لنجد ال User Name و ال API Key الخاص بنا



7.نبحث عن الكود الأخير


<div class=’post-footer-line post-footer-line-1′>

أو
<data:post.body/> 

عند البحث سوف تجد أكثر من واحدة .. الكود المطلوب هو أخر كوود

وضع الكود التالى تحته


 <b:if cond='data:blog.pageType == &quot;item&quot;'>                  
                                <!-- Short URLs Script-->          
                                <div id='shoternUrl'/>        
                                <form id='shorturl'/>          
                                <!-- Short URLs Script -->                   
                              </b:if>

9.نضغط حفظ ، لا تنسى مشاركة الموضوع .
تعديل المشاركة تقييمك
author-img

المحترف للمعلوميات

المحترف للمعلوميات عبارة عن مدونة ضخمة تضم عدد كبير من المقالات المتسلسلة نتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي .
تعليقات
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي
----------------------------------
* بإمكانك إدراج الأكواد الغير قابلة للنشر بتحويله عبر محول الأكواد

الاسمبريد إلكترونيرسالة

تابعنا عبر الفايسبوك
مساحة إعلانية