Showing posts with label TIPS TRIK. Show all posts
Showing posts with label TIPS TRIK. Show all posts

Cara Memperpendek Link Url dengan Mudah

Posted by Unknown on Monday, June 11, 2012

Cara Memperpendek Link Url dengan Mudah. Tips trick kali ini Kang Koisine memposting tentang cara memperpendek link url dengan mudah dan berkualitas. bitly.com adalah solusi terbaik untuk memperpendek format url yang terlalu panjang. bitly.com memberikan shorten link yang baik dan berkualitas. Memperpendek link/url juga bertujuan agar tidak terlalu memakan tempat jika ingin memasukan link utuh pada sebuah artikel, silahkan lihat contoh url yang sudah diperpendek berikut.

- Download IDM 6.11 build 8 Full http://bit.ly/Ljb9p3
- Download Windows 8 Ultimate Lite Edition http://bit.ly/LtnyWn

Diatas adalah contoh struktur url yang telah diperpendek dan tidak terlalu memakan tempat.
Jika Anda membutuhkan shorten link kunjungi https://bitly.com Mudah dan Gratis.

Demikian artikel yang membahas tentang Cara Memperpendek Link Url dengan Mudah, semoga artikel ini bermanfaat bagi pembaca.

Terima kasih.
4.5
Description: Cara Memperpendek Link Url dengan Mudah Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memperpendek Link Url dengan Mudah
More aboutCara Memperpendek Link Url dengan Mudah

Cara Membuat Simbol Unik Dengan CopyPasteCharacter

Posted by Unknown on Monday, May 21, 2012


Cara Membuat Simbol Unik Dengan CopyPasteCharacter.  Kita sering menjumpai penggunaan karakter atau simbol-simbol unik pada berbagai layanan, seperti pada facebook, Blog, maupun forum, dan media lainnya. Membuat atau menampilkan karakter atau simbol-simbol tersebut dapat dilakukan dengan berbagai cara. Selain seperti yang telah Tips dan Trik Blog ketengahkan pada kesempatan yang lalu, TIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK, kita juga dapat membuatnya dengan bantuan CopyPasteCharacter.

CopyPasteCharacter adalah salah satu layanan online yang dapat membantu kita untuk membuat atau menampilkan karakter atau simbol-simbol unik. Kita hanya perlu menCopy  karakter-karakter atau simbol yang kita kehendaki kemudian memPaste pada media yang kita inginkan.

Bagi yang belum pernah mengetahui sebelumnya, silakan ikuti langkah-langkahnya sebagai berikut. 

Pertama, kunjungi halaman CopyPasteCharacter yang kemudian akan muncul karakter atau simbol-simbol yang nantinya dapat kita copy.




Kedua, kemudian klik simbol yang kita inginkan dan simbol akan secara otomatis tercopy.


Ketiga, setelah itu kemudian lakukan Paste dengan menekan tombol Ctrl + V pada media yang kita inginkan.




Keempat, jika ingin menCopy beberapa karakter atau simbol, caranya adalah dengan menekan tombol ALT kemudian pilih karakter-karakter atau simbol-simbol yang kita inginkan dengan menggunakan mouse.


 Kelima, selamat mencoba.

Description: Cara Membuat Simbol Unik Dengan CopyPasteCharacter Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Membuat Simbol Unik Dengan CopyPasteCharacter
More aboutCara Membuat Simbol Unik Dengan CopyPasteCharacter

TIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK

Posted by Unknown on Tuesday, May 8, 2012

Tips dan Trik Menampilkan Simbol Unik Pada Facebook. Ternyata banyak simbol-simbol unik yang dapat kita tampilkan pada halaman facebook. Simbol-simbol tersebut dapat ditampilkan pada chat box, status, maupun pesan/message. Simbol-simbol tersebut dapat kita tampilkan dengan menekan tombol keyboard atau kombinasi karakter tertentu pada keyboard. Jika tertarik, silakan ikuti lanjutan postingan ini bersama Tips dan Trik Blog


Pada kesempatan kali ini, simbol-simbol yang akan kita tampilkan adalah dengan menggunakan kunci ALT. Artinya untuk menampilkan simbol-simbol tersebut dilakukan dengan menekan tombol ALT secara bersamaan dengan angka tertentu. 

Syarat untuk menampilkan simbol-simbol tersebut adalah sebagai berikut.

Pada PC/Desktop

Silakan tekan dan tahan left Alt (tombol Alt yang ada di bagian kiri keyboard) kemudian tekan angka yang ada pada numpad.

Pada Notebook/Laptop

Silakan tekan dan tahan tombol Fn dan Alt secara bersamaan kemudian tekan angka yang ada pada tombol huruf J, K, L, U, I, O, 7, 8, dan 9 bukan dengan menggunakan angka yang ada di bagian sebelah atas tombol huruf. 

Berikut selengkapnya key dan simbol yang akan ditampilkan.

Key Symbol Key Symbol
Alt + 1 Alt + 17
Alt + 2 Alt + 18
Alt + 3 Alt + 19
Alt + 4 Alt + 20
Alt + 5 Alt + 21 §
Alt + 6 Alt + 22
Alt + 7 Alt + 23
Alt + 8 Alt + 24
Alt + 9 Alt + 25
Alt + 10 Alt + 26
Alt + 11 Alt + 27
Alt + 12 Alt + 28
Alt + 13 Alt + 29
Alt + 14 Alt + 30
Alt + 15 Alt + 31
Alt + 16

SELAMAT BERKREASI!!!
Description: TIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK Rating: 4.5 Reviewer: Unknown - ItemReviewed: TIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK
More aboutTIPS MENAMPILKAN SIMBOL UNIK PADA FACEBOOK

Cara Membuat Shortcut Internet dengan Notepad

Posted by Unknown on Monday, April 30, 2012

Cara Membuat Shortcut Internet dengan Notepad - Nah pada kesempatan kali ini Kang Koisine akan memberikan trik tentang cara menghubungkan ke alamat website dengan shorcut sederhana yang bermodalkan notepad. Membuat shorcut internet ini sangatlah mudah dan sederhana yang bertujuan untuk menuju website/blog sesuai dengan url yang dibuat. Nah jika Anda belum paham cara membuatnya, silahkan ikuti panduannya di bawah ini.

Yang dibutuhkan:
  • Notepad
  • Alamat url yang dituju
  • Tentunya terhubung dengan Internet

Langkah-langkahnya:
  • Buka Notepadnya
  • Masukan script di bawah ini pada Notepad
[InternetShortcut]
URL=http://urlblog.blogspot.com
  • Ganti tulisan merah dengan url yang dituju
  • Selanjutnya, save dengan Terserah.url

Agar lebih jelas, lihat panduan bergambar di bawah ini

Step 1
Gambar 1

Step 2
Gambar 2

Step 3
Gambar 3

Sekian artikel mengenai Cara Membuat Shortcut Internet dengan Notepad ini, semoga artikel ini bermanfaat dan berguna bagi pembacanya.

Terima kasih,
4.5
Description: Cara Membuat Shortcut Internet dengan Notepad Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Membuat Shortcut Internet dengan Notepad
More aboutCara Membuat Shortcut Internet dengan Notepad

Cara Menyembunyikan Navbar di Blogger

Posted by Unknown on Saturday, December 3, 2011

Sekarang saya akan mencoba untuk meniliskan tutorial cara mudah menyembunyikan navbar di blogger. Sebenarnya sudah banyak master-master blogger yang menuliskan tutorial cara menyembunyikan navbar di blog blogger ini, namun tidak ada salahnya juga kan kalau saya yang bukan master ikutan nulis tutorial nya.

Sebelum saya tuliskan langkah demi langkah cara menyembunyikan navbar di blogger ini mungkin ada sebagian blogger yang belum tahu apa yang saya maksud dengan navbar di sini.


Ok.... Navbar blogger biasanya bisa kita lihat setelah blog kita baru di bikin (di blogger) dan templatenya belum di ganti/modifikasi, navbar ini letaknya di atas (memanjang). Itulah yang di maksud dengan navbar.

Jika template blog anda sudah di ganti dengan template-template yang anda download di situs penyedia template blogger maka kemungkinan besar navbar tidak terlihat, dan teman tidak perlu lagi menggunakan cara menyembunyikan navbar ini.

Lanjut....

Cara Menyembunyikan Navbar di Blogger Menggunakan CSS

Seperti biasa,,, langkah pertama yang harus di lakukan adalah login ke blogger dulu.

