اضافة مختصر روابط المواضيع تلقائيا

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

السلام عليكم ورحمة الله تعالى وبركاته ،
* تحية طيبة لكل المتابعين الاعزاء ومرحبا بكم في هده التدوينة الجديدة على واحة المعلوميات ودرس جديد ومتجدد بادن الله سبحانه اليوم سنقدم لكم شرح اضافة جديدة لبلوجر وهي اداة اختصار روابط المواضيع تلقائيا عن طريق bit.ly  ، أي ان الروابط تختصر مباشرة وتلقائيا عند الدخول لموضوع ما .... وتجدها في الخانة المخصصة لها لتأخد رابط الموضوع او المقال او الفيديوا وتقوم بنشره على مواقع التواصل او صفحاتك ، وكدلك هو الشأن عند الزائر عندما يريد نشر رابط المقالة فيجد مختصر ومحضر باحترافية فستسهل عليه مأمورية النشر .

* الشرح جاء بعد طلب مجموعة من المتابعين للقيام بشرح اضافة الاداة كالموجود الان بالسايدبار باسم " شارك رابط المقالة " 

 =========================================>

معاينة :

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

* ملاحظة : يمكنك فقط اخد الاكواد ووضعها في مكانها مباشرة بدون التسجيل في bit.ly ولا أي شيء مباشرة ، التسجيل فقط لوضع الID الخاص بك لاختصار الروابط  يمكنك اختصار العناء وتركها كما هي .

* اولا قبل البداية وجب ان تتوفر على حساب بموقع bit.ly لاختصار الروابط ، طريقة التسجيل سهلة جدا فمن منا لا يتوفر على حساب بالفيسبوك ، فقط تدخل الموقع .

هـــــنـــــا

* ثم تضغط على SIGN UP بطريقة سهلة جدا تم SIGN UP WITH FACEBOOk .

* تقوم بالموافقة على التطبيق الخاص بالموقع تم تظهر لك الواجهة الرئيسية للمستخدم ونترك دالك جانبا نأتي لبلوجر .

الخطوة 1 :

*1 نتوجه الى لوحة التحكم 

*2 القالب 

*3 تحرير HTML
*4 ابحث عن وسم </body> ثم تضع الكود التالي فوقه :

<script src='http://bit.ly/javascript-api.js?version=latest&amp;login=wahatinfo&amp;apiKey=R_6795ee07e9a640488d62f80f0ac2e5d5' type='text/javascript'/>
  <script type='text/javascript'>
    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[&#39;longUrl&#39;] = r;
                 break;
                 }
                 document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;<div id='shorternh2'>شارك رابط المقالة</div> &lt;input type=&#39;text&#39;  class=&#39;textinpo&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;}
                 BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;);
                 });
  </script>

* لتغيير ال api Key الملون بالاحمر عليك اتباع الخطوات التالية :

* تتوجه الى واجهة المستخدم ثم Settings .

* ثم تقوم بالضغط على ADVANCED .

* نقوم بالنزول الى الاسفل قليلا ثم نجد هد الخانة ونقوم بعمل نسخ لapi Key ونعوضه بالموجود بالكود .

الخطوة 2 :

* نبقى مرة اخرى في تحرير ال HTML .

* نقوم بالبحث عن الكود التالي :

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


او 
<data:post.body/>

* ادا كنت تعرف مكان الاكواد ك " تعريف الكاتب او مواضيع دات صلة او ازرار المشاركة " فمن الافضل ان تضع هدا الكود اسفلها ، وادا لم تكن تجيد التعديل فابحث على احد الاكواد المدكورة اعلاه وضع اسفله الكود التالي :

<!-- Short URLs Script-->
                              <div id='shoternUrl'>
                                <form id='shorturl'/>
<!-- Short URLs Script -->

* تم تظغط حفظ ومبرروك عليك الاضافة :) :) :D

قم بنشر الموضوع إذا أعجبك