أعلان الهيدر

الجمعة، 11 ديسمبر 2015

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

شرح طريقة اضافة مختصر روابط الى مدونات البلوجر مع 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.نضغط حفظ ، لا تنسى مشاركة الموضوع .
اضغط على لايك لتحميل أشرطة ويب ملونة جاهزة
- See more at: http://ios-android-wd.blogspot.com/2015/11/bitly.html#sthash.hD1a0ODx.dpuf

ليست هناك تعليقات:

إرسال تعليق

يتم التشغيل بواسطة Blogger.