Instal Joomla di Komputer Pribadi

Read More

Buat Daftar Isi Otomatis

Read More

Datar Isi

Read More

Membuat Formulir Di Blogspot

Read More

Membuat Formulir Di Wordpress

Read More

Membuat tombol Spoiler

Read More

Kumpulan Kode Warna

Read More

Teks melayang mengikuti kursor

Read More

Buku Tamu Melayang

Read More

Membuat Buku Tamu

Read More

Membuat Situs Penyedia Hosting Gratis

Read More

Membuat text berjalan

Read More

Membuat Link (2)

Read More

Membuat Link (1)

Read More

Memasang Tombol Facebook " Suka "

Fungsi dan kegunaan tombol ini adalah sebagai jembatan penghubung antara pengguna facebook dan halaman blog Anda, sehingga akan mudah bagi Anda berbagi konten dengan teman-teman di facebook. Semakin banyak blog Anda disukai oleh pengggemar facebook berarti semakin lebih dikenal pula blog Anda oleh pengguna facebook, dan otomatis akan sangat membantu untuk menaikan traffic dan page rank blog.
Berikut contoh tampilan tombol facebook di blog:






Tertarik bagaimana cara pasangnya, yuk perhatikan kode dibawah ini :

<iframe allowTransparency='true'
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;
+ data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Anda dapat mengatur atau mengganti teks yang berwarna dengan pilihan Anda

layout=standard menjadi layout=button_count .

show_faces=false menjadi show_faces=true

action=like menjadi action=recommend

font=arial menjadi font=lucida+grande atau font=segoe+ui atau font=tahoma atau font=trebuchet+ms atau font=verdana

colorscheme=light menjadi colorscheme=dark



Cara pemasangannya :



1.Login ke Blogger > Layout/Tata Letak > Edit HTML > Expand Widget Templates





2.Copy kode diatas dan letakan tepat dibawah kode berikut

<div class='post-header-line-1'/>

atau kalau tidak ada menemukan kode diatas bisa juga diletakan sebelum kode berikut

<data:post.body/>

Untuk memudahkan menemukan kode html yang berada diblog Anda, silahkan
tekan tombol CTRL+F dan copy kode yang ingin dicari kemudian paste-kan
didalam kotak pencarian. Saya yakin Anda pasti bisa.

Demikian sedikit banyak pengetahuan yang saya bagikan tentang bagaimana Memasang Tombol Facebook "suka" di Blog, semoga postingan ini ada manfaatnya , salam...

Read More

Membuat Menu DTree

Menu dTree adalah menu yang memiliki tampilan sangat mirip dengan tampilan menu windows explorer (lihat gambar disamping), sehingga pengunjung dapat tertarik dan lebih mudah mencari artikel karena penggunaan menu ini di jumpai di komputer masing-masing (bagi pengguna windows).


Langsung saja, bagaimana cara membuat menu dTree di blogspot? Silahkan anda ikuti langkah-langkahnya berikut ini.

1. Masuk pada halaman EDIT HTML, kemudian letakkan kode berikut di atas kode </head>

<link href="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" /><script type="text/javascript"src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>

Kemudian klik SAVE TEMPLATE.

2. Masuk pada RANCANGAN kemudian ELEMEN LAMAN setelah itu klik TAMBAH GADGET, pilihlah GADGET HTML. Setelah itu, pastekan kode berikut ini:

<div class="dtree">
<p><a href="javascript: d.openAll();">Buka Semua</a> | <a href="javascript: d.closeAll();">Tutup Semua</a></p>

<script type="text/javascript">

<!--

d = new dTree('d');

d.add(0,-1,'Belajar Elektronika');

d.add(1,0,'Dasar Dasar Listrik','#.html');

d.add(2,1,'Teori Atom',' #.html');

d.add(3,2,'Teori Atom','http://widodo-elektronika.blogspot.com/2011/07/teori-atom.html');

d.add(4,2,'Penghantar Listrik','http://widodo-elektronika.blogspot.com/2011/07/penghatar-listrik.html');

d.add(5,2,'Arus Listrik & Satuannya','http://widodo-elektronika.blogspot.com/2011/07/arus-listrik-dan-satuannya.html');

d.add(6,2,'Tegangan Listrik & Satuannya','http://widodo-elektronika.blogspot.com/2011/07/tegangan-listrik-dan-satuannya.html');

d.add(7,2,'Hambatan Listrik & Satuannya','http://widodo-elektronika.blogspot.com/2011/07/hambatan-listrik-dan-satuannya.html');

d.add(8,2,'Hukum OHM','http://widodo-elektronika.blogspot.com/2011/07/hambatan-listrik-dan-satuannya_08.html');

d.add(9,0,'Komponen Elektronika',' #.html');

d.add(10,9,'Resistor',' #.html');

d.add(11,10,'Resistor Tetap','http://widodo-elektronika.blogspot.com/2011/07/jenis-resistor-tetap.html');

d.add(12,10,'Resistor Berubah Manual','http://widodo-elektronika.blogspot.com/2011/07/12-resistor-tidak-tetap-variable.html');

d.add(13,10,'Resistor Berubah Otomatis','http://widodo-elektronika.blogspot.com/2011/07/13-resistor-berubah-otomatis-ntc-dan.html');

d.add(14,9,'Kapasitor',' #.html');

d.add(15,14,'Pengertian & Macam Kapasitor','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-pasif/kapasitor/teori-dasar-kapasitor');

d.add(16,14,'Jenis Kapasitor','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-pasif/kapasitor/membaca-nilai-resistor');

d.add(18,9,'Dioda',' #.html');

d.add(19,18,'Pengertian Dioda','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode');

d.add(20,18,'Dioda Penyearah','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/diode-penyearah');

d.add(21,18,'Dioda Zener','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/diode-zener');

d.add(22,18,'LED','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/led');

d.add(23,18,'Dioda Foto ','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/diode-foto');

d.add(24,18,'SCR','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/scr');

d.add(25,18,'DIAC','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/diac');

d.add(26,18,'TRIAC','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/triac');

d.add(27,18,'VARACTOR','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/dioda-varaktor');

d.add(28,18,'Diode Laser','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/diode/dioda-laser');

d.add(29,9,'Transisor',' #.html');

d.add(30,29,'Transistor','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/transistor');

d.add(31,29,'MOSFET','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/transistor/mosfet');

d.add(32,29,'FET','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/transistor/fet');

d.add(33,29,'IGBT','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/transistor/igbt');

d.add(34,29,'Darlington','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-aktif/transistor/darlington');


d.add(35,9,'Kumparan','#.html');

d.add(36,35,'Transformator','http://widodo-elektronika.blogspot.com/2011/07/13-resistor-berubah-otomatis-ntc-dan.html');

d.add(37,35,'Loudspeaker','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-pasif/kumparan/loudspeaker');

d.add(38,35,'Mikrofon','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-pasif/kumparan/mikrofon');

d.add(39,35,'Induktor','http://www.smpn20sby.com/index.php/komponen-elektronika/komponen-pasif/kumparan/transformator');

d.add(125,0,'<blink>Mau Bikin Menu Begini?</blink>','http://widodo-miniblog.blogspot.com/2011/07/membuat-menu-dtree.html');

document.write(d);

//-->

</script>

</div>

Jika sudah, save kemudian lihat hasilnya. Jika anda belum mengeditnya, tampilannya akan sama persis dengan milik saya. Silahkan sobat mengganti link saya kemudian ganti kata-katanya. Yang berwarna biru ada kata-kata yang saya maksud, sementara yang berwarna merah adalah link menunya, silahkan ganti sesuai keinginan. Ingin menambahkan menu (folder) baru? Insya Allah akan saya posting, soalnya agak panjang penjelasannya. Jika mengalami masalah, Anda dapat berkomentar...

Demikianlah cara membuat menu dTree di blogspot ini, bila ingin tahu demo clik disini mohon maaf atas segala kekurangan,
semoga bermanfaat :)

Read More

Membuat Menu Dropdown

Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan
berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi?Login ke blogger.com dg id Anda
Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:

- Archives - January 2007February 2007Mart 2007April 2007

Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.

Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :

1. Klik Template
2. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

&<BloggerArchives>

<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>

</BloggerArchives>

3. Nah, ganti kode di atas dg kode html di bawah ini:

<select name="archivemenu"
onchange="document.location.href=this.options[this.selectedIndex].value;">

<option selected>- Archives -</option>

<BloggerArchives>

<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

</BloggerArchives>

</select>

4. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
5. Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

1. login dulu, tentunya dengan id anda
2. klik LAYOUT
3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
4. Klik Edit pada kotak Blog Archive tadi
5. Di samping tulisan Style ada beberapa radio button, pilih radio
   button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
6. Klik Save Changes
7. Selesai

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION><option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option>
</select></form>

Sebagai contoh untuk menu Dropdown milik saya :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>- Blog Tutorial -</option>
<option value="http://widodo-miniblog.blogspot.com/2011/07/membuat-blog-di-blogspot.html">Membuat Blog</option>
<option value="http://widodo-miniblog.blogspot.com/2011/07/cara-seting-di-blogger.html">setting Blog</option>
<option value="http://widodo-miniblog.blogspot.com/2011/07/cara-menggati-template.html">Memilih Template</option>
<option value="http://widodo-miniblog.blogspot.com/2011/07/buat-costum-domain.html">Buat Costum Domain</option>
<option value="http://widodo-miniblog.blogspot.com/2011/07/cara-mengisiposting-artikel.html">Posting Artikel</option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>
<option value="http://widodo-miniblog.blogspot.com/2011/07/membuat-text-area.html">Membuat Teks Area</option>
</select></form>

 
Hasilnya akan seperti ini : 

