Learning Algorithm | Learning Programming | Coding Tutorials | Tips Programming | Coding with C, Pascal, Delphi, java, PHP, html etc|

Kalau kita coba klik keyword di google, banyak sekali yang muncul dan di situ juga banyak sekali yang menerangkan tentang tips dan trik untuk mempercantik blog. Yah memang yang namanya cantik itu enak di pandang, enak dilihat, dan yang paling penting pula mudah untuk di load..iya g?..ya percuma khan cantik bagius tapi g bisa di buka heee…

Nah tapi untuk ynag satu ini..mempercantik ato mungkin ngutak-utik..itu kalo di wordpress/ yang pake wordpress yang gratisan kayak yang temen2 baca sekarang ini memang agak sulit yaw..tapi ngomong2 bagaimana pendapat temen2 tentang blog ini ..cantik g? hehe..yah intinya masing 2 ada kelebihan dan kekurangannya. Memang masalahnya klo pake yang gratisan kayak gini mw..ngutak-utik thema g bisa ,mw pasang javasript ( yang terkenal sebagai alat mempercantik ) juga g bisa …tapi sebenernya ada solusinya kita bisa gunakan hostingan gratis..blog saya yang menggunakan hostingan gratis bisa lihat disini

Tapi beda induk beda anaknya..kalau yang pake blogspot/blogger..yah enak mw ngapain saja bisa..nah ni sy ada tips dan banyak sekali..ini adalah tips dari temen kita yang amat hebat di http://trik-tips.blogspot.com, namanya mas mas kendhin sy akui dia hebat banged..banyak sekali tutorial2 yang terpisah2 di blog2 lain, tapi ini yang paling komplit. jadi sy ambil saja tapi ini langsung ngelink ke halaman mas kendhin yah ini menurut saya lebih baik daripada saya copy paste punya mas kendhin trus mengatakan artikel saya..ngomong2 saya juga punya blog di blogspot mw buka disini atau disini
Nah ini buka saja satu persatu langsung ke halaman mas kendhin

1. Cara Membuat Readmore (Baca Selengkapnya) Versi 1
2. Membuat Read More (Baca Selengkapnya) Versi 2
3. Membuat Tabs Menu Horizontal
4. Membuat Menu Tab View
5. Membuat Menu Vertikal
6. Cara Membuat Menu Dtree
7. Mengganti Tanggal Posting Menjadi Icon Kalender
8. Membuat Kotak Komentar Blogger Berada di Bawah Postingan
9. membuat Blog Lebih Expressive Dengan Smile Icon
10. Membuat Gambar Melayang (Float Image)
11. Cara Menampilkan Status Off/Online Yahoo Messenger
12. Setting Custom Domain di Blogspot
13. Membuat Email Dengan Domain Sendiri (nama@domainmu.com)
14. Cara Membuat Template di Blogger
15. Trik dan Tips Dalam Mengganti Template
16. Cara Menambahkan Emoticon di Shoutbox
17. Cara Menuliskan Script/Kode Dalam Postingan
18. Cara Membackup Blog
19. Cara Menampilkan Recent Post (Postingan Terbaru)
20. Menampilkan Recent Comments (Komentar Terbaru)
21. Highlight Author Comments
22. Pasang Emoticon di Kotak Komentar
23. Cara Membuat Related Post Post (Artikel yg Berhubungan)
24. Membuat Form Email Subscriber (Berlangganan Email)
25. Membuat Kotak Blogroll dan Marquee
26. Mengganti Tulisan Older Post / Newer Post
27. Mengganti Icon Addressbar (Favicon)
28. Mengganti Title Blog Dengan Title Postingan
29. Membuat Comments Box (Kotak Komentar)
30. Menghilangkan Navbar (Navigation Bar)
31. Membuat Search Engine di Blogger
32. Membuat Kategori/Label
33. Trik Memproteksi Blog Dari Penjiplakan
34. Membuat Shoutbox
35. Membuat Dropdown Menu
36. Membuat Link Download
37. Cara Membackup Template
38. Membuat Kotak Link Exchange
39. Membackup Template Blogger

Membuat Menu Horizontal

Ada yang pingin buat menu horizontal tapi nggak tahu caranya?
Gini nih caranya, eh tapi tunggu dulu, apasih menu horizontal itu? Menu horizontal adalah menu-menu yang disusun secara horizontal (menyamping). Kayak gini ini lho:



