Blog Kısa URL Paylaşım Eklentisi

Arlina Design: Blog Kısa URL Paylaşım Eklentisi 6.4.16
Google URL Shortener

Blog Kısa URL Paylaşım Eklentisi - Bloglarınızda bulunan paylaşım butonlarına bir yenisi daha eklendi. Blog URL'lerini ve sayfa URL'leri uzun olduğundan paylaşmak için çoğu zaman Google url shortener'i kullanırız ve bu da zaman kaybına neden olmakta. Blog kısa URL paylaşım eklentisi sayesinde hem zamandan kazanma hem de ziyaretçilerinizin bunu yapmasına olanak sağlayan Kısa URL Oluşturma eklentisini bloglarınıza ekleyebilirsiniz.

Google URL Shortener Blogger - Google URL Shortener Blogunuza Ekleyin.


1- Blog Kısa URL Oluşturma Eklentisini eklemek için blogger'dan giriş yapıyorsunuz ve eklemek istediğiniz blogun kumanda paneline gelerek Tema > HTML'i Düzenle diyoruz.

a- CTRL+F yardımı ile </head> kodunu buluyoruz ve aşağıdaki CSS kodunu </head> kodunun hemen bir üst satırına ekliyoruz.

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

b- CTRL+F yardımı ile </body> kodunu buluyoruz ve aşağıdaki Kısa URL Oluşturmamıza sağlayacak olan jQuery kodunu </body> kodunun hemen bir üst satırına ekliyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawgit.com/jquerycods/bloggereklentileri/master/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>

2- Şimdi Kısa URL Oluşturma Eklentisini body içerisine ekleyelim biz örnek sayfada en alt kısıma ekledik kodumuzu, sizde bu şekilde yapabilirsiniz. <data:post.body/> kodunu CTRL+F yardımı ile aratarak bulun ve biraz aşağılara indiğinizde yani kodun bitiş kodundan hemen bir önceki satırına yani üst kısmına aşağıdaki kodu ekleyin.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='shorturl'>
Kısa UR ile Paylaş: <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='Kısa URL almak için tıklayın'>Kısa URL Oluştur</a></span><span class='loading-shorturl'><img alt='kisa url yukleme' 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>

Örnek olarak mantık şu;

<data:post.body/>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='shorturl'>
Kısa UR ile Paylaş: <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='Kısa URL almak için tıklayın'>Kısa URL Oluştur</a></span><span class='loading-shorturl'><img alt='kisa url yukleme' 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>
</div>


Kontrollerimi yaparak şablonu kaydet diyelim. Sonuç olarak blogumuzun ve blogumuzda bulunan sayfa URL'lerini Google url shortener'e ihtiyaç duymadan yapabileceğiz. Blogunuzun ve sayfalarınızın URL'lerinin paylaşılması blogunuz için 100% etki sağlayacak olmasından dolayı örnek sayfada oluşturmuş olduğumuz Kısa URL Oluşturma eklentisi gibi başka sitelerde yada sosyal paylaşım sitelerinde paylaşıldığında blogunuza direk olarak ziyaretçi çekebileceksiniz. Bu sayede google sıralamasında ve SEO açısından blogunuz 100% olumlu etkilenecektir. Eklentiyi kuramayan arkadaşlar yorum kısmından yazdıklarında yardımcı olabiliriz. Güle güle kullanın...

Yorum Gönder