Cara Menghasilkan Auto URL Pendek untuk Tulisan Anda di Blogger dengan Bit.ly
Hal pertama login ke Dashboard Blogger Anda. Sekarang Setelah log in, pergi ke blog Anda >> Template >> Edit HTML >> dan cari kode tag ]]></b:skin>. Setelah Anda menemukannya, tepat di atasnya paste kode CSS berikut.
#shorturl {
float: left;
background: #F8F8F8;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
width: 650px;
}
#shorternh2 {
float: left;
padding-left: 20px;
padding-right: 10px;
}
.textinpo {
float: left;
font-family: "verdana",helvetica,Tahoma,Arial,sans-serif;
font-size: 12px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
width: 215px;
padding: 0px!important;
padding-left: 10px!important;
height: 20px!important;
margin: -4px!important;
}Sekarang setelah menyisipkan kode css ke template Anda, Sekali lagi masih dalam editor template, cari kode <div class='post-footer'> dan paste coding JavaScript berikut di atasnya yang akan menghasilkan URL mempersingkat dan menampilkan mereka di akhir posting Anda.
<b:if cond='data:blog.pageType == "item"'>
<div id='shoternUrl'>
<form id='shorturl'/>
<!-- short url widget script start -->
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=unbfacts&apiKey=R_cb436480530becb8bb6e628aa34520f2' type='text/javascript'/>
<script charset='utf-8' 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'>Surprise your friend with this fact! Share this link in your Status!</div> <input type='text' class='textinpo' value='" + result['shortUrl'] + "' name='bitlyurl'/>";}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
});
</script></div>
</b:if>Setelah semuanya selesai, jangan lupa tekan tombol "Save" dan otomatis skrip memperpendek URL siap di blog Anda. Sekarang lihat dan periksa blog Anda untuk melihat Hasil otomatis memperpendek URL Tulisan Anda di Blogger. semoga berguna...
2 komentar
tapi selain bit.ly ga bisa ya sob ?
BalasHapusdi coba aja sob, setau sya bit.ly. banyak situs memperpendek urlsperti goo.gl, pendek.in, tinurl.com, is.gd, dan adf.ly
BalasHapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>