- Blog Tutorial -Membuat Blogsetting BlogMemilih TemplateBuat Costum DomainPosting ArtikelText areaMembuat Teks Area

 Mudah bukan? Selamat mencoba !

Read More

Kumpulan Widget

WEB WIDGET merupakan sekumpulan kode yang disediakan 3rd party, dan dapat diintegrasikan (copy paste) ke dalam website Anda tanpa memerlukan kompilasi tambahan dan prosedur yang rumit. Ya, hanya dengan copy dan paste!

Beberapa istilah lain yang juga umum dipergunakan untuk menyebut web widget adalah badge, module, snippet, plugin, dan lain sebagainya. Umumnya web widget menggunakan DHTML, JavaScript, atau Flash. Fitur yang disediakan sangat beragam, dari hit counter sederhana sampai game yang cukup rumit, dapat ditampilkan dengan web widget.

Penggunaan web widget telah dimulai sejak dimulainya era Word Wide Web, walaupun pada awalnya hanya digunakan untuk hit counter dan banner iklan, tetapi web widget terus berkembang dengan pesat dan menawarkan berbagai widget yang menarik.

Umumnya, web widget saat ini digunakan oleh blogger, pengguna web social network (seperti Facebook, Friendster, dan seterusnya), juga oleh pemilik website pribadi.

Baiklah, kini saatnya kita mencoba beberapa web widget yang dapat membuat website Anda menjadi lebih menarik, tanpa Anda harus menguasai bahasa pemrograman yang rumit!

Twitter

Twitter merupakan sebuah service yang memungkinkan Anda untuk menulis pesan pada website twitter.com, Anda dapat menuliskannya melalui website twitter.com, SMS, instant messaging, atau aplikasi 3rd party yang khusus dibuat untuk mengelola pesan twitter.

Untuk apa pesan yang ditulis pada twitter? Seperti slogan twitter yang berbunyi “What are you doing?”, pesan-pesan pada twitter ditujukan pada rekan, keluarga, dan segenap koneksi Anda yang ingin mengetahui apa yang sedang Anda kerjakan, dan Anda memberitahukan mereka melalui twitter.

Pesan-pesan yang Anda tulis pada twitter, dapat Anda tampilkan ulang pada website Anda dengan menggunakan script atau web widget yang tersedia.

Untuk keperluan ini, mula-mula Anda harus melakukan registrasi pada website twitter.com, dan memilih sebuah nama atau screen name yang unik. Setelah sukses melakukan registrasi, Anda dapat mencoba menuliskan beberapa pesan yang akan terlihat tampil pada website twitter.com.

Sekarang, bagaimana caranya menghubungkan twitter dengan website Anda? Tersedia berbagai cara, salah satunya melalui website http://www.bloggerbuster.com/2008/04/add-customized-twitter-widget-to-your.html, di mana Anda dapat menampilkan twitter pada website/blog Anda dengan widget yang disediakan, komplit dengan icon yang menarik.

Setelah melewati tahap ini, pengunjung website Anda dapat membaca pesan-pesan twitter yang tertulis pada website Anda.

Pastinya Anda tidak puas sampai di sini, selanjutnya Anda pasti akan berpikir bagaimana untuk mengupdate pesan pada twitter dengan mudah.

Melalui website http://twitter.com/devices, Anda dapat mendaftarkan nomor handphone atau account Instant Messenger (yang didukung oleh twitter.com adalah melalui GTalk, LiveJournal, dan Jabber) yang memungkinkan Anda melakukan update pesan twitter melalui SMS atau instant messaging yang didukung.

