Cara Menyingkat URL Blog

 









URL blog bawaan Blogger umumnya panjang-panjang sesuai dengan judul yang anda buat ditambah panjangnya nama website anda dan tentunya akan menyulitkan kalau anda untuk mengingatnya saat anda share atau berbagi ke media lain dan dengan menyingkatnya akan lebih mudah mengingatnya.

Bagi temen-temen blogger yang ingin menyingkat url blognya yang sangat panjang menjadi pendek misalnya saja http://sukasu.blogspot.com/2011/08/govlog-ramadhan-aku-yang-gila-atau-dia.html setelah disingkat nanti akan menjadi http://goo.gl/6NhD3 anda bisa langsung menuju ke situs peyedia penyingkat URL diantaranya:

1. http://go.gl
Ini situs yang disediakan oleh Google sendiri dan anda tinggal menuju alamat tersebut dan masukan URL blog yang akan anda singkat lalu pilih>> shorten tunggu dan nanti akan muncul URL yang lebih pendek disampingnya.

 








2. http://bit.ly
caranya sama dengan diatas anda tinggal masukan URL blog yang akan disingkat dan lalu pilih >> shorten dan akan keluar url yang lebih pendek dan berbeda dari URL sebelumnya

Selamat mencoba

Membuat Show Hide Seperti Di Kaskus

bingung mau posting apa soalnya udah lama gak update blog...
dari pada nanti ngelantur dan panjang lebar nggak jelas arahnya kemana mendingan berbagi sedikit bagaimana cara membuat spoiler show hide seperti yang sering kita jumpai dikaskus.

Fungsinya show hide hanya untuk memperindah tampilan posting dan kita dapat mengisi dengan tulisan ataupun gambar didalam spoiler show hide, dan bisa juga agar tampilan postingan blog tidak terlihat terlalu banyak.

berikut cara memasangnya agar bisa tampil di posting, masukan script html dibawah ini diposting lalu masukan tulisan atau gambar di isi dengan tulisan atau gambar

Spoiler for title :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b> for <i>title</i> : <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Show" /></div>
<div class="alt2" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(225, 228, 242) none repeat scroll 0% 0%; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

isi dengan tulisan atau gambar

</div>
</div>
</div>

selamat mencoba....

Toolbar Firefox Add-on (toolbar untuk mengetahui PR)

Cara cepat mengataui Page Rank Suatu blog/website dengan memasang SEO Status Toolbar Firefox Add-on dari Alexa, kalau sebuah blog dipasangi sebuah widget PR tentunya dengan mudah kita mengetahui berapa PR yang dimilikinya, tetapi bila tidak ada kita akan sulit untuk mengetahuniya.

Dengan SEO Status Toolbar Firefox Add-on akan secara langsung menegetahui PR blog anda atau sebuah blog yang anda kunjungi langsung saat anda browsing menggunakan browser Firefox.

Berikut cara singkat untuk memasangnya

1. Langsung menuju ke Tkp SEO Status Toolbar Firefox Add-on

2. Kemudian langsung Download atau "Instal Now"

3. setelah selesai silahkan "restart firefox" anda dan secara otomamatis Add-on sudah terpasang di firefox dan hasilnya akan seperti ini

Dan didalam toolbar ini anda dapat mengetahui siapa saja yang telah memberikan Backlinks terhadap suatu blogs, dan anda juga dapat memasang widget PR yang disediakan

Selamat mencoba

Cara Merubah Icon Blogger

postingan kali ini saya mau berbagi sedikit hasil dari blogwalking saya sepanjang hari ini yang tak tentu arah mencari sesuatu yang baru dan mencari sebuah inspirasi buat blogku.

Dan hasilnya saya mendapatkan bagaimana merubah icon blog di URL atau alamat blog anda yang biasanya gambarnya berupa icon blogger dan sekarang bisa diganti sesuai dengan gambar yang anda inginkan misalnya foto anda atau bisa juga dengan icon yang menarik lainya sebagai contoh bisa melihat icon blog saya

 

Anda tertarik untuk mencobanya, berikut cara singat untuk merubah icon blog anda

1. Login ke Dasboard Blog anda
2. Klik "Design/ Rancangan" >> pilih "Edit HTML" >> lalu centang "Expand Widget Templates"
3. Cari kode html </head> dengan menekan Cntrl+F untuk memudahkan pencarian
4. setelah ketemu letakan kode html ini

<link href=' http://img100.imageshack.us/img100/4658/image12du2.gif' rel='SHORTCUT ICON'/>

diatas kode </head> maka hasilnya akan seperti ini

<link href=' http://img100.imageshack.us/img100/4658/image12du2.gif' rel='SHORTCUT ICON'/>

</head>

dan anda bisa menganti icon ini http://img100.imageshack.us/img100/4658/image12du2.gif ini sama dengan icon Blog saya, silahkan ganti dengan icon gambar anda atau bisa dengan url gambar lainya tetapi setelah anda upload di potobucket atau sejenisnya.

5. setelah selesai klik "Save template" lalu lihatlah perubahan icon blog anda.

Selamat mencoba

Nasib Blogku Menjadi "Dofollow" 2

Malam ini lagi bingung mau posting apaan, ya terpaksa deh blogwalking kemana-mana sambil cari-cari info menarik tentang blog dofollow dan meninggalkan komentar kasana kemari sambil cari backlink.

