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

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

تعتمد هذه الطريقة على الموقع الشهير لختصار الروابط BIT.LY  ، حيث يظهر لنا رابط المختصر للمواضيع  و التدوينات أسفل كل منها مع اختصار من موقع Bit.ly ، تساهم هذه الطريقة في نشر الروابط على المواقع الاجتماعية و المنتديات و ....

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

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

1. نتوجه الى المدونة ، ثم قالب

2. نختار تحرير HTML

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

</head>

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

<style>
      #shorturl {
        float: right;
        background: #F8F8F8;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 290px;}
      #shorternh2 {
        float: right;
        padding-left: 30px;
        padding-right: 7px;
        font-family: oswald,GESSTwoMediumRegular;}
      .textinpo {
        float: right;
        font-family: oswald,GESSTwoMediumRegular;
        font-size: 12px;
        color: #666;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: #fff;
        width: auto;
        padding: 0px!important;
        padding-right: 10px!important;
        height: 20px!important;
        margin: -4px!important;
      }
</style>

5.نبحث عن الكود 

</body>

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

<script src='http://bit.ly/javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6e628aa34520f2' 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>

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

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

أو ابحث عن

<data:post.body/>

8. نضيف الكود الثالي من تحته "اسفل كود سابق"

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

9.نضغط حفظ ، لا تنسى مشاركة الموضوع .

اضغط على لايك لتحميل أشرطة ويب ملونة جاهزة

- See more at: http://ios-android-wd.blogspot.com/2015/11/bitly.html#sthash.hD1a0ODx.dpuf