السلام عليكم سنشرح لكم في هذا الدرس طريقة اختصار روابط المواضيع او التدوينات في مدونات البلوجر تلقائيا ، هذه الطريقة تعتمد على طريقة اختصار رابط الموضوع بحث يتم ظهور الرابط المختصر أسفل الموضوع .
تعتمد هذه الطريقة على الموقع الشهير لختصار الروابط 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&login=unbfacts&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['longUrl'] = r;
break;
}
document.getElementById("shorturl").innerHTML = "<div id='shorternh2'>شارك رابط المقالة</div> <input type='text' class='textinpo' value='" + result['shortUrl'] + "' name='bitlyurl'/>";}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
});
</script>
7.نبحث عن الكود الأخير
<div class=’post-footer-line post-footer-line-1′>
أو ابحث عن
<data:post.body/>
8. نضيف الكود الثالي من تحته "اسفل كود سابق"
<b:if cond='data:blog.pageType == "item"'>
<!-- Short URLs Script-->
<div id='shoternUrl'>
<form id='shorturl'/>
<!-- Short URLs Script -->
</b:if>
9.نضغط حفظ ، لا تنسى مشاركة الموضوع .
اضغط على لايك لتحميل أشرطة ويب ملونة جاهزة
ليست هناك تعليقات:
إرسال تعليق