Saat meninggalkan komentar di blog para master ternyata blogku kucek lagi di ID komentar >> Klik kanan>> Properties>> Relations >> "Nofollow" ternyata blogku lain dofollow padahal blogku sudah kurubah dari awal menjadi dofollow dan dengan PDnya memasang gambar dofollownya,  dan saya jadi malu..........??? maaf yaa... yang pernah berkunjung di blogku sebelumnya.

Ahirnya kucoba periksa lagi apa yang terjadi dengan blogku dengan melakukan edit Html apakah ada yang salah saat melakukan edit html ternyata sudah benar htmlnya 

<a expr:href='data:comment.authorUrl'>.

Saya tambah bingung karena tidak menemukan solusinya dan saya melakukan spekulasi dengan membuka lagi rancangan blogku mungkin ada widget yang menggangu atau ada yang salah memasangnya dan ternyata benar ada widget yang membuat blogku menjadi nofollow kembali yaitu widget kotak komentar Intensedebate, kemudian saat kuhapus kotak komentar tersebut dari blogku dan saya coba lagi meninggalkan komentar diblog dofollow dan kucek status blogku hasilnya blogku menjadi "Dofollow" berhasil...berhasil...berhasil...????

Mungkin itu pengalaman pertamaku atau mungkin ketidak tahuanku dengan memasang kotak komentar pihak ketiga akan merubah blogku menjadi nofollow atau mungkin ada masalah lain yang belum kuketahui.

Jadi buat temen-temen saya minta maaf bagi yang pernah meninggalkan komentar di kotak komentar Intensedebate dengan sangat terpakasa akan kuhapus dan akan kuganti dengan kotak komentar bawaan blogger.

Menganti Huruf Posting Tanpa Edit HTML

Postingan kali ini mungkin udah jadul kali ya atau mungkin semua blogger sudah pada tau semua?? ya... gak papa lah buat menuhi postingan blog saya.

Disini saya mau menulis bagaimana mengganti huruf posting tampa melakukan edit html yang diperlukan disini hanya merubah pengaturan/setting blog anda.

Berikut cara singkat merubahnya.

1. Login ke blog anda >> dasboard >> Setting

2. Kemudian pilih >> Formatting >> dan kemudian cari dibawah >> "Post Template" dan

3. Copy sript dibawah ini dan letakan didalam kolom "post template"

<span style="font-family: Arial">Tulisan atau Posting Anda Di Sini</span

 
ini contoh hurufnya:

(Times New Roman)hasilnya akan seperti ini

(Tecton Pro Cond)hasilnya akan seperti ini

(Bradley Hand ITC)hasilnya akan sepeti ini

(Comic Sans MS)hasilnya akan seperti ini

(Gill Sans Ultra Bold Condensed)hasilnya akan seperti ini dan silahkan cari huruf lain yang anda sukai

4. Silahkan ganti hurufnya (yang berwarna biru=arial) dengan nama huruf sesuai keinginan anda

5. Selamat Mencoba

Pasang Widget Recent Post Naik Turun Dengan Tumbnails

Blogwalking malam ini saya mendapatkan pelajaran menarik dari blognya master abu farhan.com saya mendapatkan widget recent post dengan tumbnails dan simple spy seperti yang saya pasang di sidebar saya ini disebelah kiri

Dengan recent post ini tentunya akan memudahkan pengunjung untuk melihat artikel anda yang terbaru disertai gambar atau tumbnails yang naik turun dan akan terlihat menarik.

Kalau anda juga berminat silahkan kunjungi sumbernya atau bisa langsung copy script ini yang saya dapatkan dari mas abu farhan berikut cara memasang recent pos ini

1. Login ke Dasboard blog anda >> Design >> Add Gadget

2. Copy script dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:250px;
}
#spylist ul{
width:205px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:50px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 205;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.sukasu.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

3. Ada sedikit yang perlu anda ubah yaitu home page (berwarna merah=www.sukasu.blogspot.com)dengan alamat url blog anda dan anda juga bisa mengubah ukuranya dan jumlah posting yang akan ditampilkan (numpost)

4. simpan dan lihat hasinya

Membuat Navigasi 1 2 3 Next Dibawah Posting

Postingan kali ini saya akan membahas sedidkit tentang widget Page navigasi 1 2 3 next dibawah postingan tanpa melakukan edit html. Sebenarnya page navigasi bawaan sudah tersedia tapi tampilanya hanya berupa

Posting Lebih Baru            Beranda             Posting Lama

Tapi kali ini akan saya berikan cara memasang page navigasi yang akan memudahkan untuk menuju dengan cepat ke artikel selanjutnya dan anda bisa lihat tampilanya seperti dibawah ini atau dibawah postingan ini.

 
Pages(10) 1 2 3 4 5 6 (Next)

jika anda tertarik untuk memasang widget Page navigasi ini silahkan langsung copy script dibawah ini.

1. Masuk Blog Anda >> Dasboard >> Design >> Add Gadget >> Add Html >>Copas Script dibawah ini dan sebaiknya diletakan dibawah postingan
 
<style type='text/css'>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
</style>
<script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
<script style='text/javascript' src='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script>

2. Atau anda bisa juga lansung menuju sumbernya Customize Page Navigasi dan tinggal pilih "Add widget to My Blog" dan pindahkan elemenya dibawah postingan.

Selamat mencoba