Cara Membuat Automatis Share Artikel dengan Google URL Shortener di Blogger

Google Shortener adalah layanan penyedia pemendek URL yang usianya sudah sangat lama dibanding shortener lainnya. Google Shortener ini dapat meningkatkan Traffic dan meningkatkan Click pada blog Anda. Google Shortener ini selain meningkatkan Traffic, Tetapi memudahkan pengunjung untuk membagikan artikel anda baik di sosial media maupun di chatting/pesan. Karena Google Shortener ini bersifat bukan Link Spam, jadi ketika anda membagikan sebuah URL yang sudah di Shortener dengan Google Shortener dijamin Link tersebut bukanlah Spam.

Untuk DEMONYA, silakan anda lihat postingan berikut ini lalu anda lihat bagian bawah tepat diatas tombol share media sosial. - Clik Here!

Cara Membuat Share Artikel dengan Google Shortener di Blogger

Cara Pertama : 

1. Buka Blogger - Kemudian login

2. Dashboard - Template

3. Edit HTML.

Proses Pembuatan : 

1. Temukan kode </head>

2. Copy&paste kode berikut ini, dan letakkan diatas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.google-shortener{font-size:100%;font-weight:bold;color:#000!important}
.google-shortener 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-google-shortener{display:none}
.google-shortener a.url:hover{color:#555;background:#fafafa;border:1px solid #999}
.google-shortener a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
.clear{clear:both}
</style>
</b:if>

3. Jika sudah? Temukan kode <data:post.body/>
4. Copy&paste kode berikut ini, dan letakkan dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='google-shortener'>
Share Google URL Shortener: <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'>Get Short URL</a></span><span class='loading-google-shortener'><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>

Perhatikan Gambar Berikut Ini!!

Untuk peletakan kode anda harus meletakan kode tersebut tepat diatas kode penutup </div> sesuai dengan digambar. Atau anda bisa meletakan kode diatas, tepat diatas media sosial share, atau related post yang pasti dibawah artikel/postingan.

5. Temukan kode </body>
6. Copy&paste kode berikut ini, dan letakkan diatas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/hilmay619/md-blogger/9f0335fe/google-shortener.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

7. Simpan Template!

Demikianlah Tutorial Blogger kali ini, bila terjadi kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat postingan anda lalu lihat pada bagian bawah. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Share Artikel dengan Google URL Shortener di Blogger

SUMBER : TechPreveu

Share this post

Related Post