Klik menu Design/Tata Letak/Rancangan  ===> Kemudian klik menu Edit HTML
Di sana cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin> tersebut
 #navbar, #navbar-iframe {
   height: 0px;
   visibility: hidden;
   display: none;
Selesai.....

Simpan pengaturannya dengan mengklik tombol simpan atau save.
Sekarang silakan lihat blog teman apakah navbar nya sudah tidak terlihat, jika ia maka teman sudah berhasil menyembunyikan navbar tersebut. Description: Cara Menyembunyikan Navbar di Blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Menyembunyikan Navbar di Blogger
More aboutCara Menyembunyikan Navbar di Blogger

Menampilakan Widget Di Home Page Blogger

Posted by Unknown

Bagaimana ya cara menampilkan widget blog blogger hanya di home page saja, dan bila di buka halaman lainnya seperti post page, halaman arsip maka widgetnya hilang?

Sebelum saya lanjutkan untuk menuliskan tutorial Cara Menampilakan Widget Di Home Page Blogger silakan lihat gamar contohnya dulu biar jelas.

Widget Home Page (Ada Iklan Adsense)



Cara Menampilakan Widget Di Home Page Blogger
Widget Post Page (Tidak Ada Iklannya)
Menampilakan Widget Di Home Page Blogger
Untuk melihat demo blog yang menerapkan cara ini silakan kunjungi blog ini. tapi sedikit berbeda Lhoooooooo.

Next....

Cara Menampilakan Widget Di Home Page Blogger Blog

Seperti biasa, silakan login dulu ke blogger. Klik Rancangan/Tata Letak/Design, setelah itu klik bagian Edit HTML (beri centang pada bagian Expand Template Widget).

Cari Widget yang ingin di tampilakn di home saja, misalnya widget tersebut di beri nama Iklan Adsense, maka yang harus di lakukan yaitu menemukan tulisan tersebut yaitu Iklan Adsense (sesuaikan dengan judul widget pada template teman), untuk pencarian cepat ketik Ctrl + F.

Kira-kira teman akan menemukan kode seperti ini
<b:widget id='HTML1' locked='false' title='Iklan Adsense' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Setelah kode seperti itu sudah di temukan silakan pasang kode dibawah ini setelah kode <b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
Dan letakkan kode di bawah sebelum kode <b:include name='quickedit'/>
</b:if>
Sehingga jadinya seperti ini
<b:widget id='HTML1' locked='false' title='Iklan Adsense' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Sekarang silakan simpan pengaturan template anda dan silakan lihat hasilnya.

Selamat Mencoba dan Semoga Berhasil Description: Menampilakan Widget Di Home Page Blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menampilakan Widget Di Home Page Blogger
More aboutMenampilakan Widget Di Home Page Blogger

Cara Bikin Tulisan Kelap Kelip

Posted by Unknown

Pernahkah teman melihat tulisan kelap kelip (kedap-kedip) di blog atau situs milik orang lain?

Jika sudah pernah melihatnya atau bahkan sering, mungkin terlintas di fikiran teman bagai mana seh cara membuat tulisan kelap kelip seperti di blog orang tersebut.

Nah kali ini saya ingin nulisin cara bikin tulisan kelap-kelip di blog baik untuk blog blogger, wordpress, situs, dsb. Bagi teman-teman yang belum tahu apa yang saya maksud dengan tulisan kelap-kelip, silakan lihat contoh berikut:



TULISAN KELAP KELIP
Nah seperti itulah yang saya maksud dengan tulisan kelap-kelip (kedap-kedip)

Cara Bikin Tulisan Kelap KelipCara membuat tulisan kelap-kelip di blog mudah kok, cukup tambahkan sedikit kode di awal dan di akhir tulisan yang ingin di bikin kelap kelip.

Berikut kode yang harus di sisipkan (saya akan tuliskan kode lengkap + tulisan yang bisa teman rubah nanti)

Kode tulisan kelap-kelip
<blink>TULISAN KELAP KELIP</blink>
Itulah kode yang akan membuat tulisan di blog kita kelap kelip.

Silakan ganti TULISAN KELAP KELIP dengan tulisan yang ingin teman bikin menjadi kelap-kelip.

Oh ia ...

Kode tersebut harus di tulis di bagian HTML (Klik tulisan HTML, letaknya di sebelah tulisan Compose) Description: Cara Bikin Tulisan Kelap Kelip Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Bikin Tulisan Kelap Kelip
More aboutCara Bikin Tulisan Kelap Kelip

Tutorial bikin menu horizontal di blogger

Posted by Unknown

Kali ini saya akan mencoba menulis tutorial / cara mudah bikin menu horizontal di blogger. Sebenarnya ada banyak cara untuk membuat menu horizontal di blogger, sehingga saya bingung mau menuliskan tutorial menu horizontal blogger yang bagaimana.

Akhirnya saya putuskan untuk menuliskan panduan membuat menu horizontal untuk blogger yang menurut saya mudah, dan semoga tutorial ini dapat di fahami dan mudah di praktek kan.

Ok langsung saja.



Panduan membuat menu horizontal blogger
  1. Login ke dashboard blogger
  2. Klik menu Design/Rancangan (Klik menu Tata Letak = untuk blogger tampilan baru menunya ada di sebelah kiri)
  3. Klik Add Gadget / Tambah Gadget.
  4. Pilih/klik opsi HTML/Javascript
  5. Kemudian masukkan kode menu horizontal yang saya tulis diakhir artikel ini.
  6. Klik Save / Simpan
  7. Selesai
Nah itulah tutorial bikin menu horizontal blogger.

Catatan :
Letakkan gadget di tempat yang sesuai (biasanya di bawah gadget header)

Berikut kode menu horizontal yang harus di masukkan pada gadget HTML/JavaScript (no:4 - 5)
<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:url(pop.png) no-repeat center top; height:35px;}
/* category navigation */
.nav { width:100%;z-index:99; float:left; margin:10px 0 0 0; padding:0px; list-style:none; line-height:1; height:35px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
.nav a { position:relative; color:#999; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover, .nav li a:active, .nav li.current-cat, .nav li.current-cat-parent { background:none; color:#004276; text-decoration:underline;}
.nav li ul { background:#444; position:absolute;width:172px; margin:0px 0px 0px -2px; border:1px solid #333; border-width:1px 1px 0px; z-index:999; }
.nav li ul li {border-bottom:1px solid #333; border-right:none; }
.nav li ul li a { background:#444; width:147px; padding:7px 12px; color:#fff; font-size:11px; font-weight:normal; }
.nav li ul li a:hover { background:#f9f9f9; color:#004276; text-decoration:underline; }
.nav li ul ul { margin:-31px 0px 0px 171px; }
</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>                     
</div>
Keterangan.
ganti tanda pagar ( # ) pada kode <a href='#'> dengan link yang teman inginkan, bisa link label, postingan, atau link yang mengarah kesitus lain.
Silakan ganti tulisan Menu 1 - Menu 5 dengan nama menu yang teman inginkan.
Selamat mencoba dan semoga berhasil Description: Tutorial bikin menu horizontal di blogger Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tutorial bikin menu horizontal di blogger
More aboutTutorial bikin menu horizontal di blogger

Cara Mengganti Cursor Blog

Posted by Unknown

Ada yang ingin mengganti cursor (Kursor) blog blogger dengan tampilan cursor yang lain ????

Mungkin teman ingin membuat blog blogger yang teman miliki lebih cantik dengan kursor yang unik, atau yang teman inginkan, misalnya dengan gambar sepertini

atau dengan gambar yang lain.
Yah terserah lah, yang penting sesuai selera.

Jika ia, maka artikel ini perlu teman baca, perhatikan dan praktekkan ke blog atau situsnya.

Disini saya hanya akan menuliskan panduan cara mengganti kursor di blogger saja, heheeee

Panduan Cara Mengganti Cursor Blog Blogger

Langkah Pertama
Seperti biasa, silakan login ke dashboard blogger, kemudian klik Rancangan/Design => terus klik EDIT HTML.

Langkah Kedua
Temukan kode css, seperti ini
body {
background:#xxxxx;
font-size: xxxxx;
font-family: xxxxx;
dst....
}
Kode yang terpenting di temukan adalah kode body { background: Jika kode tersebut sudah ditemukan silakan tambahkan kode berikut sebelum tanda
cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78qTx6YpGGu1O8TjCl4d1EMQdtf_M4jlBovP_0NONbTk0b7U8_CV5F77Fhz4-XLg_orWHQwLfgIGxgquVJ7ad5SqtJDLa-1iCvdsBJHbMWPM4TemSuQPs1ixbMJHpGpURzb042xxpC7OL/s1600/jasablogsitus-web-id.gif'),text
Sehingga nanti jadinya seperti ini
body {
background:#160500;
cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78qTx6YpGGu1O8TjCl4d1EMQdtf_M4jlBovP_0NONbTk0b7U8_CV5F77Fhz4-XLg_orWHQwLfgIGxgquVJ7ad5SqtJDLa-1iCvdsBJHbMWPM4TemSuQPs1ixbMJHpGpURzb042xxpC7OL/s1600/jasablogsitus-web-id.gif'),text;
font-size: xxxxx;
font-family: xxxxx;
dst....
}
Jika teman menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)

Jika teman ingin mengganti gambar cursornya dengan gambar yang lain, silakan ganti kode yang saya beri warna  purple dengan link gambar yang teman inginkan

Teman-teman bisa mencari gambar cursor lewat Google dengan mengetikkan kata kunci Free Cursor, Free Cursor For Website, dsb. Atau mau bikin cursor sendiri juga boleh.

Selamat mencoba dan semoga berhasil Description: Cara Mengganti Cursor Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Mengganti Cursor Blog
More aboutCara Mengganti Cursor Blog

Buku Tamu

Posted by Unknown

Seperti halnya acara pernikahan lah pengunjung di wajibkan mengisi daftar pengunjung atau buku tamu yang ada di depan gedung atw rumah yang mengadakan pernikahan.. Nah sama halnya seperti blog jika ingin pengunjung mengisi buku tamu maka kita harus sediakan itu di blog kita, tw caranya..??

kalo mo tw ikutin nih caranya:
Langkah 1:
  • Masuk ke http://www.shoutmix.com
  • Pilih Create your Shoutbox Now
  • Isikan data diri pada box yang sudah di sediakan
  • Kemudian centang pada kota I have Read and Agree to the Terms of Service
  • Pilih Continue.
  • Pilihlah salah satu tipe buku tamu yang kita inginkan.. anda 7 pilihan, jika sudah isikan kotak spam yang ada.
  • Jika selesai maka account andapun sudah dibuat.
Langkah 2:
  • Pilih go to control panel now
  • Dibawah terdapat kata get kode klik itu dan anda akan mendapatkan kodenya
  • Copy pastekan kode tersebut ke blog anda dan....!!!
  • Selesai deh..
Mudahkan anda bisa tempatkan buku tamu di blog anda... Description: Buku Tamu Rating: 4.5 Reviewer: Unknown - ItemReviewed: Buku Tamu
More aboutBuku Tamu

Pasang Hit Counter

Posted by Unknown

Hit Counter merupakan perhitungan seluruh pengunjung yang mengunjungi web/blog kita.. jadi kita akan seberapa banyak pengunjung kita dalam 1 hari, 2 hari, atau seterusnya dengan begitu kita dapat menaikkan traffic kita.. :).

ikuti langkah-langkah nya ya...



  • Buka alamat situs www.bravenet.com
  • Disana anda harus mendaftar dan login ke situs tersebut.
  • Untuk mendapatkan kode tersebut anda harus klik link Hit Counter
  • Setelah itu pilih continue sesudah memilih consinue maka anda akan mendapatkan kode-kode.
  • copykan kode tersebut kedalam blog anda.
untuk mengkopikan kode tersebut anda harus :
  • Login ke blogger.
  • Masuk ke layout dan pilih page element.
  • Pilih HTML/Java Srcipt
  • Copykan kode tersebut kedalam konten yang telah tersedia.
  • dan.......
  • Selesai..
Silahkan coba di blog anda..
Semoga berhasil... Description: Pasang Hit Counter Rating: 4.5 Reviewer: Unknown - ItemReviewed: Pasang Hit Counter
More aboutPasang Hit Counter

Efek Warna Pada Link

Posted by Unknown

Efek warna pada link memberikan efek menarik bagi pengunjung sehingga pengunjung penasaran dan mngklik linknya.. dan ini juga bermanfaat sebagai pembeda antara Link dan Tulisan yang bukan link. Mau tau cara membuatnya gini nih..

Caranya mudah hanya dengan mengcopy dan pastekan saja:
sebelum diubah anda silahkan lihat dan cari kode ini pada edit html anda :




a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}


Klo sudah coba bentuk yang pertama yaitu dengan mengganti kode diatas menjadi:



a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
}

-->Bentuk yang Kedua


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-size: 120%;
}


-->Bentuk yang ketiga:


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
}


-->Bentuk yang keempat


a:link {
color: #0066CC;
text-decoration: none;
}
a:visited {
color: #cc0000;
text-decoration: underline;
}
a:hover {
color: #2D8930;
text-decoration: blink;
}


-->Dan yang terakhir Bentuk yang lima :


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
font-weight: bold;
font-size: 120%;
background: #ffff66;
text-decoration: blink;
}


Silahkan coba dan jangan lupa untuk Membackup dahulu template anda sebagai langkah jaga-jaga jka terjadi kesalahan yang dapat merusak blog anda nantinya..
Description: Efek Warna Pada Link Rating: 4.5 Reviewer: Unknown - ItemReviewed: Efek Warna Pada Link
More aboutEfek Warna Pada Link

Langkah agar Web/Blog kita Tidak Berat

Posted by Unknown

Wah berat bener nih blog.. saya jadi bosen nungguinnya mana billingnya jalan terus lagi kan saya bisa "tekor" nih!! ga' mw kn jadi salah satu orang ini.. nungguin blognya buka dengan sempurna lamanya minta ampun ya cape'deh.. kata orang klo blog kita berat itu bisa bikin pengunjung jadi bosen dan ga' mau datang lagi ke blog kita makanya jaga deh supaya blog kamu tidak berat, klo itu terjadi maka suatu hal yang buruk akan menimpamu... saya akan berikan tips suapaya blog kita tidak berat alias lamban.. 6 langkah yang harus dilakukan ialah :

Cek dulu seberapa berat Blog kmu dengan Website speed Test. Disana kmu masukkan Alamat blog/URL kamu ke kotak yang sudah ada disana.. klo sudah klik Check! dan lihat seberapa berat blog kmu. Klo hal yang buruk itu terjadi pada blog kmu maka 6 langkah harus dilakukan dengan seksama :
  1. Kalau blogmu diisi dengan video, atau musik maka anda harus menggunakan file yang berukuran kecil seperti (MIDI atau WAV). Kenapa Video, serta musik biasanya menggunakan size yang besar sehingga dapat memberatkan blog mu.
  2. Foto dan Gambar yang berukuran besar akan dapat meyebabkan blog kita berat juga lo, maka pakai lah format yang berukuran kecil GIF atau JPG atau editlah foto atau gambar mu dengan PICASA.
  3. Perkecil penggunaan Java Script pada blog kamu.
  4. Bersihkanlah HTML kodemu dengan hal yang tidak berguna yang memungkinkan dapat memberatkan blog.
  5. Pergunakanlah Design Template yang simple, penggunaan design yang simple ini dapat mempercepat loading pada blogmu.
  6. Cek kembali link-link yang kmugunakan sebagai BlogRoll.. mungkin saja Link yang lama sudah tidak berfungsi lagi dengan kata lain saat diklik.. maka akan muncul pesan "Maaf Blog Anda Tuju Sudah Tidak Aktif Lagi". Bisa saja kan seperti itu, karena segala kemungkinan itu bisa terjadi.
Itu lah sedikit ilmu dari saya mungkin berguna.. karena kecepatan loading pada blog atau website itu sangat berguna karena dapat menghemat pulsa dan uang anda... Description: Langkah agar Web/Blog kita Tidak Berat Rating: 4.5 Reviewer: Unknown - ItemReviewed: Langkah agar Web/Blog kita Tidak Berat
More aboutLangkah agar Web/Blog kita Tidak Berat

Home Mengganti Title Blog Dengan Title Postingan

Posted by Unknown

Pernah lihat blog anda di "mang GOOGLE" klo pernah disan pasti blog kita tertulis sesuai dengan judul blog kita/title blog kita , nah klo kita lihat pada kebanyakan blog milik oeang lain disana pasti tertulis judul blog sama dengan judul postingannya... nah sedikit saya memberi tahu tentang perubahan title ini, perubahan title ini berpengaruh juga lo untuk mempermudah "mang GOOGLE" mebaca postingan kita, maka dari itu

untuk blog kita lebih terkenal dan dikenal dengan judul postingan kita maka itu dapat diganti dengan cara sebagai berikut..:

1. Masuk ke -->Edit Html anda.
2. Cari kode <title><data:blog.title/></title&gt;
3. Ganti kode tersebut dengan :

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Klo udah simpan..

selsai mudah bukan klo mo test coba lihat blog anda di google, dan jika kamu buka salah satu postinganmu mak judul blog mu akan berubah menjadi judul postingan.. Description: Home Mengganti Title Blog Dengan Title Postingan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Home Mengganti Title Blog Dengan Title Postingan
More aboutHome Mengganti Title Blog Dengan Title Postingan

Non aktifkan klik kanan

Posted by Unknown

Mungkin anda sering membuka suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :
<script language=JavaScript>
<!--

//Matikan Klik Kanan

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Script ini dicopykan ke blog anda dengan cara :
1. Klik Layout dan pilih edit html
2. Cari kode <head> Copykan kode tersebut dibawahnya.
3. Save.
4. Silahkan dicoba!!!
Description: Non aktifkan klik kanan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Non aktifkan klik kanan
More aboutNon aktifkan klik kanan

MENGGANTI BACKGROUND POSTINGAN DENGAN IMAGE

Posted by Unknown

Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda dapat mengganti background post dengan image yang tentu harus disesuaikan dengan warna huruf pada postingan agar kehadiran image sebagai background tidak mengganggu tampilan huruf.

LANGKAH-LANGKAHNYA

PERTAMA



  1. Siapkan sebuah image yang ukurannya telah disesuaikan dengan lebar postingan blog anda serta memiliki tinggi minimal 800 px. Gunakan Adobe Photoshop atau aplikasi lainnya untuk me-resize image.
  2. Upload image tersebut ke hosting penyimpanan image seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.
  3. Copy Url/alamat gambar yang anda upload tadi. Simpan dulu pada note pad.


KEDUA
  1. Masuk ke Blogger
  2. Klik Tab Rancangan bagian Edit HTML
  3. Cari kode seperti dibawah ini pada template blog anda

    .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }
  4. Tambahkan kode untuk background seperti ini :

    background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
  5. Gabungkan kedua kode diatas sehingga menjadi seperti ini :

    .post {
    background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
    margin:.5em 0 1.5em;
    border-bottom:1px dotted $bordercolor;
    padding-bottom:1.5em;
    }
  6. Kode yang berwarna kuning http://img268.imageshack.us/img268/6805/bodybgiq.jpg merupakan Url/alamat image yang akan tampil sebagai background postingan. Ganti alamat gambar tersebut dengan alamat gambar yang anda upload tadi (yang disimpan pada note pad)
  7. Klik tombol Simpan
  8. Lihat background postingan anda sekarang.


Selamat mencoba, semoga bermanfaat... Description: MENGGANTI BACKGROUND POSTINGAN DENGAN IMAGE Rating: 4.5 Reviewer: Unknown - ItemReviewed: MENGGANTI BACKGROUND POSTINGAN DENGAN IMAGE
More aboutMENGGANTI BACKGROUND POSTINGAN DENGAN IMAGE

Cara membuat blog di blogspot

Posted by Unknown on Tuesday, February 15, 2011


JIKA anda seorang pemula dalam dunia blogging dan berkeinginan untuk membuat blog sendiri maka sudah tepat jika sekarang Anda tengah membaca Artikel ini, karena artikel ini akan memberikan tuntunan selengkapnya untuk anda dapat membuat blog di dalam Blogspot.com.
Proses pembuatan blog dari awal hingga akhir serta membuat sebuah bisnis dengan blog Anda akan dikupas tuntas dan mendetail di dalam Artikel ini. Anda tidak hanya sekadar dapat membuat sebuah blog tetapi Anda akan dapat membuat sebuah blog yang menarik dan terlihat professional dengan langkah-langkah yang mudah seseuai dengan cara-cara dan teknik-teknik dalam pembahasan yang disajikan dalam Artikel ini.
Selain itu Anda pun dapat memulai bisnis baru dan memperoleh penghasilan tambahan dari blog yang anda buat tersebut. Menarik Bukan? Selamat membaca dan semoga sukses untuk anda dengan blog baru Anda.

Mulai Membuat sebuah Blog di Blogspot.com
Membuat sebuah blog tidaklah sesusah yang dibayangkan, apalagi jika blog tersebut dibuat didalam Blogspot.com atau yang biasa dikenal juga dengan Blogger.com. Membuat blog di dalam Blogger.com memang terkenal simpel dan sederhana namun demikian pengguna layanan tetap dapat menciptakan sebuah blog yang menarik. Layanan weblog hosting ini telah menyediakan semua yang diperlukan untuk dapat membangun sebuah website blog apalagi layanan yang ditawarkan juga disediakan secara gratis.

Langkah Awal

Siapa bilang membuat blog itu sulit? Secara garis besar Anda hanya perlu melakukan tiga langkah saja untuk membuat blog, yakni membuat akun, memberi nama blog, dan memilih template untuk blog anda. Mudah bukan? Sebagai langkah pertama, anda harus membuat akun terlebih dahulu dengan langkah – langkah sebagai berikut:

Langkah Pertama Membuat Akun:
  • Mulai lah dengan meluncurkan browser internet anda. selanjutnya ketikkan alamat http://www.blogspot.com/ pada location bar dalam browser Anda lalu tekan tombol enter.
  • setelah halaman situs Blogspot atau Blogger muncul, klik tombol Create your Blog Now.
  • Kini anda berada dihalaman Create a Google Account, masukan alamt email dan password anda apada kotak teks yang tersedia.
  • Untuk itu sebelumnya anda telah memiliki sebuah alamat email... pasti udah punyakan...pasti dong!!!!
  • Berikutnya masukkan nama anda yang nantinya akan ditampilkan dalam post sebagai penulis post pada kotak teks Display Name.
  • Sesudah itu ketikkan kode verifikasi pada kotak teks Word Verification.
  • Lanjutkan dengan mengaktifkan opsi I Accept the Term of Service.
  • Kalau sudah Terus tekan dung tombol Continue selesai.
