2016/03/24

إضافة أداة إختصار رابط التدوينة من Goo.gl أسفل المشاركات

السلام عليكم ورحمة الله وبراكاته,
في تدوينتنا هاته سنشرح كيفية إضافة أداة إختصار رابط التدوينة من Goo.gl والتي ستكون أسفل المشاركات وهي عبارة عن زر تضغط عليه ثم يعطيك نافدة منبثقة مع الرابط المختصر من موقع Goo.gl على هذا الشكل http://goo.gl/uwQIL0 مثلا و لكيفية التركيب تابع الدرس

طريقة التركيب

1. إبحث عن `</head>` بإستعمال ctrl+F ثم أضف الكود التالي فوقه

html<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.shorturl{font-size:100%;font-family:droid arabic kufi;font-weight:bold;color:#666!important}
.shorturl a.url{text-decoration:none!important;color:#fff!important;display:inline-block;margin:0 0 0 5px;border-radius:3px;background:#03A9F4;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:5px 5px 5px 5px;transition:all 400ms ease-in-out}
.loading-shorturl{display:none}
.shorturl a.url:hover{color:#0000;background:#607D8B;}
.shorturl a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
.clear{clear:both}
</style>
</b:if>

2. إبحث عن `</body>` ثم أضف الكود التالي فوقها

JS
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/shortenurl.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

3. وأخيرا إبحث عن `<data:post.body/>` ثم أضف الكود التالي فوقها

html<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='shorturl'>
رابط مختصر للتدوينة:<a class='url' expr:onclick='&quot;shortenUrl(this, &amp;#39;&quot; + data:post.url + &quot;&amp;#39;, &amp;#39;googl&amp;#39;);return false;&quot;' href='javascript:void(0)' title='Click to get short URL'>أحصل على الرابط</a></span><span class='loading-shorturl'><img alt='loading short url' src='data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA'/></span>
<div class='clear'/>
</b:if>

والسلام عليكم ورحمة الله وبركاته إلى درس أخر متميز بإذن الله

محمد 3/24/2016

إضافات بلوجر دروس بلوجر