القائمة الرئيسية

الصفحات

تعديل المشاركة

وضع رابط مختصر لمقالاتك فى موقعك

H
(2)

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

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

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

اول تقول بعمل حساب جدبد على الموقع من هنا
https://bitly.com/a/sign_up


شرح طريقة اضافة مختصر روابط الى مدونات البلوجر مع 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.نضغط حفظ ، لا تنسى مشاركة الموضوع .

أخر المواضيع من قسم : Edafat

تعليقات

تعليقان (2)
إرسال تعليق

إرسال تعليق