Rabu, 14 Desember 2011

Menu tab view adalah menu yang bisa memuat 2-3 menu bahkan lebih dalam satu kotak ini berfungsi untuk meminimalkan halaman yang kita pakai selain itu menu ini juga bisa mempercantik tampilan pada blog kita.
Tampilan menu tab view seperti gambar di bawah ini :



Cara membuatnya sangatlah mudah hanya diperlukan ketelitian
Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 84px; /* Lebar Menu Utama Atas */
text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #999999; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #1E62B6; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FFFFFF; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #999999; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FFFFFF; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}


4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll.
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script type='text/javascript'>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;
while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
var i = 0;

do
{
if (Tab.tagName == &quot;A&quot;)
{
i++;
Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;
Tab.blur();
}
}
while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;

var Page = Pages.firstChild;
var i = 0;

do
{
if (Page.className == &#39;Page&#39;)
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;
Page.style.overflow = &quot;auto&quot;;
Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;
}
}
while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>


6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 260px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

</div>
<div class="Pages" style="width: 256px; height: 270px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>


Keterangan :
- Angka2 atau text yang berwarna biru (260px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabview tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.
Demikianlah artikel mengenai Cara Membuat Menu Tab View ( multi-triple in one menu )
Semoga Bermanfaat..

Cara Mengganti address bar

kali ini Tesa akan membahas masalah address bar atau disebut dengan favicon, Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

lalu dibarengi dengan alamat blogger kita

sudah mengerti..? kalau belum Tesa perjelas lagi, contoh gambar favicon punya Tesa : Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

kalau belum bisa membuat gambarnya ikuti langkah-langkah berikut ini :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini :



2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs



3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

Setelah itu .....
masuk ke "Tata Letak --> Edit HTML" trus tempatkan script berikut sebelum kode

</head>

<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

atau bisa juga seperti kode dibawah ini :

<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>


Ganti huruf yang berwarna merah dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di
tempat hosting gambar.
contohnya kamu mengupload gambar kamu di photobucket dan juga di imageshack sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :
  1. Login ke picasa dengan account google di http://picasaweb.google.com
  2. Tekan tombol I accept.
  3. Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.
  4. Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
  5. Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
  6. Tekan tombol browse dan arahkan pada file yang akan anda upload
  7. Tekan tombol start upload untuk menguploadnya ke dalam server picasa
  8. Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
  9. Klik kanan gambar tersebut dan pilih properties.
  10. Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
  11. Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
  12. Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
  13. Lakukan hal yang sama untuk gambar2 yang lain


atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif


"_*_SEE_YOU_*_"

Cara Membuat Buku Pengunjung

Ada berbagai macam situs yang meyediakan free buku tamu
Tapi yang menurut saya bagus dan jarang trouble yaitu shoutmix..

Untuk membuat sebuah buku tamu di blog kita harus mendaftar di www.shoutmix.com

~ daftar di shoutmix dengan mengklik tulisan sing up
~ lalu isi data-data kamu dengan benar
~ jika sudah terdaftar menjadi anggota shoutmix login dengan
Akun shoutmix kamu
~ pada kolom berjudul style pilih menu appreance
~ Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu kamu, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting
~ Untuk mendapatkan kode HTML dari shoutbox atau buku tamu anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
~ Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
~ Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
~lalu logout dari akun kamu tadi
Dan selesai kamu sekarang sudah mendapatkan kode HTML buku tamu untuk di pasang di blog

Untuk memasang kode buku tamu di blog
Yang kamu dapat dari shoutmix tadi langkah-langkahnya sebagai berikut ::::::



1. Silahkan Login dengan id kamu
2. Klik menu rancangan di dasbor
3. Klik tata letak
4. Klik tambah gadget
5. Klik HTML/JavaScript
6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu
7. Copy paste kode HTML shoutbox anda di dalam form Content
8. Klik tombol Save Changes
9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
10. Tekan tombol Save
11. Selesai

"_*_SELAMAT MENCOBA_*_"

Sabtu, 10 Desember 2011

Mengenal Microsoft Power Point

1Pendahuluan
Setelah membaca bab ini, anda diharapkan memperoleh gambaran singkat tentang PowerPoint dan membuat Presentasi serta menyuntingnya.

2 Power Point dan Presentasi
Presentasi merupakan kegiatan yang penting dalam mengkomunikasikan suatu gagasan kepada orang lain dengan berbagai tujuan, misalnya untuk menarik audiensi agar mereka membeli produk, menggunakan jasa atau untuk kepentingan lain.
Salah satu alat peraga yang dapat digunakan untuk mendukung presentasi adalah computer. Adapun salah satu perangkat lunak yang dapat dipakai adalah PowerPoint yang merupakan bagian dari Microsoft Office. Dengan menggunakan software ini seseorang dapat menuangkan ide-ide cemerlangnya dalam bentuk visual yang menarik dalam waktu yang singkat.
2.1 Fitur-fitur Power Point
PowerPoint menawarkan kemudahan-kemudahan dalam membuat bahan presentasi yang berbentuk elektronis. Pada setiap halaman presentasi atau slide dapat disisipkan komponen-komponen multimedia yang meliputi:
  • Teks
  • Gambar dan Grafik
  • Foto
  • Suara
  • Film
PowerPoint juga memungkinkan komunikasi dengan software lain, seperti Microsoft Word atau  Microsoft Excel. Seseorang bisa menyiapkan bahan presentasi melalui Word lalu memolesnya melalui Power Point, bisa juga dengan Excel dan menyisipkannya ke PowerPoint.

3 Menjalankan Power Point
Tekan tombol start di pojok kiri bawah layar monitor. Pilih Program, kemudian klik Microsoft Power Point, sehingga muncul gambar 9.1.

Penjelasan Gambar:
  1. Window sebelah kiri adalah nomor slide diawali dengan nomor1
  2. Window yang tengah tempat kita menempatkan fitur-fitur Power Point beserta formatnya (Bentuk, Background, animasi, Transisi dan sebagainya) yang disebut dengan Slide

4 Menciptakan Presentasi
Setelah anda menghadapi tampilan sebagaimana terlihat pada gambar 9.1. Anda bisa langsung membuat presentasi. Slide pertama adalah slide dengan format layout untuk Judul presentasi. Anda ketikkan langsung saja Judul dan Sub Judul pada slide yang pertama. Misalnya kita akan buat slide tentang Pengenalan Internet maka tampilan slide pertama seperti pada contoh Gambar 9.2.
Untuk menambahkan slide baru, klik tombol New Slide maka akan muncul window Office Theme yang berisi beberapa format layout slide yang dapat kita pilih. Lebih jelasnya dapat dilihat pada Gambar 9.3 berikut ini.
Ada empat jenis layout pada Office Theme yaitu:
  • Teks Layouts, yang berisi Layout khusus untuk menampilkan teks saja, terdiri dari Title Slide yaitu slide untuk judul/awal presentasi, Title Only hanya memuat judul saja, Title and Teks memuat judul dan penjelasannya, Title and 2 colom memuat judul dan pembahasan yang disajikan dalam bentuk 2 kolom.
  • Content Layouts, yang berisi Gambar, bagan, diagram dengan lima bentuk yaitu: Blank artinya kosong, Content berisi isinya saja, Title and Content untuk menampilkan judul dan Isinya, Title and two Content untuk menmpilkan judul dan dua isi yang disajikan dalam dua kolom, Title, Content and 2 Content sama dengan Title and Content hanya Content kolom kedua dipecah lagi menjadi dua baris, Titel 2 Content and Content sama dengan sebelumnya hanya yang kiri yang dipecah dua, Title and 4 Content sama dengan sebelumnya hanya kiri dan kanan masing-masing dipecah dua.
  • Text and Contents Layout
    Yaitu gabungan antara teks dengan gambar, bagan atau diagram, anda dapat memilih salah satu model yang diinginkan.
  • Other Layout
    Model Slide out yang lain, misalnya dengan clip art, media dan sebagainya. Anda dapat memilih sesuai dengan kebutuhan.
Misalnya kita akan memilih layout Title and Content, maka akan muncul tampilan seperti pada Gambar 9.3 Dan kita bisa menambahkan tulisan presentasi pada slide kedua misalnya seperti pada Gambar 9.3.
Sekarang mari kita membuat slide ketiga dengan bentuk yang berbeda, misalnya bentuk layout Title and 2 Content. Kemudian tambahkan tulisan pada slide ketiga tersebut sebagai berikut.
  1. Pada bagian Click to add title ketikkan:
    Sumber Daya di Internet
  2. Lalu klik pada judul Click to add text yang terletak sebelah kiri dan Tuliskan:
    E-mail
    Mailing list
    Newsgroup
    Web
  3. Klik pada judul Click to add text yang terletak sebelah kanan.
  4. Tuliskan
    Telnet
    FTP
    Gopher
    Chat



Hasil langkah di atas sebagai berikut:
4.1 Membuat Slide dengan gambar, clipart, tabel, grafik atau obyek lainnya
  • Klik tombol Insert New Slide kemudian pilih layout Title and Two Content.
  • Pada Title ketikkan “Arsitektur Internet”.
  • Pada Content yang pertama ketikkan:
o Dapat menghubungkan seluruh komputer di dunia
o Dapat berkomunikasi antar komputer
  • Pada Content yang kedua, jika ingin menambahkan gambar dengan cara klik picture pada content, kemudian akan muncul kotak dialog Insert Picture dan pilih file gambar yang akan dimasukkan ke silde.
  • Jika ingin menambahkan clipart, maka klik icon clipart pada slide di content 2 kemudian akan muncul kotak dialog Insert Clip Art sebagai berikut.
  • Jika ingin menambahkan grafik maka akan muncul Kotak dialog grafik seperti pada materi di Microsoft Excel.

5 Mengenal Tombol-Tombol Pengatur Pandangan.
Di bagian kanan bawah terdapat tiga buah tombol yang berguna untuk mengatur pandangan terhadap slide. Ketiga tombol tersebut diperlihatkan pada gambar berikut:
5.1 Normal View
Pada keadaan normal, pandangan inilah yang ditampilkan. Pada pandangan ini, bidang yang berisi wujud slide lebih ditonjolkan daripada bidang-bidang lainnya. Gambar 9.4 ditampilkan dalam wujud Normal View.
5.2 Slide Sorter View
Pada pandangan ini, semua slide akan ditampilkan dalam ukuran kecil dan disusun dalam format baris dan kolom.
Hal ini sangat bermanfaat untuk melihat semua slide secara sepintas. Untuk menampilkan salah satu slide, anda dapat mengklik ganda pada slide yang bersangkutan.

5.3 Slide Show View
Tombol ini berguna untuk menampilkan slide-slide yang telah dibentuk, dimulai dari slide pertama. Caranya:
  1. Aktifkan slide pertama.
  2. Klik tombol Slide Show View

     Untuk menampilkan slide berikutnya tekanlah tombol Page Down, jika slide sebelumnya tekanlah tombol Page Up. Tombol Home dapat anda gunakan untk menuju slide pertama dan End untuk menuju slide terakhir. Untuk mengakhiri presentasi tekanlah tombol Esc. Anda juga bisa mengakhiri dengan cara klik kanan mouse kemudian pilihlah End Show.

    6. Menukarkan Posisi Slide
    Untuk menukar posisi slide, pilihlah Normal View. Sebagai contoh langkah berikut digunakan untuk memindahkan slide keempat menjadi slide ketiga.
  3. Klik ikom kotak slide milik slide keempat, dan tahan. Langkah ini membuat slide keempat diblok.
  4. Geser mouse sehingga penunjuk mouse berada di atas ikon Slide milik slide ketiga.
  5. Lepaskan penekanan terhadap tombol kiri mouse, hasilnya

7. Menghapus Slide
Penghapusan slide dapat dilakukan dengan berbagai cara. Contoh berikut menunjukkan cara  penghapusan slide kelima.
  1. Klik ikon slide milik slide kelima.
  2. Tekan tombol Delete
    Slide kelima akan terhapus dari Internet.ppt.

8. Menduplikasi Slide
Adakalanya kita perlu menduplikasi suatu slide. Misalnya anda ingin membuat dua buah slide yang tampilannya serupa, tetapi isinya berbeda. Untuk menduplikasi suatu slide lakukan langkah berikut misalnya mau menduplikasi slide keempat:
  1. Klik pada ikon slide milik slide keempat
  2. Pilih menu Edit lalu klik Duplicate.

9. Menyisipkan Slide
Bila anda ingin menambahkan slide baru, tetapi bukan sebagai slide terakhir, anda dapat memilih slide yang terletak tepat sebelum slide baru disisipkan.
Contoh berikut akan menyisipkan slide baru yang akan diletakkan sebagai slide keempat.
  1. Klik ikon slide milik slide ketiga.
  2. Klik Insert New Slide
  3. Pilih Layout Slide yang dinginkan

10 Menambahkan Latar Belakang Slide
Sejauh ini anda membuat slide dengan tampilan latar belakang yang polos. Pada bab ini anda akan mempelajari berbagai cara untuk membuat latar belakang sehingga presentasi menjadi lebih menarik.
10.1 Menggunakan Template
Pemberian latar belakang pada semua slide dapat dilakukan dengan mudah, yaitu dengan menerapkan template. Anda bisa memilih salah satu dari template yang disediakan oleh PowerPoint.
Ikuti langkah-langkah berikut:
  1. Klik menu Design, kemudian pada panel theme pilih salah satu design yang kita inginkan. Untuk melihat pilihan design lainnya klik vertikal scrollbar sebelah kanan pada panel theme. Berikut adalah tampilan panel theme.
2.   Pilihlah template yang anda kehendaki misalnya Oriel, maka hasilnya adalah seperti pada Gambar 9.13 berikut ini.
10.2 Mengatur Skema Warna untuk semua Slide
Template background yang telah anda pilih bisa diganti warnanya dengan cara:
1. Klik Colors pada toolbar kiri atas kemudian pilih komposisi warna yang diinginkan.
Lebih jelasnya dapat dilihat pada Gambar 9.14 berikut ini.
2. Untuk merubah format text dapat juga menggunakan template font yang sudah
disediakan oleh Microsoft Power point. Caranya klik design kemudia klik tombol
Fonts pada bagian kanan atas. Lebih jelasnya seperti pada Gambar 9.15 berikut ini.
3. Untuk merubah format text dapat juga menggunakan template font yang sudah
disediakan oleh Microsoft Power point. Caranya klik design kemudia klik tombol
Fonts pada bagian kanan atas. Lebih jelasnya seperti pada Gambar 9.15 berikut ini.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Affiliate Network Reviews