Cara Menciptakan Automatis Share Artikel Dengan Google Url Shortener Di Blogger

Google Shortener ialah layanan penyedia pemendek URL yang usianya sudah sangat usang dibanding shortener lainnya. Google Shortener ini sanggup 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 dikala anda membagikan sebuah URL yang sudah di Shortener dengan Google Shortener dijamin Link tersebut bukanlah Spam.

Untuk DEMONYA, silakan anda lihat postingan berikut ini kemudian anda lihat bab bawah sempurna diatas tombol share media sosial. - Clik Here!

ialah layanan penyedia pemendek URL yang usianya sudah sangat usang dibanding shortener l Cara Membuat Automatis Share Artikel dengan Google URL Shortener di Blogger

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 isyarat </head>

2. Copy&paste isyarat berikut ini, dan letakkan diatas isyarat </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 isyarat 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 isyarat anda harus meletakan isyarat tersebut sempurna diatas isyarat epilog </div> sesuai dengan digambar. Atau anda sanggup meletakan isyarat diatas, sempurna diatas media sosial share, atau related post yang niscaya dibawah artikel/postingan.

5. Temukan isyarat </body>
6. Copy&paste isyarat 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, kalau terjadi kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat postingan anda kemudian lihat pada bab bawah. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Share Artikel dengan Google URL Shortener di Blogger

SUMBER : TechPreveu