Contohnya bisa kamu lihat disini .Nha pingin nggak? kalo pingin ikuti cara berikut ini:

pertama-tama kamu harus punya gambar kayak gini nih:

dan

kalo nggak punya gimana? kalo nggak punya pake gambar yang aku sediain ini aja deh.

blackleft.gif	blackright.gif
greenleft.gif	greenright.gif
redleft.gif	redright.gif
unguleft.gif	unguright.gif
yellowleft.gif	yellowright.gif
blueleft.gif	blueright.gif

Ok, bahan-bahannya sudha ada, mari kita mulai maraciknya:
1. Login ke blogger terus pilih Layout --> Edit HTML, trus beri tanda centang pada kotak "Expand Widget Templates". jangan lupa template di backup dulu.
2. Cari script seperti ini ]]></b:skin>, kalo udah ketemu copy script dibawah ini dan taruh diatasnya

/*credits : http://trik-tips.blogspot.com */
#tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5; /* Garis Bawah*/
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px; /*Posisi Menu*/
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background: url("http://superinhost.com/gambar/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background: url("http://superinhost.com/gambar/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#fff;
}

#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

Tulisan yang dicetak tebal bisa kamu ganti dengan gambar-gambar (text dibawah gambar) diatas tadi. Misalnya, jika kamu pilih yang warna merah maka scriptnya menjadi seperti ini;

background: url("http://superinhost.com/gambar/redleft.gif") no-repeat left top;

background: url("http://superinhost.com/gambar/redright.gif") no-repeat right top;

Mudeng nggak loe :D
Kalo sudah selesai mari kita lanjutkan, sampai angka berapa tadi? oh ya sampai angka ketiga ya.
3. Copy script berikut ini

<div id="tabshori">
<ul>
<li><a href="http://trik-tips.blogspot.com"><span>Home</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Trik-Tips</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Free Template </span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Kamus</span></a></li>
<li><a href="http://trik-tips.blogspot.com"><span>Profile</span></a></li>
</ul>
</div >

4. Ganti http://trik-tips.blogspot.com dengan link yang kamu tuju. Link tersebut bisa berupa alamat blog lain atau link postingan km. Untuk mendapatkan link postingan caranya klik kanan pada judul postingannya trus pilih "copy link location" (untuk mozilla firefox).
Kemudian text yang dicetak tebal bisa kamu ganti dengan text yang kamu suka. Text tersebut adalah text yang muncul di tombol/menu.
5. Cara memasangnya ada beberapa macam tergantung dari template yang digunakan, salah satu contoh memasangnya yaitu begini
cari kode berikut ini :

<div id="content-wrapper">

caranya nyari biar gampang, copy script diatas lalu tekan Ctrl-f kemudian paste di kotak find, nha langsung ketemu kan. Kalo udah ketemu copy script yang tadi diatasnya

6. Simpan hasil pengeditan.
7. Lihat hasilnya.
8. kalo hasilnya kurang bagus/acak-acakan coba script tadi dipindah tempatnya, misalnya pindah keatasnya yaitu diatas kode </div>. kalao nggak cocok juga tempatnya dicoba lagi yang diatasnya atau juga dibawahnya, begitu terus sampai ketemu tempat yang cocok.
9. Kalo masih belum berhasil juga coba cara ini:
- Cari kode berikut ini :

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>

teru ganti text yang berwarna hijau sihingga menjadi seperti ini:

<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>

terus di Save

Klik tab Page Elements, kemudian di daerah header klik Add a page element lalu pilih HTML/JavaScript paste script link tadi di dalam kotak content terus simpan, nha itu kan tempatnya diatas, coba drag kebawah dikit, nha gitu, terus simpan dan lihat hasilnya.

hasilnya pasti akan berbeda-beda di setiap template.
kalo berhasil berarti kamu pinter, kalo gagal berarti kamu kurang pinter :r coba diteliti lagi langkah-langkahnya dan dipahami maksudnya, jangan cuma di plototin. OK BOZ, Good luck.....

Cara Membalik Tulisan

Mebuat Tulisan Terbalik

