cara membuat 3 kolom di bawah header blog

hellow..kali ini saya akan membahas tentang bagai mana cara mebuat 3 kolom di bawah header.

ikuti petualangannya di bawah ini..:

1.  Login ke blogger.
2.  Setelah masuk dasbor lalu pilih Tata Letak.
3.  setelah itu klik Edit HTML.
4.  Cari kode ]]></b:skin>
5.  Copy kode di bawah ini dan simpan di atas kode ]]></b:skin>

Read More

cara pasang video youtube di web/blog

Cara pasang video youtube di blog sangat mudah dan tidak membutuhkan instalasi yang rumit, dulu kang salman pernah membahas ini, namun karena youtubenya melakukan renovasi sehingga mau ga mau mesti di update artikel cara pasang video flv di web dan blog.

Tips memasang video flv ini nya ga jauh beda dan hampir sama cumu urutan awalnya saja yang berubah. Berikut langkah-langkahnya :

Read More

cara memasang icon di samping judul posting

Memasang Icon pada Judul Posting akan membuat judul blog lebih menarik dan cantik Bagi teman-teman yang ingin membuat sesuatu seperti di atas, silahkan untuk memperaktekkan langkah2 berikut :

1.   Login ke Blogger
2.   Klik Tata Letak/Rancangan.
3.   Klik Edit HTML
4.   Centang "Expand Widget Template"
5.   Lalu carilah kode: <a expr:href='data:post.url'> dan letakkan script berikut setelahnya.

<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/TBffRN-MLKI/AAAAAAAADFk/gb7dEYgGvAQ/panah_post_t4belajarblogger.gif'/>

NB : Ganti URL biru dengan URL gambar/icon anda

6.   Simpan hasil kerjaan anda. dan lihat hasilnya.


ok selamat mencoba....

Read More

cara memasdang link banner dan link gambar

hallo. sobat bloger...kali ini saya akan mengulas tentang bagai mana cara pasang baner link dan llink gambar blog??. caranya ikuti tutorial di bawah ini.. 

Copy semua kode yang ada di kotak di bawah ini :

Read More

Cara Pasang Animasi / Gambar di Kotak Berlangganan Feedburner

hallo brother....kali ini Bagaimana cara memodifikasi tampilan kotak berlanggan  atau cara memasang animasi pada kotak berlanganan feedburner. apa sih kelebihannya? sudah jelas akan mempercantik tampilan blog kita dan tentunya kan terlihat lebih profesional dan machoo. Nah bagaimana sih cara membuatnya? kita ikuti yuk langkah-langkahnya di bawah ini
1.  Silakan login ke blogger
2.  Pilih tata letak / edit template
3.  Tambah gedget / widget
4.  Setelah itu pilih HTML / Javascript
5.  Silakan copy Kode di bawah ini :

<div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(http://technogati.com/wp-content/uploads/2009/05/feedburner_logo_250.jpg) no-repeat scroll right top; border: 1px solid rgb(204, 204, 204); padding: 25px 0px; text-align: center;">Anda tertarik dengan artikel kami? Mau berlanganan artikel menarik seperti ini setiap bulan. Gratis!<br /><br /> <br /><br /> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kang-salman', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">Alamat email <input name="email" style="width: 240px;" type="text" /> <input name="uri" type="hidden" value="Kang Salman" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Berlangganan" /></form>

6. Pastekan di Kotak HTML / Javascript tadi.
7. Simpan

Penting !
- Ganti tulisan merah di atas dengan alamat gambar yang anda ingin kan

contoh : http://technogati.com/wp-content/uploads/2009/05/feedburner_logo_250.jpg

- Ganti tulisan warna biru dengan alamat feedburner anda.

contoh : http://feedburner.google.com/fb/a/mailverify?uri= caviqshare

- Ganti tulsan warna hitam di atas dengan nama Feedburner anda

contoh : caviqshare

- Sesuaikan tulisan warna coklat di atas sesuai selera anda

contoh : Berlangganan

ok selamat mencoba.......

Read More

Cara Memodifikasi Related Post / Artikel Terkait Sehingga Memiliki Fungsi Scroll

ok deh langsung saja,,kali ini kita akan mengulas tentang bagaimana cara mengubah tampilan related post atau bahasa kitanya artikel terkait di bawah posting yang memiliki fungsi scroll? Kita Sebut saja dengan nama Related Post With Scroll yaitu related post yang ditampilkan dalam bentuk menu scroll. Contohnya seperti gambar di bawah ini :

Bagi anda yang ingin tau bagaimana cara membuat Artikel terkait sepeti di atas silakan ikuti langkah-langkah di bawah inii :

1. Login Ke Blogger
2. Pilih Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil  expand . .
5. Cari kode seperti ini <data:post.body/>

    (Biar cepat ketemu, tekan CTRL+F tar masukin aja <data:post.body> ke kotak yang tesedia)

6. Copy kode di bawah ini dan dan simpan di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'><br /> <br/><br /> <br/><br /> <H2>Artikel Terkait:</H2> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='albri'/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; 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('albri').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> </b:loop> </script><br /> </div> <script type="text/javascript">RelPost();</script><br /> </div> </b:if>

7.  Cari kode ini : ]]></b:skin>
8.  Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

    .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
    background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
    .rbbox:hover{background-color: rgb(255, 255, 255);}

