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

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

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

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

الطريقة فعالة ومضمونة لجميع المدونات على بلوجر ، و تعتبر أفضل طريقة في اختصار روابط المواضيع للمدونات .

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

أولا:  نتوجه الى المدونة ، ثم قالب

ثانيا:  نختار تحرير HTML

ثالثا:  نبحث عن الكود </head> التالي وذلك بالضغط علىctrl+f

رابعا: نضيف الكود التالي فوقه

<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>

خامسا: نبحث عن الكود

</body>

سادسا:  نضيف الكود التالي فوقه

<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>

سابعا: نبحث عن الكود الأخير

<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>

تاسعا .نضغط حفظ ، ومبروك عليك تمت العملية بنجاح لاتنسى دعمنا