ForumWanita.Net Komunitas Forum Wanita Indonesia

User info

Welcome, Guest! Please login or register.


You are here » ForumWanita.Net Komunitas Forum Wanita Indonesia » Forum Kumpul Blogger, Vlogger, dan Webmaster » Otomatis Menampilkan Auto Generate Bit.ly URL Shortener di Blogspot


Otomatis Menampilkan Auto Generate Bit.ly URL Shortener di Blogspot

Posts 1 to 1 of 1

1

Apakah anda ingin menampilkan secara otomatis alamat URL postingan blogspot dalam kondisi telah disingkat secara otomatis oleh Bit.ly URL Shortener? Jika IYA dan anda belum tahu bagaimana caranya, silahkan baca tutorial blogger di bawah ini.

Peringantan
Sebelum anda menerapkan langkah-langkah tutorial singkat di bawah ini, pastikan jika anda telah membackup template blogspot anda untuk berjaga-jaga jika anda melakukan kesalahan atau kode script tidak sesuai dengan template yang sedang digunakan, sehingga anda bisa meriset ulang template ke format semula.

Langkah Pertama,
Masuklah lebih dahulu ke halaman dashboard blogger anda dan pilihlah blog yang ingin anda pasang Script Auto Generate Bit.ly URL Shortener. Selanjutnya, buka menu Template >> Edit HTML >> dan cari kode ]]></b:skin>

http://photo.forumwanita.net/file/n35/gambar-dashboard-edit-html-blogpot.jpg
Vote Gambar Dashaboard Edit HTML blogspot ini

Langkah Kedua,
Copy dan Paste Kode CSS  di bawah ini di atas kode ]]></b:skin>:

Code:
#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;
}

Langkah Ketiga,
Carilah kode: <div class='post-footer'>. Jika sudah ketemu, copy dan paste kode script penyingkat URL di bawah ini di atas kode tersebut.

Lihat Kode Script URL Shortener
Code:
<!-- Script Short URLs Gratis Reshared by bit.ly/wanitasendiri-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='shoternUrl'>
<form id='shorturl'/>
 <!-- short url widget script start -->
  <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6e628aa34520f2' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
// kode berikut ini otomatis akan menyingkat URL
var result;
for (var r in data.results) {
result = data.results[r];
result['longUrl'] = r;
break;
}
       document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;<div id='shorternh2'>Share this link in your Status!</div> &lt;input type='text'  class='textinpo' value='&quot; + result['shortUrl'] + &quot;' name='bitlyurl'/&gt;&quot;;}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
});
</script></div>
    </b:if>
<!-- Script Short URLs Gratis Reshared by twit @SorayaForum -->

Selamat mencoba, dan salam sukses

Sumber: Cara Otomatis Menyingkat URL Postingan Blogspot dengan URL Shortener Bit.ly

+3


You are here » ForumWanita.Net Komunitas Forum Wanita Indonesia » Forum Kumpul Blogger, Vlogger, dan Webmaster » Otomatis Menampilkan Auto Generate Bit.ly URL Shortener di Blogspot