Untuk meng-update twitter melalui aplikasi desktop 3rd party, Anda dapat menggunakan berbagai software seperti pwytter (http://www.pwytter.com), twitterlicious (http://www.ejecutive. co.uk/projects/twitterlicious), dan masih banyak lagi.

Alexa

Alexa.com merupakan website yang menawarkan fitur untuk menampilkan peringkat/ranking website Anda, website dengan rank 1 berarti website yang memiliki ranking paling tinggi di dunia menurut versi alexa.

Anda dapat menggunakan web widget yang disediakan oleh alexa, dengan mengunjungi situs http://www.alexa.com/site/devcorner, halaman ini menampilkan fitur-fitur untuk developer, salah satunya adalah fitur widgets. Pilih bagian widgets dan Anda akan diberikan tiga pilihan widget, yaitu Traffic Graph, Site Stats Button, dan Traffic Rank Button.

Jika Anda memilih Site Stats Button atau Traffic Rank Button, Anda hanya perlu memasukkan alamat website, maka secara otomatis alexa akan menghasilkan kode program yang dapatlangsung di-copy paste ke dalam website Anda. Hasilnya adalah informasi peringkat website Anda.

Pilihan Traffic Graph akan menampilkan statistik website dalam bentuk grafik, Anda perlu menginput alamat website, range (berkisar dari 7 hari sampai dengan maksimum), dan type (tersedia pilihan Reach, Rank, atau Page Views). Untuk Traffic Graph ini, statistik website baru akan tampil jika website Anda masuk ke dalam peringkat top 100.000.

Poll dan Survai

Poll merupakan sebuah pertanyaan singkat beserta pilihan jawaban untuk mengetahui opini umum, hasilnya dapat diketahui secara langsung. Sedangkan, survai lebih bertujuan untuk mengum pulkan data yang akan dianalisis lebih lanjut, dan bisa jadi memerlukan data seperti informasi responden, dan seren-tetan pertanyaan yang berkaitan dengan topik yang dibahas.

Baik poll maupun survai merupakan salah satu bentuk interaksi terhadap pengunjung website, tersedia web widget yang mengizinkan Anda menciptakan dan menampilkan sebuah poll/survai.

Salah satu penyedianya adalah website http://polldaddy.com. Untuk keperluan ini, Anda harus mendaftarkan diri terlebih dahulu pada website tersebut, lalu dengan beberapa langkah mudah, Anda dapat membuat poll atau survai, menciptakan pertanyaan beserta pilihan jawaban yang tersedia, dan seterusnya.

Berikutnya Anda akan mendapatkan kode program yang dapat di-copy paste langsung ke dalam website Anda.

Flickr

Bagi Anda yang menyukai fotografi, tentunya sudah tidak asing lagi dengan website flickr.com, sebuah komunitas online yang terkenal dengan penyimpanan dan sharing file foto, dan juga file berbentuk video.

Bagi Anda yang ingin menampilkan foto atau video yang berasal dari flickr pada website, maka Anda dapat memanfaatkan fitur web widget yang telah disediakan flickr. Satu-satunya syarat adalah Anda harus memiliki account flickr atau account Yahoo!. Untuk mendapatkan kode widget, mula-mula arahkan browser pada alamat http://flickr.com/badge.gne, Anda akan diminta untuk memasukkan account Anda.

Langkah berikutnya, Anda diminta untuk memilih antara HTML badge atau Flash badge (flickr menggunakan istilah badge), selanjutnya Anda diminta memilih konten gambar/video yang ingin ditampilkan.

Konten gambar/video tidak selalu berasal dari koleksi Anda, tetapi dapat juga berasal dari konten yang di-upload orang lain untuk konsumsi publik, bahkan Anda dapat menentukan tag tertentu untuk menyaring topik konten yang ditayangkan dalam widget.

Selanjutnya, Anda akan diminta menentukan kustomisasi warna background, link, dan text, lalu selesailah sudah pengaturan widget, selanjutnya akan tampil preview konten yang telah Anda tentukan beserta sederet kode yang siap diintegrasikan (copy paste) ke dalam website Anda!

Google AdSense

Google AdSense merupakan web widget popular untuk pelayanan iklan, dan dapat menghasilkan revenue bagi website Anda. AdSense menggunakan kode JavaScript yang harus Anda sisipkan pada website Anda, setelah Anda melakukan registrasi yang telah disetujui oleh Google. Keberadaan Google AdSense sering mengundang sebagian orang yang hanya ingin mengejar keuntungan semata, dan menimbulkan berbagai praktek untuk memanipulasi hasilnya.

Bagi Anda yang memang memiliki website berkualitas, tentunya tidak perlu menggunakan cara-cara yang tidak benar, sudah pasti Google AdSense akan lebih mungkin menghasilkan keuntungan bagi website dengan konten yang menarik pengunjung.

Untuk memulai Google AdSense, Anda dapat mendaftarkan website Anda pada alamat http://www.google.com/adsense dan melakukan registrasi. Google akan melakukan verifikasi dan mungkin Anda tidak akan langsung mendapatkan approval dariGoogle, tunggu hingga Anda mendapatkan instruksi lebih lanjut dan script untuk ditambahkan pada website Anda.

FeedBurner

FeedBurner merupakan penyedia manajemen web feed, yang digunakan agar pengunjung website Anda dapat mengikuti perkembangan konten melalui program Feed Reader, tanpa harus mengunjungi website untuk melihat perubahan terbaru. Untuk memasang fitur ini, kunjungi terlebih dahulu website http://www.feedburner.com, dan isikan URL website Anda, selanjutnya Anda akan diberikan pilihan untuk menggunakan Atom ataukah RSS. Ikuti terus instruksi yang meminta Anda memasukkan alamat feed, username, dan password (jika Anda belum login), FeedBurner akan menyediakan tombol Activate Feed untuk mengaktifkan alamat feed Anda.

Langkah selanjutnya adalah memasang web widget pada website Anda agar pengunjung dapat melakukan subscribe feed, caranya adalah kembali pada halaman dashboard Anda pada feedburner.com, pilih button Publicize, klik pada link friendly graphic yang akan mengarahkan Anda pada halaman Chicklet

Chooser. Di sini Anda dapat menentukan icon, dan mendapatkan kode program yang dapat di-copy paste ke dalam website Anda, atau melakukan import widget tersebut jika Anda memiliki blog pada blogger.com.

MyBlogLog

MyBlogLog (http://www.mybloglog.com) menawarkan web widget yang menampilkan blogger lain yang mengunjungi website Anda, dalam jaringan MyBlogLog. Untuk menggunakan MyBlogLog, mula-mula Anda harus melakukan registrasi pada website MyBlogLog. Jika Anda me-miliki account Yahoo!, Anda dapat menggunakannya untuk login dan menciptakan account MyBlogLog yang baru. Hal ini dimungkinkan karena MyBlogLog telah melakukan akuisisi dengan Yahoo!.

Setelah Anda memiliki account MyBlogLog, Anda dapat menambahkan berbagai widget pada URL http://www.mybloglog.com/buzz/e_widget_newwithme.php, beberapa widget yang ditawarkan adalah widget New With Me Sidebar, New With Me Full Page, About Me, dan Email Signature.

Masing-masing widget telah disertai dengan fitur kustomisasi, kode script yang siap di-copy paste, dan preview dari widget yang bersangkutan.

YouTube

Tentunya rata-rata pengguna Internet telah mengetahui website yang satu ini, bisa dikatakan bahwa YouTube mempelopori era baru pada dunia Internet dalam menciptakan komunitas sharing video.

YouTube menyediakan web widget yang memungkinkan Anda untuk menampilkan video bar pada website Anda. Caranya adalah dengan membuat account (atau login dengan account Google) pada website http://www.youtube.com. Kemudian pilih menu Community – blog, atau mengarahkan browser Anda pada URL http://www.youtube.com/blog. Klik link add a video bar, dan Anda akan diarahkan pada halaman kustomisasi untuk menampilkan video bar pada website Anda.

Kustomisasi yang dapat dilakukan antara lain adalah bentuk orientasi (vertikal atau horizontal), channel video yang dipilih, expression yang berbentuk keyword untuk melakukan penya ringan topik lebih lanjut. Kode program untuk mengintegrasikan video bar YouTube pada website Anda akan langsung tersedia pada halaman yang sama.

Shoutbox

Kalau pada web widget twitter, Anda dapat meninggalkan pesan untuk pengunjung website, maka dengan shoutbox, Anda dapat memberikan fasilitas pada pengunjung website untuk mening-galkan pesan pada halaman website Anda.

Cukup banyak web widget shoutbox (umum juga disebut tagboard, shoutout, chatbox) yang dapat Anda peroleh di Internet, salah satunya adalah ShoutMix (http://www.shoutmix.com),

Anda harus terlebih dahulu melakukan tahapan registrasi yang disediakan website ShoutMix, selanjutnya Anda akan diberikan berbagai pilihan style shoutbox yang menarik.

Setelah Anda memilih salah satu style yang Anda inginkan, Anda akan diarahkan untuk masuk ke dalam halaman control panel, di mana Anda dapat melakukan pengaturan lebih lanjut.

Untuk meletakkan shoutbox pada website Anda, mula-mula klik pada link Get codes yang terdapat pada halaman control panel, lalu pilih link Place shoutbox on webpage, dan Anda akan mendapatkan kode script yang siap untuk di-copy paste ke dalam website Anda.

Eksplorasi halaman control panel, dan Anda akan mendapatkan ShoutMix memiliki fitur-fitur gratis seperti menghapus danmelakukan blokir pesan. ShoutMix juga menyediakan akses premium untuk fitur-fitur tambahan seperti bandwidth dan storage penyimpanan pesan yang lebih besar, arsip pesan, dan lain sebagainya.

Kalender

Salah satu web widget menarik lainnya adalah web widget kalender, yang memungkinkan Anda menampilkan jadwal dan event tertentu pada website Anda. Salah satu website yang menyediakan web widget kalender adalah http://www.widgetbox.com/widget/google-calendar, web widget ini diambil dari Google Calendar, yang memungkinkan Anda untuk sharing kalender dengan pengguna lainnya.

Pada alamat URL di atas, Anda dapat melakukan kustomisasi style kalender dan mendapatkan kode script untuk diintegrasikan ke dalam website/blog Anda.

Cuaca

Menampilkan cuaca di berbagai kota melalui website Anda merupakan daya tarik tersendiri, salah satu penyedia web widget untuk keperluan ini adalah AccuWeather, yang dapat Anda akses pada alamat URL http://netweather.accuweather.com.

Pada halaman utama website tersebut, klik pada tombol Get My NetWeather, Anda akan di minta untuk menentukan konfi gurasi awal seperti tampilan unit (English atau Metric), bahasa, dan lokasi. Tahap selanjutnya Anda akan diminta menentukan ukuran widget, kategori, dan theme.

Langkah terakhir, akan tampil script yang siap untuk ditambahkan pada website Anda, terdapat pilihan script untuk Web Page Code dan MySpace Code. Gunakan MySpace Code jika Anda memiliki halaman pada MySpace, selain itu gunakan Web Page Code untuk ditambahkan secara manual pada website Anda.

Data Saham

Jika Anda seorang investor/trader, tentu sering mengamati be-berapa saham yang menjadi watch list favorit Anda. Bagaimana jika data tersebut tampil pada website Anda? Bahkan Anda dapat melihat pergerakan harganya pada saat bursa buka. Salah satu penyedianya dapat Anda temukan pada alamat URL http://www.widgetbox.com/widget/livestockquotes, di sini Anda dapat menentukan style tampilan web widget seperti warna, lebar, tinggi, dan tentunya simbol saham-saham port-folio Anda, juga disediakan pilihan apakah Anda mengizinkan pengunjung website untuk dapat berinteraksi ikut memasukkan simbol saham.

Selanjutnya, Anda dapat langsung menambahkan web widget tersebut pada halaman website, seperti Facebook, Blogspot, WordPress, TypePad, dan seterusnya dengan memilih icon website yang Anda kehendaki. Juga disediakan embed code yang siap diintegrasikan pada website Anda.

Kumpulan Web Widget

Jika Anda adalah seorang blogger dan telah membuat blog pada website yang menyediakan host dan tools untuk menciptakan blog (misalnya blogspot.com, wordpress.com, dan sebagainya) Anda juga akan menemukan berbagai web widget menarik yangtelah disediakan dan dapat Anda tambahkan sebagai elemen tambahan pada halaman blog Anda.

Terdapat keuntungan utama dari menggunakan web widget yang berasal dari host yang sama dengan website/blog Anda, yaitu website Anda tidak perlu mengambil konten dari website lain, yang berarti mengurangi beban website Anda.

Karena itu, pelajari terlebih dahulu web widget yang telah disediakan pada hosting yang Anda pergunakan, kemudian pertimbangkan web widget dari website lain jika diperlukan.

Juga terdapat website yang mengkhususkan diri menyediakan koleksi web widget dan memungkinkan Anda menciptakan web widget sendiri, misalnya ClearSpring (http://www.clearspring.com) dan WidgetBox (http://www.widgetbox.com). 7×24 jam nonstop tidak akan cukup bagi Anda untuk mencoba seluruh web widget yang tersedia pada website-website ini.

Tetap Selektif

Masih terdapat banyak variasi web widget lain yang dapat Anda peroleh di Internet, jika Anda perhatikan dari sisi bisnis Internet, maka terlihat service-service yang menarik dan mampu mengum-pulkan komunitas yang luas menjadi incaran perusahaan-perusahaan besar, sehingga terjadi akuisisi dan kerjasama.

Menggunakan web widget bisa jadi mengasyikkan, tetapi hati-hati karena web widget dapat digunakan oleh sebagian pihak untuk tujuan yang kurang baik. Salah satu contoh adalah web widget bernama Secret Crush, yang ternyata dapat menginstal malware, hal ini ditemukan oleh perusahaan Fortinet.

Seperti telah disinggung pada Google AdSense, web widget sebagai sarana marketing juga cukup marak digunakan, hal ini tidak mengherankan mengingat sedemikian banyak pengguna Internet dan luasnya jaringan yang dapat tercipta melalui website social network dan blog, tetapi penggunaan web widget marketing tetap perlu disesuaikan dengan konten Anda agar kenyamanan pengunjung tetap terjaga. Juga perhatikan isu kom-patibilitas web browser, sebaiknya lakukan uji coba web widget pada browser-browser yang popular dan umum digunakan.

Menggunakan web widget pada website Anda merupakan pekerjaan yang relatif mudah, tetapi memilih web widget seefektif mungkin untuk dipasang pada website Anda, bisa jadi merupakan pekerjaan yang lebih sulit.

Tidak semua web widget yang telah dicoba dan diketahui, harus berakhir dengan bertengger pada salah satu sudut halaman website Anda. Bisa jadi website Anda sama sekali tidak mem-butuhkan beberapa web widget, jangan merasa rugi jika tidak menggunakan web widget yang telah dicoba, karena selektif terhadap teknologi, merupakan salah satu cara untuk mengikuti teknologi.

Sumber: Majalah PC Media | Indonesia

Read More

Membuat Text Area

Apa itu text area?. Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Sebagai contoh :

<a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif" border="0" alt="Blog Tutorial" /></a>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div
align="center"><input
onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button" value="Highlight All"> </div><div
align="center"></div><p
align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px"
name="txt"
rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Sebagai contoh :

<script language="JavaScript"> function clickIE() { if (document.all) { return false; } } function clickNS(e) { if (document.layers(document.getElementById&&!document.all)) { if (e.which==2e.which==3) { 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>

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

1. <div align="center"> --> kata center
   menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">
   --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.
3. Value="Highlight All" --> kata Highlight All  adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

1. <p align="center"> -->
   ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal:
   "WIDTH:700px;"
3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <HEAD> dan </HEAD>
selamat mencoba.

Read More

Cara Mengisi/posting Artikel

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.


Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.


Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).


Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.


Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.


Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Read More

Buat Costum Domain

Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut Kolom Tutorial tuliskan cara pengaturan blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :



* Silahkan login ke blogger dengan ID anda.

* Klik Pengaturan.

pengaturan blog di blogger

* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :

menu pengaturan blog di blogspot
Dasar

Beberapa pengaturan dalam menu Dasar:

Alat Blog : Impor blog → ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.
Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog
Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.
Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya.
Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.
Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak.
Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak.
Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.
Pilih editor entri : Ini adalah pilihan untuk post editor. Editor yang diperbarui → ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama → ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan → pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.
Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.
Akhiri pengaturan menu Basic dengan klik tombol SIMPAN SETELAN.

Publikasikan

Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com.

Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. Tutorial tentang custom domain di blogger bisa anda baca pada artikel Cara Custom Domain di Blogger.


Format

Beberapa pengaturan dalam menu Format :

Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari.
Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai.
Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan.
Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog.
Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada.
Bahasa : Pilih bahasa yang dipakai untuk blog anda.
Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya.
Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah.
Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah.
Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak.
Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang.
Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN

Komentar

Beberapa pengaturan dalam menu Komentar :

Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung.
Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim → untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID → hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account → Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini → Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan.
Penempatan Formulir Komentar : Halaman penuh → halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan → Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri → kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri.
Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting.
Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat.
Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks.
Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai.
Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.
Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar.
Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan.
Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar.
Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email.
Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan

Beberapa pengaturan dalam menu Arsipkan :

Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan.
Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak.
Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs

Beberapa pengaturan dalam menu Feed Situs :

Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh.
Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya.
Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.
Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler

Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda.

Beberapa pengaturan dalam menu Email & Seluler :

Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).

Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda

alamat pengeposan via email

Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep.

Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan.

Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.
OpenID

Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.
Izin

Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.

Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.

Untuk pembahasan Cara Pengaturan Blog Di blogger sepertinya sudah cukup, apa opini anda tentang ini?

Read More

Cara Menggati Template

Sekilas tentang template blog, Template website atau blog adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.


Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger, salah satu contoh website yang menyediakan template blogger tersebut adalah beralamat di http://blogtemplate4u.com, disana terdapat ratusan template blogger yang bisa anda gunakan secara gratis. namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis.

Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :
Mengganti Template dengan Template yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:

Silahkan login ke blogger dengan ID anda.
Klik Rancangan.

rancangan
Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger.

perancang template
Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template, klik APPLY TO BLOG.

blogger template designer
Selesai.

Mengganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :

Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.
File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip.

ekstrak template
Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
Silahkan login ke blogger dengan ID anda.
Klik Rancangan.

rancangan
Klik menu Edit HTML.

edit html
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

download template lengkap

Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.

unggah template
Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET.

pertahankan-widget
Selesai.

Read More

Cara Seting di Blogger

Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut Kolom Tutorial tuliskan cara pengaturan blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :



* Silahkan login ke blogger dengan ID anda.

* Klik Pengaturan.

pengaturan blog di blogger

* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :

menu pengaturan blog di blogspot
Dasar

Beberapa pengaturan dalam menu Dasar:

Alat Blog : Impor blog → ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.
Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog
Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.
Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya.
Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.
Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak.
Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak.
Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.
Pilih editor entri : Ini adalah pilihan untuk post editor. Editor yang diperbarui → ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama → ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan → pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.
Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.
Akhiri pengaturan menu Basic dengan klik tombol SIMPAN SETELAN.

Publikasikan

Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com.

Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. Tutorial tentang custom domain di blogger bisa anda baca pada artikel Cara Custom Domain di Blogger.


Format

Beberapa pengaturan dalam menu Format :

Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari.
Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai.
Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan.
Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog.
Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada.
Bahasa : Pilih bahasa yang dipakai untuk blog anda.
Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya.
Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah.
Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah.
Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak.
Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang.
Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN

Komentar

Beberapa pengaturan dalam menu Komentar :

Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung.
Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim → untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID → hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account → Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini → Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan.
Penempatan Formulir Komentar : Halaman penuh → halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan → Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri → kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri.
Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting.
Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat.
Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks.
Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai.
Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.
Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar.
Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan.
Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar.
Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email.
Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan

Beberapa pengaturan dalam menu Arsipkan :

Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan.
Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak.
Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs

Beberapa pengaturan dalam menu Feed Situs :

Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh.
Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya.
Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.
Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler

Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda.

Beberapa pengaturan dalam menu Email & Seluler :

Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).

Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda

alamat pengeposan via email

Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep.

Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan.

Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.
OpenID

Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.
Izin

Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.

Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.

Untuk pembahasan Cara Pengaturan Blog Di blogger sepertinya sudah cukup, apa opini anda tentang ini?

Read More

Membuat Scroll

Menanggapi salah satu pertanyaan dari pembaca blog ini tentang
“bagaimana cara membuat elemen halaman yang mempunyai fungsi scroll seperti milik kang Rohman tentang Blog Tutorial untuk pemula yang ada di bagian atas blog ini?” Jawabannya boleh di bilang
sederhana, sebab untuk membuat halaman seperti itu tidaklah harus membuat kode html yang sangat banyak, melainkan hanya sedikit kode untuk membuatnya. Penasaran seperti apa kodenya, ini dia yang di maksud.
Untuk membuat halaman seperti itu, anda hanya membuat kode seperti ini :


<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman
</div>
Contoh :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<ol>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html"> Panduan membuat blog</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">Cara setting blog</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih template</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">Mengatur huruf dan warna</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Cara memposting artikel</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">buat Read more pada template klasik</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Cara membuat Text Area</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-menu-dropdown.html">Cara membuat menu dropDown</a><li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/upload-gambar-dan-foto-profile.html">cara Upload foto</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-link-1.html">Cara membuat Link(1)</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-link-2.html">Cara membuat Link(2)</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-marquee.html">Cara membuat marquee (text berjalan)</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-refresh.html">Cara membuat efek Refresh</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/kode-html-tampil-di-posting.html">Kode HTML tampil pada postingan</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/masalah-posting-artikel.html">Masalah posting artikel</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Simbol Yahoo! Emoticons</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Simbol Blogger Emoticons</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-jam-blog-di-sidebar.html">Cara Pasang jam </a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/membuat-banner-animasi.html">Cara membuat banner animasi</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-buku-tamu-di-sidebar.html">Cara membuat buku tamu</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/tutorial-html.html">HTML Tutorial</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Free Download</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/membuat-foto-animasi.html">Foto animasi</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-statistik-tarcker.html">Cara pasang Statistik &amp; Tracker</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/ie-firefox-dalam-satu-komputer.html">Perlunya IE dan FireFox</a></li>
</ol>
</div>

Maka hasilnya akan seperti ini :

1. Panduan membuat blog
2. Cara setting blog
3. Memilih template
4. Mengatur huruf dan warna
5. Cara memposting artikel
6. buat Read more pada template klasik
7. Cara membuat Text Area
8. Cara membuat menu dropDown
9. cara Upload foto
10. Cara membuat Link(1)
11. Cara membuat Link(2)
12. Cara membuat marquee (text berjalan)
13. Cara membuat efek Refresh
14. Kode HTML tampil pada postingan
15. Masalah posting artikel
16. Simbol Yahoo! Emoticons
17. Simbol Blogger Emoticons
18. Cara Pasang jam
19. Cara membuat banner animasi
20. Cara membuat buku tamu
21. HTML Tutorial
22. Free Download
23. Foto animasi
24. Cara pasang Statistik & Tracker
25. Perlunya IE dan FireFox

Sedikit saya terangkan agar sedikit jelas.
Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. Berikut adalah perintah-perintah yang di pakai :
overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
Selain kode-kode tersebut, tentu saja anda bisa menambahkan berbagai variasi sesuai dengan keinginan, misalkan backgroundnya berbentuk gambar, fontnya yang berbeda atau apa saja sesuai dengan keinginan anda.
Isi dari halaman tersebut tentu saja bukan hanya berisi link seperti yang kang Rohman contohkan, anda bisa mengisinya dengan yang anda inginkan. Misalkan tulisan biasa, gambar, iklan atau apa saja.
Saya masih bingung di mana nyimpen kode di atasss? hiksss…. seperti biasanya, anda tinggal masuk ke halaman dashbord » Rancangan » Elemen Halaman » Tambah Gadget » Pilih untuk JavaScript/HTML » Masukan kodenya » Simpan » selesai.
Selamat bereksperimen !

Read More