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

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

مقالات ذات صلة

Previous
Next Post »

8 التعليقات

التعليقات
8/22/2015 delete

أخي ان عندي مثل هذا القالب و عندب ان حجمه كبيــــــــــــر جدا كيف اصغره و ماهو الحل ارجو المساعدة

Reply
avatar
8/22/2015 delete

عن اي قالب تتحدث اخي

Reply
avatar
8/23/2015 delete

خلاص اخي انا حليت المشكلة هذه مدونتي http://th-world-professionalism.blogspot.com

Reply
avatar
1/01/2016 delete

السلام عليكم
ارجو منك اخي ابداء رايك في موقعي :
7hmed15.blogspot.com

Reply
avatar
3/27/2016 delete

كيف يمكنني أن أختصر روابط موقعي على http://BITC0IN.CO

Reply
avatar
5/06/2016 delete

مشكور بس لو عايز اخليها Goo.Gl اعمل اي ؟

Reply
avatar
5/29/2016 delete

الأمر سهل تقوم بتوجيه Dns الخاص بموقع Bitly إلى هذا الدومين

Reply
avatar
7/02/2016 delete

مشكور أخي جاري التجربة علي مدونتي
http://www.techmidan.com

Reply
avatar

المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا