AToolbar Resizer 1.0 merupakan sebuah Add-Ins VB6.0 yang berguna untuk merubah ukuran buttons Toolbar yang telah terlanjur diisi gambar (yang berasal dari ImageList)
Download: Toolbar Resizer 1.0
Cara menggunakan:
Register terlebih dahulu Toolbar Resizer 1.0 dengan cara mendouble klik file install.bat
Klik menu file Add-ins selanjutnya klik Add-Ins Manager, cari Add-ins dengan nama Toolbar Resizer 1.0.
Pilih Toolbar yang telah diisi gambar yang berasal dari ImageList.
Sesuaikan ukurannya dengan cara memilih item yang tersedia dalam ComboBox Toolbar Resizer 1.0.
Seperti yang kita ketahui, objek Toolbar yang buttonnya telah terisi gambar dari ImageList tidak dapat dirubah ukurannya misalnya dari 16 x 16 menjadi 32 x 32, 48 x 48 atau sebaliknya, terkecuali kita hapus terlebih dahulu seluruh gambar yang terdapat pada ImageList tersebut dan meng-unbound property ImageList yang terdapat dalam Toolbar tersebut. Akan tetapi dengan tools kecil yang diberi nama Toolbar Resizer 1.0 kita dapat merubah ukuran gambar sesuai selera tanpa harus mengutak-atik Toolbar dan ImageList-nya.
Tampilkan postingan dengan label Cara. Tampilkan semua postingan
Tampilkan postingan dengan label Cara. Tampilkan semua postingan
Selasa, 19 Maret 2013
Selasa, 12 Maret 2013
Membuat Accordion Menu
caranya langsung tambahkan widget HTML pada blog anda lalu masukkan kode dibawah ini: langsung jadi...
<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white}
#accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiNy1p8xYl5KgVNpXzpxjX-7xiHxf5LpXFrnCJrm0sWWYTSrHXjxp3DoNb9TCgyWOV93eqhJeLClodOn5jWmuHfwzsCpQHNTLRr9tfcksids_5c4Sj6snhLd0yIxgifSCguCedwK7kd_M/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
#accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
#accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
#accordion .content li a:hover {text-decoration:none;color:#000;}
#accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipcDaInxYnLj1zrDyVitds9r_edzOyTFlZRsPq4NmQ46aOibB_CCyEP5u_l5wkP0XQWu390lU9QwnnCky_L7IjWCgHurdyNKOLyHaoo-r-6ta4ZTum3VBRJE10ivqNQqkybp-HkTIUmCs/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>Title 1</h2>
<div class="content">
Isi konten 1
</div>
<div id="accordion">
<h2>Title 2</h2>
<div class="content">
Isi konten 2
</div>
<div id="accordion">
<h2>Title 3</h2>
<div class="content">
Isi konten 3
</div>
<div id="accordion">
<h2>Title 4</h2>
<div class="content">
Isi konten 4
</div>
<div id="accordion">
<h2>Title 5</h2>
<div class="content">
Isi konten 5
</div>
</div></div></div></div></div>
<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white}
#accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiNy1p8xYl5KgVNpXzpxjX-7xiHxf5LpXFrnCJrm0sWWYTSrHXjxp3DoNb9TCgyWOV93eqhJeLClodOn5jWmuHfwzsCpQHNTLRr9tfcksids_5c4Sj6snhLd0yIxgifSCguCedwK7kd_M/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
#accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
#accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
#accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
#accordion .content li a:hover {text-decoration:none;color:#000;}
#accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipcDaInxYnLj1zrDyVitds9r_edzOyTFlZRsPq4NmQ46aOibB_CCyEP5u_l5wkP0XQWu390lU9QwnnCky_L7IjWCgHurdyNKOLyHaoo-r-6ta4ZTum3VBRJE10ivqNQqkybp-HkTIUmCs/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>Title 1</h2>
<div class="content">
Isi konten 1
</div>
<div id="accordion">
<h2>Title 2</h2>
<div class="content">
Isi konten 2
</div>
<div id="accordion">
<h2>Title 3</h2>
<div class="content">
Isi konten 3
</div>
<div id="accordion">
<h2>Title 4</h2>
<div class="content">
Isi konten 4
</div>
<div id="accordion">
<h2>Title 5</h2>
<div class="content">
Isi konten 5
</div>
</div></div></div></div></div>
Memasang Page Navigation Angka di blog
1. Di Blogger kalian, klik Template > Edit HTML > Expand Widget Template kemudian cari kode ini <b:includable id='mobile-index-post' var='post'> (Tekan CTRL + F untuk memudahkan pencarian)
2. Kemudian Paste kode di bawah tepat diatas kode <b:includable id='mobile-index-post' var='post'> (Tekan CTRL + C untuk mengkopi kode di bawah)
<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,numPages: 5,firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«"
}
</script>
<script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
3. Kemudian cari kode <b:include name='nextprev'/>
4. Ganti kode tersebut dengan kode di bawah ini.
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nextprev'/>
</b:if>
</b:if>
5. Kemudian cari kode ]]></b:skin> dan Paste kode di bawah tepat di atas kode ]]></b:skin>
#blog-pager, .pagenavi {
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a, .pagenavi span, .pagenavi a {
margin: 0 5px 0 0;
padding: 2px 10px 3px;
text-decoration: none;
color: #fff;
background: #e06666;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
#blog-pager a:visited, .pagenavi a:visited {
color: #fff;
}
#blog-pager a:hover, .pagenavi a:hover {
color: #fff;
text-decoration: none;
background: #000;
}
#blog-pager-older-link, #blog-pager-newer-link {
float: none;
}
.pagenavi .current {
color: #fff;
text-decoration: none;
background: #000;
}
.pagenavi .pages, .pagenavi .current {
font-weight: bold;
}
.pagenavi .pages {
color: #fff;
background: #e06666;
}
6. Simpan Template dan lihat hasilnya.
2. Kemudian Paste kode di bawah tepat diatas kode <b:includable id='mobile-index-post' var='post'> (Tekan CTRL + C untuk mengkopi kode di bawah)
<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,numPages: 5,firstText: "First",
lastText: "Last",
nextText: "»",
prevText: "«"
}
</script>
<script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
3. Kemudian cari kode <b:include name='nextprev'/>
4. Ganti kode tersebut dengan kode di bawah ini.
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nextprev'/>
</b:if>
</b:if>
5. Kemudian cari kode ]]></b:skin> dan Paste kode di bawah tepat di atas kode ]]></b:skin>
#blog-pager, .pagenavi {
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a, .pagenavi span, .pagenavi a {
margin: 0 5px 0 0;
padding: 2px 10px 3px;
text-decoration: none;
color: #fff;
background: #e06666;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
#blog-pager a:visited, .pagenavi a:visited {
color: #fff;
}
#blog-pager a:hover, .pagenavi a:hover {
color: #fff;
text-decoration: none;
background: #000;
}
#blog-pager-older-link, #blog-pager-newer-link {
float: none;
}
.pagenavi .current {
color: #fff;
text-decoration: none;
background: #000;
}
.pagenavi .pages, .pagenavi .current {
font-weight: bold;
}
.pagenavi .pages {
color: #fff;
background: #e06666;
}
6. Simpan Template dan lihat hasilnya.
Minggu, 06 Januari 2013
Membuat efek bubbly text
Sekarang
kita akan mencoba membuat efek bubbly text hanya dalam satu layer. Tutorial ini
diterjemahkan dari Blognya Photoshop Candy, dan sangat sederhana serta mudah.
Langkah
1:
Buatlah
sebuah teks dengan "Type Tool", disini menggunakan font yang Rounded
(misal Calibri). Kemudian pada klik kanan pada layer yang baru kita buat, dan
pilih "Blending Option". Kotak dialog "Layer Style" akan
terbuka.
Langkah
2 :
Pilih/check
"Drop Shadow" dan lihat nilainya pada gambar dibawah
Langkah
3 :
Pilih/check
"Gradient Overlay" dan lihat nilainya pada gambar dibawah kemudian
klik baris gradient pada bagian tengahnya, popup gradient akan terbuka. Atur
pewarnaan (3 warna) seperti pada gambar
Tips
:
Untuk
menambah warna (color square) hanya klik dimana saja pada bagian bawah garis
gradient
Untuk
membuangnya, klik dan geser kebawah (color square)
Untuk
merubah warna - klik dan kemudian akan terbuka warna-warna dan pilih sesuai
pilihan kita, jika ingin mengatur posisi warna tinggal geser saja
Langkah
4 :
Pilih/check
"Stroke" dan lihat nilainya pada gambar dibawah
Terakhir
klik OK. Horeeeee jadi (yang belum jadi silahkan tinggalkan pesan)
Minggu, 30 Desember 2012
Cara menyembunyikan widget di halaman homepage
postingan kali ini masih membahas tentang tutorial blogger cara
menyembunyikan widget di halaman homepage jadi widget yang kita
sembunyikkan akan tampil ketika postingan di klik, dan tidak terlihat
ketika di halaman atau homepage blog sobat. Untuk cara menyembunyikan
widget di halaman homepage silahkan sobat download artikelnya di bawah ini.
DOWNLOAD
DOWNLOAD
Cara Menampilkan Atau Menyembunyikan Widget Di Blog
Sabtu, 29 Desember 2012
Cara menyembunyikan widget/gadget di blog
Anda mempunyai banyak widget yang tampil di blog anda ? Widget blog yang
terlalu banyak tentunya akan mengurangi kecepatan loading dari blog
kita sendiri. Namun jika widget itu terasa penting bagi anda dan tetap
ingin mempertahankan keberadaannya ada baiknya anda melakukan pengaturan
pada halaman mana saja blog tersebut akan anda tampilkan. Misalnya
widget A akan anda tampilkan hanya pada Homepage saja atau sebaliknya.
Anda juga bisa menampilkan suatu widget hanya pada URL tertentu saja.
langsung download disini
langsung download disini
Rabu, 19 Desember 2012
Membuat tabel berwarna
Dalam membuat tabel warna ada beberapa cara, misalnya dengan menggunakan css, php, script atau dengan merubah background dari tabel itu sendiri. langsungsaja;
[1] dengan merubah background tabel
<table bgcolor="white" border="0" style="height: 12px; width: 100%;" widht="100%"> <tbody> <tr bgcolor="#6b8e23"> <td style="color: white;" text-align:="text-align:"><br /></td> </tr> </tbody></table> <table bgcolor="white" border="0" style="height: 12px; width: 100%;" widht="100%"> <tbody> <tr bgcolor="#6b63"> <td style="color: white;" text-align:="text-align:"><br /></td> </tr> </tbody></table> |
Membuat loading pada blog
Langsung saja pada, pada postingan kali ini saya akan memberikan tutorial bagaimana cara membuat loading pada blogger. langkah-langkahnya seperti biasa masuk pada blog kalian dst. lalu masukkan kode css-nya dibawah ini
#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;} .garis { width: 100%; /* Full Width */ height: 5px; margin: 50px auto; background: #000; } .expand { width: 100%; height: 1px; margin: 2px 0; background: #2187e7; position: absolute; -webkit-box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7); -moz-box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7); box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7); -moz-animation: fullexpand 10s ease-out; -webkit-animation: fullexpand 10s ease-out; -ms-animation: fullexpand 10s ease-out; animation: fullexpand 10s ease-out; } /* ===[ Full Width Animation Bar ]=== */ @-moz-keyframes fullexpand { 0% { width: 0px } 100% { width: 100% } } @-webkit-keyframes fullexpand { 0% { width: 0px } 100% { width: 100% } } @-ms-keyframes fullexpand { 0% { width: 0px } 100% { width: 100% } } @keyframes fullexpand { 0% { width: 0px } 100% { width: 100% } } |
setelah itu masukkan dibawah ini, (letaknya diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> |
kemudian terakhir masukkan kode script berikut di atas kode </body>
<div id='loadhalaman'> <div class='garis'/> <div class='expand'/> </div> <script type='text/javascript'> $(function() { var siteURL = "http://" + top.location.host.toString(); var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']"); $internalLinks.click(function() { $('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000); }); // Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank' $('#loadhalaman').click(function() { $(this).hide(); }); }); </script> |
Senin, 03 Desember 2012
Cara membuat kotak like facebook di blog
langkah langkahnya;
login ke blogger => dasbora => tata letak => tambah gadget => html/javascript . lalu masukkan kode html/javascript-nya. kodenya dibawah ini:
keterangan:
untuk kode warna hijau = alamar/url facebook anda
untuk kode warna merah =ukuran panjang kotak like
login ke blogger => dasbora => tata letak => tambah gadget => html/javascript . lalu masukkan kode html/javascript-nya. kodenya dibawah ini:
<div id="fb-root"></div> |
keterangan:
untuk kode warna hijau = alamar/url facebook anda
untuk kode warna merah =ukuran panjang kotak like
Jumat, 23 November 2012
Cara membuat banner
Salah satu alternatif untuk membuat banner secara online yang sangat indah dan bagus. dan bisa anda gunakan untuk mempercantik blog/website kalian. dalam hal ini kalian tidak akan menggunakan software apapun karena kalian bisa langsung membuatnya secara online dengan memasukkan texs banner anda dan program akan langsung mengenerate menjadi SWF dan kode html yang siap kalian pasang di blog kalian.berikut ini langkah-langkah yang bisa kalian kerjakan:
a. silahkan kunjungi langsung http://flashvortex.com/
b. dari halaman web silahkan kalian pilih banner yang kalian sukai
c. isikan teks yang ingin kalian tampilkan pada banner tersebut
d. selanjutnya lakukan pengaturan tampilan pada bannerseperti tampilan teks, url blog dll.
e. setelah itu klik tombol generate animation, untuk mendapatkan kode html-nya
f. copy-lah kode tersebut ke blog kalian
selamat mencoba,
Senin, 05 November 2012
Cara membuat kolom berwarna ketika mouse di grakkan
Cara membuat kolom berwarna ketika mouse digerakkan - Kali ini saya akan menerangkan bagaimana cara untuk membuat kolom dan ketika cusor digerakkan ke kolom tersebut maka warna bacground-nya berubah, contohnya seperti dibawah ini;
Kolom pertama |
Kolom kedua |
kodenya sebagai berikut:
<table border="0" cellpadding="10" cellspacing="5" heiht="50pt" style="width: 100%;"><tbody> <tr bgcolor="#98c6ff" onmouseout="this.style.backgroundColor='#98c6ff';" onmouseover="this.style.backgroundColor='#9d9d9d';"> <td>Kolom Pertama</td> </tr> <tr bgcolor="#98c6ff" onmouseout="this.style.backgroundColor='#98c6ff';" onmouseover="this.style.backgroundColor='#9d9d9d';"> <td>Kolom kedua</td> </tr> </tbody></table> |
Keteranga:
Untuk kode yang berwarna merah, kalian bisa menggantinya sesuai selera
Minggu, 04 November 2012
Cara mendaftarkan url website di google, msn dan yahoo
Dalam meningkatkan trafik sebuah website dapat dilakukan dengan banyak cara atau teknik-teknik bahkan tools dalam meningkatkan trafik indeks web yang digunakan oleh web. sekarang bagaimana kita melakukan pendaftaran website secara menual pada webservice seperti Google,yahoo, dan msn. agar website anda dapat diakses dan dikunjungi oleh banyak pengguna internet, perlu dilakukan upaya publikasi secara intensif. Salah satunya dengan mendaftarkan website anda ke mesin pencari atau search engine, Berikut ini cara mendaftarkan website ke search engine besar, seperti Google, Yahoo dan MSN:
1. Medaftarkan URL website Di Google.
Klik www.google.com/addurl/
Pada jendela ‘Add your URL to Google’ terdapat :
URL : http://pengentauaja.com [ganti URL website anda].
Optional : isikan kode angka/huruf seperti yang tertera dibawahnya.
Jika Sudah terisi semuanya, klik tobol ‘Add URL’.
Kemudian jika pendaftaran berhasil muncul jendela konfirmasi pertanda bahwa website anda
1. Medaftarkan URL website Di Google.
Klik www.google.com/addurl/
Pada jendela ‘Add your URL to Google’ terdapat :
URL : http://pengentauaja.com [ganti URL website anda].
Optional : isikan kode angka/huruf seperti yang tertera dibawahnya.
Jika Sudah terisi semuanya, klik tobol ‘Add URL’.
Kemudian jika pendaftaran berhasil muncul jendela konfirmasi pertanda bahwa website anda
telah masuk ke database Google.com.
2. Mendaftarkan URL website Di Yahoo.
Klik http://siteexplorer.search.yahoo.com/submit
Pada halaman Site Explorer masukkan alamat website anda pada kotak ‘Submit a Website or
2. Mendaftarkan URL website Di Yahoo.
Klik http://siteexplorer.search.yahoo.com/submit
Pada halaman Site Explorer masukkan alamat website anda pada kotak ‘Submit a Website or
Webpage’.
Tulislah secara lengkap alamat website anda, contoh : http://pengentauaja.com
3. Mendaftarkan URL website Di MSN.
Klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2
Kemudian masukkan kode anti spam yang telah disediakan di atasnya pada kotak ‘Characters’.
Pada jendela ‘Live Search’, masukkan alamat lengkap website anda seperti contoh berikut ini
Tulislah secara lengkap alamat website anda, contoh : http://pengentauaja.com
3. Mendaftarkan URL website Di MSN.
Klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2
Kemudian masukkan kode anti spam yang telah disediakan di atasnya pada kotak ‘Characters’.
Pada jendela ‘Live Search’, masukkan alamat lengkap website anda seperti contoh berikut ini
http://pengentauaja.com pada kotak ‘Type the URL of your homepage’.
Kemudian klik tombol ‘Submit URL’.
Periksalah hasilnya dengan cara mengetikkan alamat website anda di dalam kotak search engine
Kemudian klik tombol ‘Submit URL’.
Periksalah hasilnya dengan cara mengetikkan alamat website anda di dalam kotak search engine
setelah beberapa hari kedepan.
Sabtu, 03 November 2012
Instal g OS
Cara maupun langkah- langkan Instal g.OS:
1. Download g.OS disini
2. Lalu bakar/Burn
file ISO dari gOS 3 Gadgets ke CD/DVD, lalu saya booting dari CD/DVD ROM .
3. Pilih Start or Install gOS.
Biarkan sampai masuk ke desktop, lalu klik tombol Instal pada desktop
4. Pilih
Default Language : English. Lalu klik Forward.
5. Pilih
Zone Timenya, dan tekan tombol Forward.
6. Untuk
Layout Keyboard, pilih default saja. Lalu klik tombol Forward.
7. Untuk
disk Anda punya 3 pilihan, Guided dan pakai semua space yang ada, Guide dengan
menggunakan free space yang ada dan yang terakhir manual. Karena saya sudah ada
partisi sebelumnya, maka saya pilih Manual. Lalu klik tombol Forward.
8. Buat
partisi utama dan partisi untuk swap, pertama buat Partisi utama.
9. Lalu buat
partisi swap.
10. Hasilnya sebagai berikut
11. Lalu
klik Forward.
12. Buat
user seperti diatas.
13. Klik
tombol Install. dan Notebook/PC, perlu di reboot. SELESAI.
Cara memasang status YM di blog
Pasang status YM di blog - Livechat merupakan salah satu fasilitas yang harus ada di toko online. Biasanya live chat adalah dengan memanfaatkan messenger. Pemanfaatan messenger sebagai layanan customer servie ini akan memudahkan dan lebih praktis dibandingkan jika melalui cara konvensional melalui telpon. Ada banyak situs penyedia layanan messenger ini. Salah satu yang paling populer adalah YM atau Yahoo Messenger.
YM paling banyak dipakai jasanya sebagai penyedia livechat di situs bisnis online. Utamanya di toko online. Nah, berikut ini akan saya bagikan cara memasang Tombol status YM untuk memudahkan pengunjung mengetahui apakah anda sedang online atau tidak. Caranya sangat lah sederhana.
Anda harus blogger => dashboard => Layout => Add a getget => pilih "HTML/Javascript" => Copy dan paste kode berikut ini => Save/simpan
<a href="ymsgr:sendIM?IDYMMU" title="Test"><img src="http://opi.yahoo.com/online?u=IDYMMU&m=g&t=10" alt="YM" border="0" /></a>
Sebelumnya, anda harus mengganti IDYMMU dengan id YM yang anda miliki tanpa @yahoo.com dll.
Jumat, 25 Mei 2012
langkah-langkah mengatasi blog yang tidak bisa di-copy-paste
Ini dia langkah-langkah mengatasi blog yang tidak bisa di-copy-paste. Ada dua cara yang bisa Anda lakukan, dan semuanya sangat mudah Anda lakukan.
- Jika ketika mencari artikel Anda kebetulan menggunakan firefox atau google chrome, coba Anda pindah ke Internet Explorer. Anda bisa langsung copy-paste alamat blog/websitenya dan buka di Internet Explorer. Di jamin blog yang tadinya tidak bisa Anda copy-paste, di sini Anda bisa copy-paste sepuas-puasnya. Ini sudah saya buktikan terhadap beberapa blog yang tidak bisa di copy-paste di Firefox atau Google Chrome.
- Jika Anda kebetulan tidak menginstal Internet Explorer, Anda tetap bisa melakukannya di Firefox. Kalau di Google Chrome, saya masih belum mencobanya. Caranya juga gampang.
- Buka artikel yang ingin Anda copy-paste.
- Bila sudah dibuka, Anda klik Options. Kemudian, pilih Content. Jika sudah terbuka, hilangkan centang pada tulisan Enable JavaScript.
- Klik OK. Selesai dech.
NB:
- Untuk cara yang kedua (menghilangkan centang pada Enable JavaScript), tidak semua blog bisa diatasi dengan cara seperti ini.
- Kalau centang Enable JavaScript dihilangkan, jangan lupa untuk mengembalikannya setelah Anda meng-copy-paste artikel yang Anda inginkan.
Minggu, 20 Mei 2012
Membuat Dropdown menu untuk Blogroll
Pilih tata letak > Elemen Halaman > Tambah Gadget > HTML/JavaScript > ketik blogroll pada judul, kemudian ketik kode berikut pada bagian konten kemudian Simpan:
<option>- Blogroll saya -</option>
<option value=”http://www.#.com/“/> Nama blogroll </option>
<option value=”http://www.#.com/“/> Nama blogroll </option>
<option value=”http://www.#.com/“/> Nama blogroll </option>
</select></form>
-------------------------------------------------------------------------------------------------------------
ganti tulisan yang berwarna biru dengan link yang anda inginkan dan untuk warna merah ganti dengan nama blogroll anda..
hasilnya seperti dibawah ini:
-------------------------------------------------------------------------------------------------------------
<form><select name=”menu” onchange= “window.open(this.options[this.selectedIndex].value,’_blank’)” size=1 name=menu><option>- Blogroll saya -</option>
<option value=”http://www.#.com/“/> Nama blogroll </option>
<option value=”http://www.#.com/“/> Nama blogroll </option>
<option value=”http://www.#.com/“/> Nama blogroll </option>
</select></form>
-------------------------------------------------------------------------------------------------------------
ganti tulisan yang berwarna biru dengan link yang anda inginkan dan untuk warna merah ganti dengan nama blogroll anda..
hasilnya seperti dibawah ini:
Membuat Partisi Hardisk Menggunakan Easeus Partition
Jika Anda mengalami kesulitan dalam membagi, memperkecil atau memperbesar partisi hardisk Anda, software partisi Easeus Partition layak Anda coba. Software ini mirip Symantec Partition Magic. EASEUS Partition Manager merupakan program khusus yang dapat dipergunakan untuk mengatur partisi hardisk Anda. Dengan program ini, Anda bisa membuat partisi primer, logical, dan membagi hard disk berukuran besar menjadi beberapa bagian. Tampilan utamanya mirip dengan program Partition Magic buatan Symantec.
Ada dua bagian yang bisa Anda temukan pada software partisi hardisk ini. Partition Operation berisi feature-feature untuk membuat, menghapus, dan memperbesar atau memperkecil sebuah partisi. Sementara Disk Operation berisi option untuk menghapus semua partisi yang ada dalam hard disk. Uniknya, program ini juga dilengkapi keamanan ekstra melalui password. Dengan begitu, tidak sembarang orang bisa mengutak- atik partisi hard disk di komputer Anda. Segala macam partisi yang terdeteksi oleh program ini juga dapat diketahui detail informasinya melalui option “properties”.
Fitur-fitur Utama Easeus Partition Manager:
- Disk Copy, fitur baru di versi 3.0. Fasilitas ini bermanfaat jika kita ingin mengganti hardisk yang berukuran kecil ke hardisk baru yang berukuran lebih besar, tanpa menginstall sistem operasi dan aplikasi yang ada didalamnya. Mendukung copy sector by sector dan juga copy file by file. Copy file by file akan jauh lebih cepat daripada sector by sector. Fitur ini dapat djalankan jika ukuran hardisk baru lebih besar atau sama dengan hardisk lama yang ingin dicopy. Jika ukuran lebih besar, maka sisanya bisa di format menyusul.
- Mengubah ukuran partisi hardisk (Resize) tanpa menghilangkan data. Untuk memperkecil ukuran partisi hardisk, maka harus mempunyai space kosong, sedangkan untuk memperbesar partisi, maka harus ada space kosong di partisi yang ada disampingnya.
- Memformat Partisi hardisk.
- Partition Copy, fitur ini hampir sama seperti Disk Copy, hanya saja untuk satu partisi, bukan keseluruhan hardisk.
- Membuat dan menghapus partisi hardisk dengan langkah yang sederhana. Untuk membuat partisi, klik kanan space yang kosong (belum dialokasikan) dan pilih Create. Untuk menghapus partisi (data akan hilang), juga bisa melalui menu klik kanan.
- Menyembunyikan partisi dan Menampikan kembali Partisi yang tersembunyi. fasilitas ini bermanfaat jika kita ingin partisi tertentu tidak ditampilkan (untuk mencegah akses pihak-pihak tertentu). Untuk menampilkan kembali klik hardisk yang disembunyikan dan pilih Unhide. Untuk memanfaatkanfitur ini, maka gunakan menu password di Program ( General > Set Password).
Bagi Anda yang ingin merubah partisi hardisk saya sarankan untuk mencoba software yang satu ini, semoga berhasil.
referensi : easeus-software.com/download/epm.zip
Sabtu, 19 Mei 2012
Kode Html
Teks tebal | teks kamu | <b>teks kamu</b> |
Teks Besar | teks kamu | <big>teks kamu</big> |
Teks garis bawah | teks kamu | <u>teks kamu</u> |
Teks garis tengah | <s>teks kamu</s> | |
Teks miring | teks kamu | <i>teks kamu</i> |
Teks Berkedip | <blink>tekskamu</blink> | |
Teks ketengah | teks kamu | <p align=center>teks kamu</p> |
Teks kekiri | teks kamu | <p align="left">teks kamu</p> |
Teks kekanan | teks kamu | <p align="right">teks kamu</p> |
Teks color | teks kamu | <font color="blue">teks kamu</font> |
Jenis Font | teks kamu | <font face="Georgia">teks kamu</font> |
Membuat garis | <hr> | |
Membuat garis warna | <hr color=red> | |
Membuat spasi | <br> | |
Memberi link url | nama | <a href="http://URL">nama</a> |
Memasang gambar | <img src="http://cahya.mw.lt/anim/mobil.gif"> | |
Teks kanan ke kiri | <marquee>teks kamu</marquee> | |
Teks bolak-balik | <marquee behavior="alternate">teks kamu</marquee> | |
Memberi bacground warna pada teks brjlan | <marquee bgcolor="blue">teks kamu</marquee> | |
teks kiri ke kanan | <marquee direction="right">teks kamu</marquee> | |
Tinggi bagian teks berjalan | <marquee height="20px">teks kamu</marquee> | |
Lebar kemunculan teks berjalan | <marquee width="100px">teks kamu</marquee> | |
Menampilkan kecepatan teks berjalan | <marquee scrollamount="10">teks kamu</marquee> | |
Menampilkan kecepatan teks berjalan juga | <marquee scrolldelay="5">teks kamut</marquee> | |
Menampilkan kecepatan teks berjalan juga | <marquee scrolldelay="1">teks kamut</marquee> | |
Menampilkan kecepatan teks berjalan juga | <marquee scrolldelay="5">teks kamut</marquee> | |
Kosong | Kosong | Kosong |
Kamis, 17 Mei 2012
Cara Pasang Script Alert di Blog
Sering kita temukan blog yang menggunakan script alert pada blog mereka, dimana script ini berfungsi untuk menampilkan pesan singkat sebelum masuk halaman blog. Contoh bisa sobat lihat gambar disamping, saya pernah menggunakan script alert ini untuk memberikan pesan kepada pengunjung sebelum pengunjung masuk ke halaman utama blog saya.
alert("Terima Kasih Telah Mengunjungi Blog Saya"); |
Saya sendiri sih kurang suka dengan pesan singkat ini, makanya saya hapus soalnya bisa membuat pengunjung jenuh, apalagi jika terlalu banyak pesan pada blog. Tapi jika sobat tertarik dan ingin menampilkan script alert atau pesang singkat ini, silahkan ikuti langkahnya berikut ini.
Yang perlu sobat tambahkan adalah kode berikut ini
- Login ke Blogger.
- Klik Tata Letak.
- Pilih Edit HTML.
- Kemudian cari kode.
- lalu copy paste kode berikut tepat diatas kode .
alert("Terima Kasih Telah Mengunjungi Blog Saya");
- Ganti tulisan yang berwarna merah dengan tulisan yang ingin sobat tampilkan.
- Lalu Save Template.
Langganan:
Postingan (Atom)