Trik blogging, trik internet, dan bisnis online

Cara Mempercepat Koneksi Internet

2012-01-01T03:20:00.000-08:00

Pengertian dari "Mempercepat Koneksi Internet" adalah memaksimalkan penggunaan bandwidth internet dari koneksiyang anda punya.perlu diketahui,bahwa secara default Windows sengaja mengurangi 20% dari total bandwidth koneksi anda untuk keperluan sistem seperti fitur update windows otomatis dan fitur layanan microsoft lainya.

Praktek berikut akan mengajarkan trik bagaimana memaksimalkan bandwidth koneksi koneksi Anda melalui jendela pengaturan Group Policy Editor.
Sebelum melakukan praktek berikut,pastikan Anda telah login sebagai administrator atau pengguna (user) dengan level group: administrator

1) Tampilkan jendela Run, tekan kombinasi tombol windows + R. ketikkan gpedit.msc pada kotak pencarian. tekan enter.

2) Klik folder administrative templates yang ada di bagian kiri jendela policy editor

3) Kemudian klik ganda folder network yang ada di bagian kanan jendela

4) Klik ganda folder Qos Packet Scheduler.

5) Klik ganda pengaturan Limit reservable bandwith.

6) Pilih opsi: Enabled, kemudian beri nilai: 0 pada bandwith limit. restart komputer untuk menerapkan pengaturan

Nah dengan menerapkan cara diatas, sekarang anda dapat berinternet secara maksimal. semoga artikel Cara Mempercepat Koneksi Internet dapat membantu anda :)

Cara Memaksimalkan Kecepatan Transfer

2011-12-28T09:00:00.000-08:00

Kecepatan internet sangat bergantung dengan kecepatan koneksi internet yang disediakan ISP ( penyedia layanan internet) dan transfer data dari modem ke komputer anda. berikut ini adalah trik bagaimana memaksimalkan kecepatan transfer data saat berinternet.

Salah satu keuntungan dari memaksimalkan kecepatan transfer data adalah dapat membuat browser internet anda bekerja lebih cepat ketika menampilkan halaman situs. Trik ini bekerja dengan memaksimalkan pengaturan pada cache internet, tweak registry, dan pengaturan lainnya yang berhubungan dengan kecepatan transfer data internet menggunakan aplikasi TCP Speed Booster.

1) Sebelumnya Download TCP Speed Booster terlebih dahulu disini http://www.ziddu.com/download/17980243/TCSpeedBooster.rar.html

2) lalu ekstrak menggunakan winrar, sehingga menjadi folder TCSpeedBooster.

3) Lakukan instalasi, klik ganda file setup.exe yang ada didalam folder TCPSpeedBooster.

lalu buka aplikasi TCPSpeedBooster yang ada di menu start.

4) Klik tombol Boost Connection

5) Pada menu pengaturan registry, anda pilih YES untuk melakukan backup pengaturan registry windows.

6) Selanjutnya anda tentukan kecepatan internet anda. Geser tombol pengaturan sesuai dengan kecepatan internet anda, setelah itu klik tombol Next

7) Berikutnya adalah proses optimasi. TCP Speed Booster akan memulai memaksimalkan kecepatan internet berdasarkan tipe koneksi yang telah anda pilih pada pengaturan sebelumnya. Anda tunggu proses ini sampai selesai, lama atau tidaknya proses tergantung dari kemampuan komputer anda.

8) Setelah proses selesai, anda klik tombol finished.

9) Peraturan yang telah diubah baru bisa diterapkan setelah melakukan restart pada komputer. klik tombol restart untuk melakukan restart komputer.

Problem??

1)) Jika terjadi masalah atau tidak terjadi peningkatan performa, anda klik tombol Restore Registry untuk mengembalikan pengaturan ke posisi semula.

2) Klik Yes untuk mengeksekusi backup registry

3) Maka registry akan berhasil dilakukan.

Nah semoga artikel Cara Memaksimalkan Kecepatan Transfer menolong anda, jangan lupa mengucapkan terimakasih :)

Cara Mengubah Wordpress ke Blogger

2011-12-21T04:30:00.000-08:00

Bagi teman-teman yang sudah bosan blogging di wordpress, kini teman-teman bisa blogging di blogger tanpa harus mengcopy artikel/postingannya satu-satu, hhe. apalagi buat teman-teman yang tidak bisa berpromosi di wordpress, kecuali harus upgrade menjadi pro dahulu, wew tentu teman-teman tidak mau mengeluarkan uang kan? makanya itu ayo blogging di blogger. Cara yang satu ini mudah, cepat, dan hasilnya pas.

Adapun langkah-langkahnya adalah sebagai berikut.

1) Terlebih dahulu anda buka situs www.wordpress2blogger.appspot.com