Langkah kedua Memberi Nama Blog:

Setelah membuat akun, langkah berikutnya adalah memberi nama blog. Pada tahap ini Anda hanya cukup melakukan langkah sederhana sebagai berikut:
  • Pastikan Anda berada dihalaman Name Your Blog.
  • Ketik judul blog Anda pada kotak tek Blog Title.
  • Setelah itu masukkan alamat blog yang Anda inginkan pada kotak teks Blog Adress (URL). Anda tinggal melengkapi kotak teks yang ada dengan nama yang Anda inginkan ketika pengunjung nantinya akan megakses blog Anda.
  • Kalau sudah klik Link Check Avaiablility untuk mengecek ketersediaan alamat blog Anda. Jika muncul info This blog address is available berarti alamat blog yang Anda ke-tikkan diterima.
  • Tekanlah Tombol Continue. Selesai
Langkah ke tiga yaitu Memilih Template Blog:

Tahap berikutnya yang harus anda jalani dalam proses pembuatan blog adalah memilih template untuk menunjukkan tampilan blog mulai dari warna background, jenis dan ukuran font, hingga posisi artikel yang akan Anda posting nantinya. Langsung aja kita lanjutkan proses pembuatan blog langkah-langkah berikut:
  • Pertama-tama anda telah berada dihalaman Choose a template.
  • Turunkan scrollbar untuk memilih template yang anda inginkan.
  • Jika anda telah menemukan template yang diinginkan tekan template tersebut.
  • Untuk melihat preview atau tampilan template sebelum diaplikasikan dalam blog. Klik link Preview template.
  • Sesaat kemudian muncul jendela browser baru, yang menampilkan preview dari template yang Anda pilih.
  • Kalau sudah tutuplah jendela yang menampilkan preview template dengan mengklik ikon Close disudut kanan atas.
  • Anda kembali dihadapkan pada halaman Choose a template. Setelah menentukan pilihan tekanlah tombol Continue.
  • jika anda melakukan dengan benar, maka halaman berikutnya muncul konfirmasi menyatakan blog anda telah tercipta.
Selesai deh pembuatan blog nya....selamat mencoba....
Description: Cara membuat blog di blogspot Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara membuat blog di blogspot
More aboutCara membuat blog di blogspot