Hmmm,
Ada sebuah program menarik lagi neehhh. . .
Mungkin sudah banyak yang tahu dan menggunakan cara yang satu ini, tapi apakah mereka yang menggunakan sudah membuatnya secara langsung??? Masih dipertanyakan tuhhhh....
Hehehe

Saya juga membuatnya nihh...
Tapi, dasar (csript rumusnya) cari di referensi donk...
Yang kemudian saya kembangkan dengan ilmu yang saya ketahui.

Mungkin anda yang suka ber-Update status di Facebook atau Twitter dan lain sebagainya, bisa menggunakan cara yang satu ini, yaitu membalik huruf status anda. Agar lebih menariklah...Hheeee..
Programnya ini sederhana saja, hanya sebuah script HTML & Javascript.

Cara mengopersikanya pun saya yakin anda (pasti) bisa.

Pertama, download dulu programnya Disini, atau disini, haha.. sama saja....

Kedua, extract file di dalamnya.

Ketiga, (karena file sudah menjadi HTML, untuk 'memanggilnya') anda tinggal men-double click file-nya, secara otomatis akan di buka lewat browser (yang tersetting secara default) yang ada di PC/Laptop anda. Nanti, seperti ini tampilannya awalnya :

Nah, kita tinggal inputkan kata/ kalimat yang diinginkan.
Sebagai contoh saya inputkan "example" pada "Tulisan Normal", perhatikan gambar di bawah ini :

Kemudian inilah hasil membalik tulisan tadi :

Yapp, tinggal copy-paste tulisannya dannnn Update status anda........
Siipppp,
(bagi yang ber-Facebook atau Twitter dan lain sebagainya)

Cara Memasang Widget I LOVE INDONESIA

Pagi ini saya iseng-iseng ngeklik link bangsablogger yang saya taruh di bagian footer. Terus dapat 1 blog yang memasang widget yang unik. Jadi tergoda untuk mencobanya. He3….

Kalau Anda ingin memasangnya juga, silahkan copy code di bawah ini :

<script language="JavaScript" src="http://adabisnis.com/js/widget.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://lh6.googleusercontent.com/_9W8681AXnyo/TWS8zq3XKFI/AAAAAAAAAL8/VNes2sF4baw/iluvindonesia.png")</script>

Untuk wordpress self hosted, paste aja di widgets. Atau kalau tidak bisa, coba di header.php bagian paling bawah. Atau kalau ternyata tidak bisa juga, coba aja paste di sidebar.php paling bawah. Kalau masih tidak bisa, coba di footer.php paling bawah. Otak atik sendiri deh. He3.

Untuk blogspot, paste kode di atas dengan cara :

Tata letak > tambah gadget > tambahkan HTML/Javascript > Paste kode di atas di konten, tanpa judul.

Cara Mengganti Logo Blogspot

Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain contohnya logo hurum M. Sebenarnya ini tidak ada pengaruhnya bagi blog Anda tapi ini sebagai simbol dan kode aja yang mencirikan bahwa ini adalah blog Anda. Disamping itu bisa menandakan bahwa blog Anda bukan dari blogger jika Anda sudah mengganti domain dengan doman .com .net .org dll. Jika Anda ingin merubahnya saya Mas Debby akan memberi Anda tips blogging berikut:

1. Kita cari link photo atau kita buat dan uploud di http://photobucket.com/

2. Terus copy direct link tersebut dan simpan di notepad atau di word.

3. Login ke blogger Dasbor pergi ke>> Rancangan>>Edit HML.

4. Cari kode