2) Setelah itu login dan buka halaman wp-admin dari blog wordpress yang anda miliki.

3) Kemudian klik menu perkakas, ekspor.

4) Selanjutnya akan tampil halaman seperti gambar dibawah ini. Lalu anda download file XML dari blog wordpress tersebut.

5) Setelah itu simpan file tersebut ke dalam komputer.

6) Kemudian kembali lagi ke halaman situs www.wordpress2blogger.appspot.com. Lalu anda klik tombol browse dan cari file hasil ekspor dari blog wordpress.

7) Selanjutnya lakukan proses convert file dengan cara mengklik tombol convert.

8) Apabila proses convert berhasil, maka akan tercipta file XML yang langsung dapat anda download.

9) Setelah itu buka halaman dashbor lalu klik menu setelan

10) Kemudian akan tampil halaman pengaturan seperti gambar dibawah ini. Lalu anda klik menu impor blog.

11) Selanjutnya anda lakukan proses impor file XML yang telah dibuat sebelumnya

12) Apabila proses impor file berhasil, maka akan bertambah postingan-postingan baru yang berasal dari blog wordpress anda yang lama.

bagi teman-teman yang tidak mau pindah, namun ingin berpromosi/beriklan di wordpress, ikuti cara Beriklan Di Wordpress ini ya.

Nah itulah artikel tentang Cara Mengimpor Wordpress ke Blogger semoga membantu, buat para blogger sekalian :)

Cara Membuat Twitter Terbang di Blog

2011-12-20T14:44:00.000-08:00

nah pada tutorial kali ini saya akan menjelaskan cara membuat twitter beterbangan, sesuai dengan request cinema3minion.

kalau dilihat di blog saya, ada di sisi pojok kiri, nih previewnya

Flying Twitter ini sangat berguna sekali untuk menarik perhatian para pengunjung blog/website. apabila scroll bar diturunkan kebawa maka dia akan mengikuti dan bertengger ditempat-tempat yang sedang kamu lihat.
cara membuatnya sangat mudah, berikut adalah langkah-langkahnya:

1) login ke akun blogger anda

2) pilih rancangan

3) setelah itu pilih gadget HTML/javascript

4) Masukin script dibawah ini di gadget tadi.

<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit(); </script> <a id="theBird" href="http://twitter.com/NAMA KAMU" target="_new" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a> <a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a> <a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>

5) supaya nggak keliatan gadgetnya tapi burungnya keliatan, jangan diberi judul, seperti dibawah ini

6) Apabila sudah selesai, klik SIMPAN

Semoga Artikel Cara Membuat Twitter Terbang di Blog dapat membantu anda :)

Cara Konversi RSS FEED ke PDF

2011-12-19T02:51:00.000-08:00

Bagi anda yang ingin menyimpan arsip blog atau semua postingan blog ke dalam format digital atau PDF. maka anda dapat mengikuti langkah-langkah dibawah ini.

1) Anda buka situs yang memberikan jasa untuk mengkonversikan RSS Feed ke dalam bentuk PDF, salah satunya adalah situs rss2pdf.com.

2) Setelah itu ketik URL RSS Feed blog ke dalam kotak input link lalu ketik kode verifikasi. Biasanya URL RSS Feed yaitu namablog.blogspot.com/feeds/posts/default.

3) Apabila proses konversi berhasil, maka akan tercipta file PDF yang berisi semua postingan yang ada dalam blog.

nah semoga artikel Cara Konversi RSS FEED ke PDF ini berhasil bagi anda semua.

Cara Membuat Related Posts

2011-12-19T02:11:00.000-08:00

Anda dapat membuat sebuah fungsi baru pada blog. Fungsi ini sering disebut dengan istilah related posts atau posting yang berhubungan. hal ini sangat berguna sekali, karena dengan adanya fasilitas ini seorang pengunjung blog akan dengan mudah mencari artikel apa saja yang saling berhubungan.
adapaun langkah-langkahnya adalah sebagai berikut:

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger. lalu klik menu
Rancangan.

2) Maka akan tampil halaman rancangan seperti dibawah ini lalu anda klik menu Edit HTML.

3) Setelah itu anda beri tanda cek pada bagian Expand Template Widget.

4) Kemudian Anda cari kode <data:post.body/> menggunakan CTRL+F . lalu letakkan kursor mouse tepat dibawah kode tersebut.

5) Silahkan copy paste kode dibawah ini, lalu letakkan dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

<h3>Related Post</h3>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

var li = document.createElement('li');

var a = document.createElement('a');

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

for (var l = 0; l < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('data2007').appendChild(div1);

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

</b:loop>

</script>

</div>

</b:if>

6) Maka posisinya akan terlihat seperti ini.