9. terakhir Save template

Selesai, dan lihat hasilnya . .

Read More

cara menambahkan rating pada posting blog

hallo sobat,,,,gmn kabar ni,,??hehehe...ktmu ,lagi deh sama caviqshare....:).

kali ini saya akan membahas tentang cara memberi rating di setiap posting blog. ok langsung saja kita intip yuk  .. !!

Blogger memiliki beberapa kelemahan dalam hal fitur yang ada di Postingan, agar

pengujung Blog dapat memberikan rating atau penilaian terhadap isi postingan ,maka kita bisa menambahkan fitur rating muncul pada setiap postingan.

Berikut langkah-langkahnya

1.  SIGN IN ke situs Blogger.com
2.  Jika telah masuk ke halaman Dashboard, pilih Edit HTML.
3.  Berikan tanda ceklist pada opsi Expand Widget templates, lalu pada kolom HTML
4.  Temukan kode berikut atau tekan ctrl+f masukun kode <!-- quickedit pencil -->  

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>

5.  Jika sudah menemukannya, copy kode ini di bawahnya kode no. 4

<script language='JavaScript'>var OB_platformType = 1; var OB_demoMode = false;var OB_langJS =&#39;http://widgets.outbrain.com/lang_en.js&#39;;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

6.  Lalu klik Save Template

Lalu lihatlah Blog anda, rating tersebut sudah muncul. anda maupun pengunjung dapat memberikan rating pada seriap artikel yang anda buat.

Ok selamat mencoblos....eh salah..maksudnya mencoba... hehe

Read More

cara menghilangkan angka pada label

Terdapat banyak sekali orang yang memilih untuk menghilangkan angka pada label, selain tidak enak dilihat dan megganggu sebagian orang berpendapat bahwa hal itu tidak terlihat profesional alias malu-maluin apalagi kalau jumlah post pada lebel tersebut masih sedikit.
Namun bagi sebagian orang yang lain menampilkan angka pada label sangat penting dan berpengaruh terhadap reting blog mereka, karen jumlah angka yang besar akan menarik pengunjung untuk membuka label tersebut.

Sekarang Anda bisa memilih apa akan menghilangkan angka pada labe atau tetap bertahan. kalau saya memilih untuk menghilangkan angka pada label, alasannya agar orang tidak tau berapa jumlah post pada lebe tersebut dan yang ke dua agar terlihat lebih menarik sehingga orangorang menjadi penasaran di balik lebel tersebut.

Baiklah langsung saja bagaimana tips dan trik menyiasati hal tersebut :
1. Masuk ke dashboard Blogger
2. Pilih Layout / tata letak
3. Pilih Edit html
4. Jangan lupa Beri tanda centang terlebih dahulu pada "expand widget template"
5. Cari Kode dibawah ini :

<span dir='ltr'>(<data:label.count/>)</span>

7. Save Tamplate.

Ok, beres deh. tinggal di coba aja ok brew,,,,

Read More

cara menghapus navbar punya bloger

Ingin menghapus Navbar punya blogger? Membuat Pandangan anda Menjadi tidak menyenangkan Bagaimana cara menghilanginua!! Yuk kita ikuti langkah - langkahnya.

1.Log In ke Blogger.
2.Masuk ke Tata Letak.
3.Pilih Edit Html
4.Cari Kode ]]><skin>
Letakkan kode di bawah ini di atas kode ]]><skin>

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

5.  Lalu Save tamplate.

