URL Shortener merupakan menyingkat atau memperpendek alamat URL web/blog. Perhatikan contoh URL berikut :
http://id-pemula.blogspot.com/2012/11/pasang-iklan-murah.html
Disingkat menggunakan Google URL Shortener menjadi :
http://goo.gl/UAicmg
Tujuan menyingkat URL salah satunya adalah untuk menjaga privasi link download atau link yang lain, serta ada juga blogger yang menggunakan URL shortener untuk mendapatkan penghasilan dollar dari setiap klik dari pengunjung blog.
Berikut beberapa daftar web penyingkat URL (URL Shortener) yang sering digunakan oleh blogger :
1. Goo.gl
Goo.gl adalah web URL Shortener milik Google, cara menggunakannya adalah kunjungi situs Goo.gl, login dengan akun gmail Anda. Masukkan URL yang ingin disingkat klik Shorten URL kemudian copy paste hasilnya. Anda juga bisa menggunakan Goo.gl URL Shortener tanpa harus login terlebih dahulu, langsung masukkan URL dan klik Shorten URL.
2. Bitly.com
Bitly.com hampir sama dengan Goo.gl, Anda langsung bisa menggunakannya tanpa harus login terlebih dahulu, masukkan URL kemudian klik Shorten pada form di bagian atas halaman.
3. TinyURL.com
Anda juga bisa langsung menggunakan TinyURL.com tanpa harus login dan registrasi terlebih dahulu
4. Adf.ly
URL Shortener yang satu ini cukup menarik, karena setiap kali URL shortener dari Adf.ly di klik pengunjung, kita akan dibayar dengan dollar, tapi sebelum masuk URL tujuan, setiap kali klik URL Adf.ly kita harus melewati halaman Ad.fly selama 5 detik, kemudian baru masuk halaman yang kita singkat dengan mengklik Skip. Untuk mendapatkan dollar Anda harus registrasi terlebih dahulu.
5. Ow.ly
Ow.ly merupakan web penyedia URL Shortener yang tergolong popular, selain kita bisa menyingkat URL menggunakan Ow.ly Anda dapat juga mengupload gambar atau video untuk mendapatkan URL.
Sekian informasi Daftar Web Penyingkat URL (URL Shortener), semoga dapat membantu!
Border pada halaman template merupakan garis tepi yang mengelilingi halaman blog, garis ini biasanya digunakan untuk menandakan batas dari halaman template blog Anda. Garis tepi pada halaman blog juga akan menambah kesan menarik pada tampilan blog Anda.
Berikut langkah cara membuat border atau garis tepi pada halaman template blog :
1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode (gunakan Ctrl + F), outer-wrapper atau wrapper.
4. Kemudian letakkan kode berikut tepat dibawah salah satu kode diatas.
border:2px solid #d50303;
5. Jika Anda menginginkan garis tepi disertai efek shadow, gunakan kode berikut.
border:2px solid #d50303;
box-shadow:0 0 10px #666;
6. Contoh hasil kodenya akan seperti ini,
#outer-wrapper {
background:#fff;border:2px solid #d50303;box-shadow:0 0 10px #666;text-align:left;width:960px;margin:15px auto;}
Keterangan :
2px : ketebalan border template
#d50303 : warna border template
10px : ketebalan efek shadow template
#666 : warna efek shadow
7. Kemudian Simpan template.
Nah, semoga dapat membantu!
Beberapa cara dapat dilakukan agar pengunjung blog menyukai atau bergabung pada Fan Page dan Twitter Anda. Salah satunya adalah membuat Fan Page tersembunyi disamping blog, tapi pada kesempatan ini kami akan membahas cara yang lain yaitu cara membuat tombol Fan Page dan follow Twitter melayang di Blog.
Berikut langkah cara membuat tombol fan page dan twitter melayang :
1. Login akun blogger Anda.
2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.
3. Copy paste kode berikut pada gadget HTML/JavaScript.
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Silahkan Bergabung Bersama Komunitas Kami</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Infoblog_ID/121738271193251?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Infoblog_ID&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
Keterangan :
Tulisan yang berwarna hijau adalah judul dari widget Fan Page.
Tulisan yang berwarna merah adalah URL Fan Page blog Anda.
Tulisan yang biru adalah username dari akun Twitter Anda.
4. Kemudian Simpan.
Jika Anda hanya ingin menampilkan Fan Page saja, maka hapus kode berikut :
<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Infoblog_ID&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
Nah, kini Anda mempunyai Fan Page dan follow Twitter melayang pada blog. Semoga dapat membantu!