7) Kemudian klik tombol Simpan Template. Untuk melakukan proses penyimpanan kode

8) Apabila proses penyimpanan berhasil, maka akan tercipta fungsi baru pada blog yang menampilkan daftar related posts di posisi bagian bawah postingan..

Cara Mengatasi Masalah bX-fa9wwp di Blogger/Blogspot

2011-09-01T15:09:00.000-07:00

Apa sih sebenarnya bX-fa9wwp itu? sebenarnya bX-fa9wwp adalah kode galat yang muncul pada halaman dashbor anda. Tidak perlu panik dan jangan pesimis karena anda kira, anda tidak bisa menulis lagi, hehehe :D

Pada postingan kali ini saya akan mengajarkan anda cara menghilangkan kode bX-fa9wwp ini, caranya adalah sebagai berikut.

1) Ketika anda mencoba mengakses http://blogspot.com/ atau http://blogger.com/ maka yang muncul adalah kode bX-fa9ww. maka anda harus mengganti bahasa/languagenya (lihat lingkaran warna merah).

2) Setelah anda mengklik menu bahasa (language) tadi, anda pilih Bahasa inggris, terserah mau pilih yang mana bahasa ingggrisnya.

3) Dan selesai, maka dashbor anda kembali seperti semula.

Nah, semoga artikel Cara Mengatasi Masalah bX-fa9wwp ini dapat membantu anda yang kebingungan, hehehe :)

Cara Membuat Postingan Terjadwal di blogspot

2011-09-01T14:11:00.000-07:00

Fasilitas ini sangat berguna sekali, dan patut anda coba. karena dengan adanya fasilitas ini. anda dapat dengan mudah menentukan kapan postingan tersebut akan dipublikasikan secara otomatis.
adapun langkah-langkahnya adalah sebagai berikut.

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger. lalu klik entri baru.

2) Setelah itu akan tampil halaman editor untuk membuat postingan.

3) Kemudian anda buat postingan seperti biasa. bagian yang sedikit berbeda, adalah anda aktifkan menu Opsi Entri ( Post Options ). Lalu klik Scheduled at pada bagian Tanggal dan jam entri ( Post date and time ), dan anda tentukan kapan postingan tersebut akan dipublikasikan.

4) Apabila proses berhasil, maka akan tercipta postingan terjadwal pada daftar postingan. Postingan ini akan terpublikasi secara otomatis sesuai jadwal yang telah anda tentukan.

Nah, semoga postingan Cara Membuat Postingan Terjadwal di blogspot ini dapat membantu anda yang sibuk, namun masih suka update :)

Pendapatan Pertama dari Powerful Strategy

2011-08-24T08:35:00.000-07:00

Pendapatan pertama dari powerful strategy. hmm setelah lama nggak posting ini postingan perdana di bulan agustus. hoho. selain trik blogging saya juga membahas tentang Make Money Online di blog ini hehe.

menurut saya powerful-strategy adalah HYIP yang bagus. dimana anda akan berinvestasi dengan aman. karena HYIP sejenis ini risk atau resikonya sangat rendah. kenapa resikonya rendah? karena bunga profit yang diberikan kepada kita tidak terlalu banyak. yakni 1.8% - 2.8% dan minimum deposit ke HYIP ini adalah 1$. kelebihan HYIP ini adalah compounding. yakni, ketika anda telah mendapatkan profit, maka profit itu akan langsung di invest. compounding maksimal adalah 90% dengan syarat minimal, profit yang anda dapat tidak kurang dari 3 dollar.

kalau anda ingin berinvestasi di HYIP sebaiknya mencari tau bibit bebet dan bobotnya. bisa dilihat di http://hyipmonitor.com/

apabila anda tertarik silahkan sign up dengan mengklik banner dibawah ini lalu register, hehe kalau berkenan.

apabila masih bingung, silahkan bertanya :D

Cara Membuat Bubble ToolTips

2011-07-29T16:29:00.000-07:00

Bubble tool tips ini berguna sekali untuk memberikan informasi tentang sebuah link. jika digerakkan diatas link maka secara otomatis bubble tool tips ini akan keluar dengan segala informasi yang anda tuliskan.

biasanya untuk membuat balon tip ini sebagian orang memanggilnya dengan javascript yang akan membebani blog dengan size yang sangat besar. nah ini ada trik yang menggunakan CSS murni sebagai pemanggilan kodenya. adapun langkah-langkahnya adalah sebagai berikut.

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger, lalu klik rancangan

2) Setelah itu akan tampil halaman rancangan, lalu klik menu Edit HTML.

3) Kemudian pada halaman Edit HTML, cari kode ]]></b:skin>

4) Selanjutnya anda letakkan kursor mouse tepat diatas kode yang anda cari.