Semoga bermafaat..

Read More

cara ganti tulisan. font di blog

Merubah tampilan huruf di blog. kata kunci ini bisa anda gunakan untuk menemukan panduan mudah ini. sebenarnya merubah font di blog itu bukan hal yang sulit tutorialnyapun mungkin paling mudah dan paling pendek yang pernah saya posting . begini caranya.

Kode yang akan kita pakai adalah seperti ini :

<span style="font-family:  Informal Roman;">"FONT INI INFORMAL ROMAN" </span>

Kode diatas akan menghasilkan seperti dibawah ini :
"FONT INI INFORMAL ROMAN" 

Jadi sebelum menulis huruf sebaiknya siapkan terlebih dahulu kode di atas. dan pastekan di postingan anda.

Catatan :

• Jika ingin jenis-jenis font yang lainnya Silahkan anda rubah sendiri teks yang berwarna merah sesuai dengan font yang anda sukai. 
• Huruf yang berwarna orange adalah kata-kata yang ingin kamu ubah jenis atau tampilan hurufnya.  
• Jika ingin melihat berbagai jenis font, anda dapat  melihat dan memilihnya di microsoft office words. dan tinggal ketikan namanya saja misal arial narrow, dll 
• Jika anda ingin mengubah semua huruf yang ada di blog, carilah kode post body, dan dan jika melihat kode yang mirip dengan yang di atas. ubahlah dengan jenis huruf yang anda inginkan.

gimana ,,,??/ mudah bukan,,,,
silahkan mencoba... :)

Read More

Cara merubah warna tulisan

Merubah warna tulisan adalah sebuah teknik dasar untuk mempercantik tampilan blog anda agar tampil lebih aktraktif. Selain itu terdapat juga cara merubah font/huruf di postingan blog semuanya itu adalah teknik untuk membuat blog kita tampil berbeda dengan blog orang lain. Nah disini kang salman tidak akan membahas cara merubah font di blog karena sudah saya bahas sebelumnya di sini. Hal  yang akan kita bahas adalah teknik dasar cara merubah warna huruf blog, seperti yang di tanyakan oleh seseorang kepada saya. dan untuk para master jangan ketawa.

Langkag-langkah :
1.  Login ke Blogger
2.  Entri Baru
3.  Buatlah artikel setelah selesai kemudia tekan ctrl+a
4.  Perhatikan Toolbar, dan Pilih huruf A,  seperti gambar di bawah

    NB : Arahkan mouse (kursor) ke tanda yang di lingkari. lalu klik
5.  Pilih warna

Selamat mencoba....

Read More

cara mebmuat script iklan baner

Membuat script iklan banner itu terdapat macamacam cara. bisa dengan mengunakan java script juga bisa dengan bantuan software. namun disini kang salman akan berbagai tips bagaimana cara membuat iklan banner baik dengan script maupun dengan software bahkan gabungan ke dua-duanya.

Baiklah silakan lihat contoh di bawah ini :

<a
href="http://caviqshare.blogspot.com/" target="_blank">
<img border="0" alt="Kumpulan blog"
src="http://t2.gstatic.com/images?q=tbn:8hq2PGWxh4ynGM:http://i31.tinypic.com/iwhvt3.png" width="125" height="125"
 />

• Tulisalan yang saya tandai warna merah adalah link tujuan, dimana saat banner tersebut di klik akan menuju halaman tertentu.
• Tulisan yang berwarna orange adalah tag name gambar, dimana saat kursor diarahkan akan muncul kata "kumpulan Informasi Maya" ganti sesuai dengan selera anda misalnya pasang iklan murah.
• dan yang warma biru adalah alamat URL gambar, anda bisa mengantinya jika sudah punya disain sendiri. foto anda juga bisa di simpan disitu ehhehe.

Sedangkan width="125" height="125"
width = ukuran lebar banner
heigh t= ukuran ketinggian banner
Sesuaikan dengan kebutuhan anda.







Selamat mencoba......

Read More

cara membuat teks berkedip/marque

apa yang anda tahu tentang text merquee (text bergeak) menurut kang salaman merquee adalah cara memanipulasi pergerakan data (anggka, huruf dan gambar) sehingga bisa mengemat ruang kita di website. di bawah ini adalah kumpulan cara-cara memanipulasi data huruf.

Read More

kumpulan trik blog

1. Cara Membuat Link Membuka Tab Baru 