<b:skin><![CDATA[

(cari cepat dengan F3 dan masukkan kode tersebut).

5. Jangan lupa centang Expand Template Widget.
3. Masukkan kode di bawah ini di atas kode tersebut.

<link href='direct' rel='shortcut icon'/>

6. Ganti direct link diatas dengan link yang sudah anda simpan tadi di word atau notepad.

7. Simpan Template dan selesai...kalau berhasil jangan lupa comment ok...

Cara merubah Domain Blogspot Ke domain CO.TV

Domain gratis,Domain Gratis ,hehehehe buat sobat klinik-it yang mau pake domain gratis dengan ujung CO.TV disinilah tempatnya .hehehe ya... mungkin sobat klinik-it udah pada tau tentang domain gratis dari www.co.tv ,tapi klinik-it tetap mau share juga nich. kegunaan dari domain co.tv tentunya untuk memperpendek nama domain blog sobat, dari sebelumnya www.namasobat.blogspot.com di ganti dengan www.namasobat.co.tv . jadi sedikit lebih canggih dech nama domainnya .hehehe selain itu juga nantinya domain co.tv sobat jadi mudah diingat.

Nah.. domain gratisan ini bisa dibilang hampir menyamai domain co.cc yang telah populer terlebih dahulu. jika sobat tertarik untuk merubah nama domain blogspot Ke DOMAIN CO.TV langsung aja ikuti langkah-langkah Cara merubah Domain Blogspot Ke domain CO.TV di bawah ini.

1.Klik http://www.co.tv/.

2.Ketikan nama domain pada kotak pemilihan nama domain di situs tersebut kemudian klik tombol CHECK di sampingnya.atau bisa sobat lihat gambar di bawah ini.



3.Selanjutnya klik tombol Continue untuk mendaftar.

4.Klik lagi tombol SIGN UP NOW.

5.Setelah Formulir pendaftran terbuka,isikan formulir pendaftran dengan data-data yang diperlukan.

6.Jika sobat sudah mengisi formulir pendaftran dengan lengkap,silkan klik tombol CRETE.

7.jika dalam pendaftran tidak ada masalah akan muncul pernyataan seperti di bawah ini.



8.Silakan CEK email sobat apakah ada email dari CO.TV .jika ada buka email tersebut kemudian klik link verifikasinya .

9.Setelah di klik dan masuk kembali ke situs CO.TV .silakan klik Contol Panel yang ada di sebelah kanan website tersebut .atau lebih mudahnya lihat gambar di bawah ini.



10.selanjutnya isi 3 Contact yang ada disitu dengan menggeser menu Dropdown dengan nama yang tadi sobat daftarkan .atau bisa lihat gambar di bawah ini.



11.klik tombol Continue.

12.Klik tombol Set Up.

13.kli >> Zone Records yang ada dibagian paling bawah.

14.Isi kotak teksnya dengan data seperti dibawah ini.

• Isi kolom HOST dengan www
• Isi kolom AUX dengan 1D
• Pilih kolom TYPE ke CNAME
• Isi kolom VALUE dengan ghs.google.com

15.Klik tombol SET UP.

Setting pada domain Co.Tv selesai.

16.Selanjutnya Login Ke Blogger.

17.klik Pengaturan.

18.Klik Publikasikan.

19.klik DOMAIN UBAHSUAIAN.

20.klik BERALIH KE PENGATURAN LANJUT.

21.Selanjutnya isikan nama domain co.tv yang tadi sobat daftarkan di kotak form pengisian domain .Contohnya www.namasobat.co.tv .atau bisa lihat gambar di bawah ini.



22.Isi nomor dan angka verifikasi.

23.Terakhir klik SIMPAN SETELAN.

24.selesai... domain blog sobat sekarang telah menjadi www.namasobat.co.tv...hehehe

Membuat ucapan selamat datang

Membuat ucapan selamat datang blog

Setelah kemarin blogtegal memposting artikel tentang membuat ucapan terima kasih pada kotak komentar Sekarang blogtegal ingin share tentang membuat ucapan selamat datang pada blog ketika user mengunjungi blog kita.
Pernah gak sewaktu kamu membuka suatu blog ada jendela munculan kecil yang berisi ucapan selamat datang. Bisanya berisi ''Selamat datang di blog ini''
Pasti pernah dong, trus bagaimana cara membuatnya? Apakah anda juga tertarik untuk membuat ucapan selamat datang tersebut? Lets do it.
Membuat pesan selamat datang blog.

• Login ke dashboard blog kamu.
  
• pilih Rancangan »» Edit HTML
  
• cari kode </head>
  
• Tempatkan script berikut diatasnya
  

  <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo");
  </script>

• terakhir klik 'SIMPAN'

Dari kode diatas itu akan menerapkan di bagian halaman manapun pesan itu akan keluar, disini kita perlu mengatur ulang agar pesan itu hanya muncul pada homepage blog saja, tentunya agar para pengunjung tidak kesel karena pesan tersebut selalu muncul. Berikut caranya
Tambahkan kode yang berwarna merah diantaranya.

<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Tulis pesan apa saja disini, sakerepmu arep di tulisi opo"); </script> </b:if>

Selamat berexperimen