5) Setelah itu copy dan paste kode seperti ini

/*---------- bubble tooltip by http://trikhebat.blogspot.com-----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQzLNaeLO99goMK732QOHi1c7cc5tIhEq80L-9HFOnD3SAGSixHbt8Suf5OekAX3TW1e46cBlQ3CIoB9Ud1skeMcSNx8BkkhZLaGOa_3EM3pRMhspSN5KLdJ6bKGoAaJBbEb6NZRoGRo/s320/bubble-712378.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1i87DRY01QuMTqJrOXpJVBGMj6ombqZvY7ccfcObCMk3Ps2K6GXhek90j2T44am5KT92jky6R-N0riJfoaU8UUowj-_tk5TkJea402uwh0jgof-Al5kAjjkmu913OrRpGFVC1tog8FOU/s320/bubble_filler-711451.gif) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQzLNaeLO99goMK732QOHi1c7cc5tIhEq80L-9HFOnD3SAGSixHbt8Suf5OekAX3TW1e46cBlQ3CIoB9Ud1skeMcSNx8BkkhZLaGOa_3EM3pRMhspSN5KLdJ6bKGoAaJBbEb6NZRoGRo/s320/bubble-712378.gif) no-repeat bottom; }

6) Kemudian simpan perubahan template yang anda buat.

7) Setelah itu untuk mengaktifkan fasilitas ini pada postingan yaitu menggunakan kode berikut yang ditulis pada halaman Edit HTML editor postingan.
<a class="tt" href="http://www.idr-clickit.com/register.php/ihsanulirfan.html"> nama link anda <span class="tooltip"> <span class="top"></span><span class="middle"> Idr clickit ptc terpercaya dan termudah </span><span class="bottom"></span></span> </a>
Note: ganti warna merah dengan link anda, ganti warna kuning dengan keterangan link anda

8) Berikut adalah contoh pembuatan link pada halaman editor postingan blog.

9) Apabila proses posting berhasil, maka akan tercipta postingan yang berisikan link yang mempunyai bubble tool tips.

Bagaiman teman-teman? sudah berhasil? sip. kalau masih ada yang bermasalah silahkan share di komentar.

semoga artikel "Cara Membuat Bubble Tool Tips" ini berguna bagi anda :)

Cara Memasang Favicon Di Blogger / blogspot Tanpa Mengedit HTML

2011-07-20T07:08:00.000-07:00

Favicon adalah sebuah icon yang terlihat di samping Address bar dari Url. Kegunaan dari favicon ini adalah untuk memberikan identitas kepada blog. Favicon ini tidak akan memberatkan blog anda, dan Pada Trik kali ini saya akan mengajarkan Cara Memasang Favicon Di Blogger / blogspot Tanpa Mengedit HTML

Langkah-langkahnya adalah sebagai berikut
1) Silahkan klik http://draft.blogger.com/ lalu login menggunakan akun blogger/blogspot anda
2) Selanjutnya klik overview bergambar rumah lalu klik layout

3) di layout klik edit di gadget favicon lalu klik choose file dan pilih gambar yang anda inginkan untuk dijadikan favicon, apabila selesai, klik SIMPAN, maka favicon anda telah selesai

Banyak yang bisa kita lakukan dengan http://draft.blogger.com/ .
http://draft.blogger.com/ adalah situs lama blogger untuk mengedit blog kita yang agak "rahasia" sehingga semua orang tidak bergitu mengetahuinya.

Semoga artikel Cara Memasang Favicon Di Blogger / blogspot Tanpa Mengedit HTML ini membantu anda :)

Cara Memasang Video di Blog

2011-07-17T03:28:00.000-07:00

Terkadang anda sering melihat blog-blog yang menampilkan postingan berisi video baik itu video klip, film,atau video lainnya. Cara memasang video di blog tersebut adalah sebagai berikut.

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger.

2) setelah itu anda buka halaman untuk postingan. Nah anda dapat menampilkan video dengan cara mengupload file yang ada pada komputer atau menggunakan link embed video seperti pada situs youtube.com

3) Setelah anda memilih videonya, maka akan tampil di postingan anda, contohnya

4) Klik TERBITKAN ENTRI dan anda telah berhasil memasukkan video youtube ke blog.

Catatan: Video tidak mesti dari youtube, dari situs lain pun juga bisa, yang anda perlukan hanyalah "Embed videonya saja".

Semoga postingan Cara Memasang Video di Blog ini membantu anda sekalian :)

Cara Beriklan di Wordpress

2011-07-14T09:18:00.000-07:00

Teman-teman yang memiliki Blog di wordpress pasti merasa bingung karena tidak bisa mengiklankan banner atau situs iklannya. Kenapa? hal ini disebabkan karena wordpress tidak mengijinkan adanya situs bisnis di blog teman-teman sekalian. Ketika teman-teman memasang banner, misalnya banner NeoBux di widget blog wordpress teman-teman sekalian, lalu ketika teman-teman membuka blog lalu mengklik banner tersebut. Oo.. apa yang terjadi?? maka pasti yang akan muncul adalah ini

Ya, ketika teman-teman mengklik banner/situs iklan yang teman-teman pasang di blog teman-teman sekalian, maka langsung akan menggarah ke link berikut ini http://en.wordpress.com/types-of-blogs/ .
Inilah susahnya Wordpress karena tidak mengizinkan "Make Money". Lalu apa yang harus dilakukan? Ikuti langkah-langkah berikut.

1) http://tinyurl.com/
Apa sih http://tinyurl.com/ itu? link tersebut adalah situs yang berperan dalam URL shortener. ya memendekan URL gitu. sekalian diberi topeng hehe.

Tampilan situs TinyUrl.com

2) Isikan link anda di kotak yang bertuliskan Enter a long URL to make tiny:
contoh:

3) Setelah itu klik Make TinyURL, maka hasilnya akan seperti ini

4) Disitu ada 2 Url, yang pertama adalah URL yang paling pendek. dan yang kedua adalah URL yang agak panjang, kedua URL tersebut, sama menuju kesitus yang sebelum teman ubah. Copy paste link tersebut ke widget teks di Blog Wordpress kalian.

Untuk situs beranchor teks ini formatnya
<a href="http://tinyurl.com/3s6jppz">Nama situs</a>

Untuk situs yang ada Banner/logonya
<a href="http://tinyurl.com/3s6jppz"><img src="http://i1123.photobucket.com/albums/l552/ihsanulirfan/PTC%20Banner/banner3.gif" /> </a>

Catatan: Untuk Link yang berwarna merah, silahkan ganti dengan situs TinyURL kamu.
Untuk link yang berwarna biru. silahkan ganti dengan situs banner/gambar kamu.

5) Taraaa... sekarang kamu bisa mengiklankan banner atau situs iklan di blog wordpress milik kamu.

Sebenarnya masih banyak lagi URLshortener yang lainnya, bahkan ada juga yang bisa membayar lo! seperti linkbee.com, Adf.ly, dan lain-lain

Nah semoga Artikel " Cara Beriklan di Wordpress " ini membantu teman-teman sekalian.

Don't forget to leave a comment :D

Cara Membuat Spoiler Di postingan Blog

2011-07-11T03:25:00.000-07:00

Berbeda dengan fasilitas read more. Spoiler merupakan sebuah cara yang dipakai untuk menyembunyikan suatu link atau kumpulan link, kumpulan teks, gambar, atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kombinasi kode Html dan javascript. Serta mempunyai tujuan yang sama dengan read more yaitu menghemat space atau ruang dalam suatu postingan atau sidebar.

Nah sedikit perbedaan dengan read more adalah dapat mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Adapun caranya adalah sebagai berikut.

1) Terlebih dahulu pastikan anda telah login dan membuka halaman dashbor blogger.

2) Setelah itu buka halaman untuk membuat postingan, lalu anda aktifkan tab Edit HTML.

3) Kemudian pada bagian Edit HTML, Anda ketik kode seperti yang ada dibawah ini.

<div id="spoiler"> <div> <input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="CONTOH SPOILER" /></div> <div id="show" style="border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: white; border-left-style: solid; border-left-width: 1px; border-right-color: white; border-right-style: solid; border-right-width: 1px; border-top-color: white; border-top-style: solid; border-top-width: 1px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 98%;"> <div style="background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; color: black; margin: 0px; padding: 7px;"> <div style="text-align: justify;"> Ini adalah contoh dari spoiler yang ada pada postingan blog...!!!</div> </div> <div id="hide" style="display: none;"> </div> </div> </div>

4) Berikut adalah tampilan dari contoh kode yang akan diketik

5) Selanjutnya masih pada halaman untuk membuat postingan. lalu anda klik Tab Tulis. Maka fungsi spoiler telah aktif pada halaman editor tersebut. kalau spoiler belum muncul, maka ada kode yang salah.

Nah semoga artikel Cara Membuat Spoiler Di postingan Blog ini berguna bagi anda semua :)

Cara mengaktifkan Fungsi Read More di blogger

2011-07-02T14:53:00.000-07:00

Fasilitas ini sangat sering digunakan oleh para blogger. Terutama jika ingin memotong atau mempersingkat postingan sehingga tidak tampil seluruhnya.

Untuk membuat fasilitas ini agak repot, karena Anda harus mengedit kode blog. Namun sekarang tak lagi seperti itu, karena blogger sudah support fungsi read more sendiri, yaitu fungsi jump breaks. Adapun langkah-langkahnya adalah sebagai berikut.

1) Login terlebih dahulu di blogspot.com lalu klik Entri Baru.

2) Kemudian akan tampil halaman untuk membuat postingan baru seperti gambar dibawah ini

3) Selanjutnya coba anda perhatikan gambar diatas. Untuk mengaktifkan fungsi Read More, Anda cukup mengaktifkan menu Insert jump break.

4) setelah postingan selesai dibuat klik terbitkan entri, maka akan tampil halaman seperti gambar dibawah ini.

5) Setelah itu coba buka blog dan lihat postingan yang baru Anda buat. Maka hasilnya akan seperti gambar dibawah ini

Nah mungkin it saja artikel tentang "Cara mengaktifkan Fungsi Read More di blogger/blogspot" semoga membantu anda yang masih belajar ngeblog :)

Cara membuat PopUp message di blog

2011-07-02T02:39:00.000-07:00

Trik berikut ini mengajarkan bagaimana cara membuat popup message. popup message ini biasanya digunakan jika ingin memberitahukan sesuatu pada blog atau menyapa para pembaca blog, trik ini adalah sambungan dari trik membuat pesan penutup ketika blog ditutup. adapun langkah-langkahnya adalah sebagai berikut.

1) Pastikan anda telah login dan membuka halaman Dashbor. Lalu ada klik menu Rancangan

2) Setelah itu akan tampil halaman Rancangan, lalu anda klik menu Edit HTML.

3) Kemudian anda cari kode </head>, lalu letakkan kursor tepat diatas kode tersebut.

4) Selanjutnya ketik kode untuk menampilkan popup message seperti contoh dibawah ini.

<SCRIPT language='JavaScript'>alert("selamat membaca...!!!");
</script>

Catatan: Tulisan kode berwarna merah dapaat anda ganti sesuai dengan kata-kata yang hendak anda sampaikan

5) Maka susunan kode akan seperti ini

6) Setelah anda simpan, maka akan tampil popup message pada blog seperti gambar dibawah ini.

Nah semoga artikel "Cara membuat PopUp message di blog" ini berguna bagi anda. jangan lupa berkomentar! :)

Cara Menghilangkan NavBar

2011-06-28T16:49:00.000-07:00

Kalau pada trik sebelumnya kamu belajar Cara Menyembunyikan Navbar (Navbar autohide) pada artikel kali ini saya akan mengajarkan bagaimana Cara menghilangkan NavBar tersebut. Adapun langkah-langkahnya adalah sebagai berikut

1) Pastikan kamu telah login dan membuka halaman Dashbor atau Control panel blog

2) Seperti biasa kamu klik menu Rancangan

3) Selanjutnya pada halaman Rancangan, klik menu Edit HTML

4) Kemudian akan tampil halaman Edit HTML

5) Setelah itu, pada bagian Edit HTML. Cari kode /* Variable definitions , gunakan F3 atau Ctrl+F untuk memudahkan pencarian di Edit HTML tersebut

6) Selanjutnya letakkan kode ini diatas /* Variable definitions
#navbar-iframe {
display: none !important;
)

apabila tidak bisa, teman-teman dapat menggunakan kode lain yaitu:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

7) Kemudian klik tombol Simpan Template

berikut adalah preview no 5, 6, dan 7 (digabung biar gak bingung hehe)

8) Apabila proses berhasil, maka tampilan Navbar yang ada pada blog akan menghilang.

semoga artikel Cara Menghilangkan NavBar ini dapat membantu anda. Selamat mencoba!

Cara Menyembunyikan Navbar (Navbar auto hide)

2011-06-28T16:17:00.000-07:00

Standarnya, setiap blog yang dibuat melalui blogspot mempunyai tampilan Navbar atau navigatorbar dibagian posisi atas.

Namun dengan sedikit trik, maka Navbar ini dapat kamu atur. Salah satunya adalah membuat navbar tersebut autohide yaitu pada saat mouse berada pada berada posisi atas, maka navbar akan tampil. Adapun langkah-langkahnya adalah sebagai berikut.

1) Pastikan anda telah login dan membuka halaman dashbor atau control panel blog.

2) Setelah itu klik menu rancangan yang berada pada halaman tersebut.

3) Selanjutnya pada halaman rancangan, pilih menu Edit HTML.

4) Kemudian akan tampil halaman EDIT HTML.

5) Setelah itu pada bagian kotak edit template, cari kode body { menggunakan F3 atau Ctrl+F.

6) Kemudian letakkan kode berikut ini diatas kode body { .

#navbar-iframe{opacity:0.0;filter:alpa(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpa(Opacity=100, FinishedOpacity=100)}

7) Klik simpan template

ini adalah preview untuk nomor 6 dan 7

Selamat anda telah berhasil menyembunyikan Navbar

semoga artikel Cara Menyembunyikan Navbar (Navbar autohide) ini membantu anda :)

Apabila ada yang ingin ditanyakan atau ditambahkan silahkan berkomentar.

Penulisan Sintaks Kode CSS

2011-06-28T09:41:00.000-07:00

Berbeda dengan script HTML, cara penulisan sintaks kode CSS secara umum terdiri dari atas komposisi berikut ini:

selector{property:value}

Selector ---> tag HTML atau elemen (class/ ID) yang dipilih.
Property ---> atribut yang ingin anda atur nilainya
Value ---> merupakan nilai dari property, bisa berupa angka atau teks

Sebagai contoh, anggaplah kita ingin mewarnai seluruh teks dalam tag <p> maka penulisan kodenya menjadi:

p{color:red}

dimana: p merupakan tag <p> yang akan diatur stylenya, color adalah salah satu contoh property yang bisa kita gunakan dan red merupakan value dari property color.

Nilai property atau value didefinisikan dengan tanda ":" dan pendefinisian property/atribut berada dalam tanda kurung "{" dan "}"

Pengertian CSS

2011-06-28T09:23:00.000-07:00

CSS merupakan singkatan dari Cascading Style Sheet. Kegunaanya adalah untuk mengatur tampilan dokumen HTML, contohnya seperti pengaturan jarak antar baris, teks, warna dan format border bahkan penampilan file gambar.

CSS dikembangkan oleh W3C, organisasi yang mengembangkan teknologi internet. Tujuannya tak lain untuk mempermudah proses penataan halaman web. Kode CSS bersifat lintas platform, yang berarti script ini dapat dibaca oleh berbagai sistem operasi dan browser.

Perlu diingat, CSS hanyalah berupa kumpulan script yang tujuannya bukan untuk menggantikan HTML, melainkan pelengkap agar dokumen HTML bisa tampil lebih cantik dan dinamis

berikut adalah contoh web yang didesain dengan CSS, benar-benar tertata rapi dan menarik!

Cara Memasang Animasi Page Loading di Blog

2011-06-27T20:12:00.000-07:00

Animasi page loading ini sangat bagus untuk mempercantik blog kamu. jadi pengunjung yang datang ke blogmu, dan mengklik postinganmu tidak akan bosan menunggu karena page loading yang unik. bagaimana cara membuatnya?

berikut adalah langkah-langkahnya
1) upload kode ini ke website yang menyediakan hosting script, pastikan kodenya bernama preloader.js bukan .txt kamu bisa memasukkan kodenya di notepad.lalu upload di hosting script seperti http://googlecode.com

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

setelah kode ini anda juga harus mempunyai gambar animasi loading di photo hosting seperti photobucket

2) Pastikan kamu sudah login dan membuka halaman Dashbor lalu kamu klik Menu Rancangan/tata letak

3) Setelah itu, pada halaman rancangan, klik Edit HTML

4) Kemudian beri tanda centang Expand Template Widget

5) Selanjutnya kamu cari kode <body> dengan F3 atau CTRL+F

6) Setelah itu ganti kode <body> tersebut dengan kode dibawah ini

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100% text-align:center;
top:300px;'> <img border='0'
src='URLGambar.gif'></div>

<script src='lokasipenyimpananscript/preloader.js'
type='text/javascript'>

7) Apabila kamu masih ragu-ragu, kamu bisa mengklik PRATINJAU agar apabila salah maka kamu tidak kesusahan

8) Klik simpan template jika anda sudah merasa yakin

untuk mempermudah saya akan menyediakan animasi page loading yang dapat anda upload di photo hosting

Nah sekian tutorial dari Cara Memasang Animasi Page Loading di Blog semoga membantu :)

Cara memasang widget Share Twitter dan Facebook di Blog

2011-06-27T18:27:00.000-07:00

Teman-teman mungkin sering melihat tombol tweet dari twitter dan tombol share dari facebook. lalu apa sih kegunaanya? fungsi dari widget tersebut adalah untuk mengaktifkan fungsi share tiap-tiap postingan yang ada di blog ke akun twitter ataupun facebook yang kamu punya. berikut ini adalah langkah-langkahnya.

1) Pastikan kamu sudah login dan membuka halaman Dashbor lalu klik menu Rancangan

2) Setelah itu pada halaman Rancangan, Kamu klik Edit HTML

3) Kemudian kamu beri tanda cek Expand Template widget

4) Selanjutnya coba kamu cari <p><data:post.body/></p> apabila tidak ada carilah <data:post.body/> menggunakan F3 atau ctrl+F
5) Lalu copy paste kode ini dan letakkan diatas kode tadi

<div style='float:right; margin:0 0 10px 10px; text-align:center;'> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> <br/> <br/> <a href='http://www.facebook.com/sharer.php' name='fb_share' title='share on Facebook' type='box_count'>share</a><script src='http://stattic.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div>

previewnya no 4 dan 5 seperti ini

6) Setelah itu simpan template, lalu buka blog kamu dan lihat apa yang terjadi.

selamat mencoba semoga artikel Cara memasang widget Share Twitter dan Facebook berguna bagi kamu yang suka blogging :)

Cara menambahkan lencana profil facebook di blog

2011-06-26T08:24:00.000-07:00

Kalau kamu adalah seorang seorang facebooker dan ingin mendapatkan teman yang berlebih, ingin memperkenalkan dirimu ke orang lain, kamu bisa menggunakan fasilitas lencana yang ada di profil kamu. fungsi lencana profil facebook ini adalah agar seseorang bisa melihat apa-apa saja yang ada di profil kamu. dan apabila dia tertarik, maka dia akan menambahkan kamu sebagai temannya, dan semakin banyak teman yang kamu miliki!

Ikuti langkah-langkahnya sebagai berikut:

1) login ke akun Facebook yang kamu punya

2) Kemudian klik Profil di akun facebook kamu, kemudian klik tulisan yang ada digambar

3) Maka akan tampil sebagai berikut, pilih tipe blog yang anda ingin tambahkan lencana profilnya, disini saya mengambil blogspot/blogger.

4) Selanjutnya akan tampil halaman pengaturan lencana di blogger/blogspot, lalu klik menambah widget

15) apabila proses berhasil maka di halaman Elemen laman akan tampil seperti ini

11) buka blog anda dan lencana profil telah ditambahkan di sidebar kamu

Sekian tutorial dari Cara menambahkan lencana profil facebook di blog semoga artikel ini bermanfaat :)

Cara Membuat Pesan Penutup ketika Blog ditutup

2011-06-24T04:51:00.000-07:00

Sama dengan halnya didunia nyata, terkadang seseorang mengucapkan pesan perpisahan kepada teman yang akan pergi. Begitu juga halnya dengan blog. Kamu bisa membuat pesan penutup di blog pada saat pengunjung blog kamu menutup blog milikmu (exit).

Langkah-langkahnya adalah sebagai berikut.

1) Pastikan kamu telah login dan membuka halaman Dashbor blog. lalu klik menu Rancangan

2) Selanjutnya pada halaman rancangan klik menu Edit HTML.

3) Kemudian akan tampil halaman EDIT HTML.

4) Setelah itu cari kode </head> . Kamu bisa menggunakan perintah Ctrl+F untuk mempermudah pencarian
.

5) Selanjutnya kamu letakkan kursor tepat dibawah kode tadi. Taruh kode dibawah ini

<script type='text/javascript'>
//goodbye alert
function goodbye(){
alert('Terima Kasih Atas Kunjungan Anda....!?');
}
parent.window.onunload=goodbye;

</script>

Catatan: Ganti kode berwarna merah dengan kata-katamu sendiri

6) setelah kamu taruh kode tadi, klik SIMPAN TEMPLATE

7) Apabila proses berhasil, maka akan tampil pesan seperti gambar dibawah ini

Nah tidak susah kan membuatnya? aku yakin kamu bisa, selamat mencoba membuat pesan penutup di blog :)

Cara Mengganti Icon Mouse di blog

2011-06-23T07:48:00.000-07:00

Trik berikut mengajarkan kamu bagaimana cara mengganti icon (kursor) mouse standar menjadi icon mouse yang diinginkan di blogger. adapun langkah-langkahnya adalah sebagai berikut

1) Terlebih dahulu anda siapkan atau cari gambar file yang akan dijadikan icon mouse. anda dapat menggunakan situs photobucket untuk mencari iconnya.

2) Kemudian anda pilih gambar yang diinginkan,lalu copy alamat URL link file gambar yang ada dalam kotak addressbar

3) Setelah itu buka halaman dashbor blog, lalu kamu klik menu Rancangan

4) Selanjutnya pada halaman rancangan, klik menu Edit HTML

5) Setelah halaman Edit HTML tampil, kamu cari kode body { . kamu bisa menggunakan perintah Ctrl+F untuk menampilkan kotak pencarian.

6) Selanjutnya kamu letakkan kursor tepat dibawah kode tadi. lalu ketik kode dibawah ini.

cursor:
url("http://media.photobucket.com/image/kursor/miftakhudin2/13.gif?o=1"),
default;

catatan: tulisan berwarna merah dapat anda ganti dengan link kursor anda sendiri

7) Apabila sudah diletakkan, klik "SIMPAN TEMPLATE"

8) silahkan menikmati kursor barumu :)