2. Cara Membuat Navigasi Horizontal Dropdown Menu / Vertikal Navigasi Menu Di Blogger.  

3. Cara Membuat Sitemap /Daftar Isi 1 

4. Cara membuat simbol/logo TM dll 

5. Cara Membuat Scroll Pada Archive Blog 

6. Cara membuat artikel populer di blog 

7. Membuat tombol auto install widget di blog 

8. Cara Membuat Tiga Kolom Elemen Baru di Bawah Header 

9. Cara membuat teks berkedip 

10. Cara membuat teks alert script/kata penutup muncul saat keluar blog 

11. Cara membuat spoiler

12. Cara membuat 3 kolom di bawah posting/ footer

13. Cara memasang page view di blog

14. Cara memposting java script

15. Cara membuat tombol halaman /page number di blog

16. Cara membuat widget artikel terbaru

17. Membuat counter pembaca d blogi

18. Caramembuat iklan melayang tanpa tombol closs

19. Cara membuat iklan melayang degan tombol closs 1x klik

20. Membuat headline news di blog

21. Membuat fuingsi scrool pada kotak koment

22. Cara memasang teks script alert saat masuk blog

23. Cara membuat widget sms graris

24. Cara membuat alert masukin nama saat masuk blog

25. Caramembuat banner iklan fix di halaman blog

26. Caramembuat halaman menu dropdown

27. Cara membuat info link di blog

28. Caramembuat komentar admin berbeda warna

29. Caramudah dan simple bkin page number di blog

30. Cara memasang rangking di blog

31. Cara memasang animasi di blog

32. Cara pasang widget Google search blog

33. Cara masang gambar animasi di blog

34. Cara memasang artikel berkaitan di bawah posting

35. Membuat link terbuka otomatis di blog

36. Mengganti templet dari templet penyedia templet

37. Cara membuat bubble tooltip di blog

38. Caramelebarkan editor di kotak koment blog

39. Cara ganti tulisan atau jenis tulisan di  posting blog

40. Cara menghapus navbar punya bloger

41. Cara mengghilangkan angka pada label

42. Cara menambahkan ratting pada posting blog

43. Cara membuat artikel terkait  memiliki fungsi scroll

44. Cara memasang gambar animasi do kotak feedburner

45. Cara memasang link banner dan link gambar

46. Cara memasang icon di samping judul posting

47. Cara pasang video youtube di web/blog

48. Cara membuat 3 kolom di bawah header blog

49. Cara mebuat tombol auto install widget blog

50. Cara membuat teks alert scriptsaat keluar blog

51. Cara membuat spoiler

52. Cara membuat teks berkedip/efek marque

53. Cara membuat script iklan banner

54. Cara merubah waqrna tulisan di posting blog

55. Cara ganti tulisan/font di posting blog

56. Cara membuat artikel populer di blog

57. Cara membuat navigasi horizontal/vertikal drop down menu di blog

58. Cara membuat link terbuka new tab/tab baru blog

59. Cara membuat site map /daftar isi

60. Cara membuat logo TM dll

Read More

cde warna

Kode warna yang terpilih :

Read More

Macam-Macam Sistem Operasi

acam-Macam Sistem Operasi untuk Komputer dan Handphone/PDA

Saat ini hampir semua orang pernah memakai komputer dan handphone. Nah untuk berinteraksi dengan komputer maka manusia memerlukan suatu software untuk membuat komputer dapat melakukan apa yang kita inginkan. Software yang digunakan untuk memanajemen penggunaan hardware komputer selain BIOS disebut sistem operasi.

Terdapat banyak jenis sistem operasi untuk komputer dan handphone. Marilah kita bahas satu persatu.

Sistem Operasi untuk komputer:

Read More

cara membuat spoiler

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload dulu sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi

spoiler.  

 

Read More

cara membuat teks alert script/kata penutup muncul saat keluar blog

Hallo sobat blogerz kali ini saya akan membahas bagaimana cara membuat text skrip muncul di akhir blog. singkatnya saat orang meninggalkan blog kita maka akan muncul pesan di blog kita.
Kata penutup di Blog merupakan salah satu trik dari pemilik blog atau admin untuk menyampaikan suatu pesan terima kasih kepada para pengunjungnya karena telah membuka blognya. Anda pasti sudah pahamkan maksud saya mengenai penutup blog itu.
 

Read More