rangkuman TIK: Membuat Homepage Sederhana

A. Menentukan Perangkat Lunak Untuk Membuat Homepage

Beberapa hal yang harus diperhatikan dalam membuat homepage yaitu sebagai berikut ;

1. Tujuan dibuatnya homepage. Misal kita akan membuat homepage untuk semua siswa kelas 3A SMUKU.

2. Siapa yang menjadi target utama untuk melihat homepage yang kita buat. Misal yang menjadi target utama untuk melihat dan megakses adalah teman-teman di SMUKU dari kelas 1 samapai kelas 3

3. Klasifikasikan informasi yang akan ditampilkan dalam homepage

4. Hasil klasifikasi tersebut akan mewakili satu halaman homepage sedangkan hasil klasifikasi yang lain akan ditampilkan sebagai hyperlink yang akan ditampilkan pada saat pengguna mengakses link tersebut.

Terdapat 3 kriteria tools yang dapat digunakan untuk pengembangan homepage yaitu;

1. Editor HTML

Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu juga digunakan untuk menggabungkan gambar,suara dan animasi yang telah dibuat di dalam homepage. Editor HTML yang bersifat graphical user interface akan mengurangi waktu dalam penulisan sintaks. Salah satu produk microsoft sebagai editor HTML yaitu Microsoft FrontPage XP

2. Editor Graphics

editor grafis digunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Beberapa editor grafik yang sering digunakan dan populer yaitu CorelDRAW dan Adobe Photoshop. Untuk pembuatan logo gambar dari homepage yang akan dikembangkan dapat menggunakan adobe Photoshop 7.0

3. Editor Multimedia Animasi dan Suara

Editor multimedia digunakan untuk membuat animasi gambar dan suara. Editor animasi yang paling populer yaitu Macromedia Flash

B. Membuat Layout Homepage yang Diinginkan

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Beberapa layout halaman homepage tersedia di Microsoft FrontPage XP. Penggunaan layout tergantung jenis navigasi dan informasi yang akan ditampilkan dalam homepage.

Langkah-langkah untuk melihat dan memilih jenis layout yaitu sebagai berikut ;

1. Pilih tombol start-all programs-microsoft frontpage

2. Pilih menu file-new-page or web

3. Pilih page templates pada bagian new from templates

4. Akan ditampilkan kotak dialog page templates yang terdiri atas General,Frames Pages dan Style Sheets

5. Pilih jenis frame lalu tekan tombol OK

C. Menerapkan Hyperlink

Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Cukup dengan menggunakan hyperlink kita dapat menuju ke informasi yang akan kita akses pada page yang lain

Langkah-langkah membuat hyperlink menggunakan Microsoft FrontPage XP sebagai berikut ;

1. Aktifkan aplikasi Microsoft FrontPage XP,buat tulisan ‘Link ke halaman lain’ pada dokumen baru

2. Blok tulisan tadi lalu tekan tombol Ctrl+K sehingga ditampilkan kotak dialog Insert Hyperlink.

3. Kotak text to display menampilkan teks yang dijadikan link,kolom link digunakan untuk memilih link tujuan. Kotak Look In digunakan untuk memilih lokasi tujuan Link. Setelah selesai tekan tombol OK

langkah-langkah membuat hyperlink dengan tag HTML yaitu sebagai berikut ;

1. Aktifkan Microsoft FrontPage XP,buat tulisan ‘Link ke halaman lain’ pada dokumen baru

2. Letakkan kursor di depan kata ‘Link’ dan di belakang tag

pada sintaks HTML

3. Letakkan kursor di belakang kata ‘lain’ dan di depan tag

.ketikkan tag

4. Klik tab Normal di bagian bawah dokumen untuk melihat hasil akhir

D. Menerapkan Cascading Style Sheet

Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format yaitu;

1. Bentuk huruf 5. Warna Background

2. Ukuran huruf 6. Warna hyperlink

3. Format huruf 7. Format textbox

4. Warna huruf

Css yang telah tersedia dalam Microsoft FrontPage XP dapat diakses dengan menggunakan langkah-langkah berikut ;

1. Aktifkan Microsoft FrontPage XP

2. Pilih menu File-New-Page Or Web

3. Pilih page templates. Pilih tab style sheets

4. Pilih jenis style sheet lalu tekan OK

Langkah-langkah membuat CSS yang akan ditampilkan pada salah satu page HTML;

1. Aktifkan Microsoft FrontPage XP

2. Pilih menu File-new-Page Or Web

3. Pilih tab style sheets lalu pilih jenis Arcs,pilih file-save

4. Ketikkan SMUKU pada kotak File name lalu tekan save

Untuk mengaplikasikan CSS pada halaman HTML,langkah-langkahnya sebagai berikut

1. Aktifkan Microsoft FrontPage XP,pilih menu file-new-Page Or Web

2. Pilih page templates, pada kotak dialog page templates puluh tab general

3. Pilih jenis Frequently Asked Questions lalu tekan OK

4. Tampilkan sintaks HTML melalui tab Normal

5. Kita akan mengaplikasikan file ‘SMUKU.css’ pada page HTML.letakkan kursor di kiri tag lalu enter 6. Ketikan <link href="”SMUKU.css”" type="text/css" rel="stylesheet">. Link tersebut akan memberikan efek garis sederhana 7. Simpan halaman tersebut menggunakan menu file-save. Beri nama file “table_of_contents.htm”. klik tab preview <o:p> </o:p> E. Membuat Aplikasi dalam Sistem yang Terintegrasi<o:p></o:p> 1. Membuat Aplikasi Terintegrasi dengan Microsoft FrontPage Untuk membuah suatu situs diperlukan sebuah skenario yang sedrhana. Fungsi skenario tersebut untuk memandu kita dalam menentukan apa saja yang dapat dilakukan oleh suatu website. Berhasil tidaknya pembuatan sebuah homepage sangat tergantung pada skenario yang dikembangkan 2. Menentukan Directory Lokasi Kerja Directory tempat kita menyimpan file-file hasil kerja harus terorganisir. Langkah-langkah pengorganisasian directory sebagai berikut ; 1. Buat directory SMUKU pada drive C:\ 2. Dalam directory C:\SMUKU,buat directory/folder Image yang digunakan untuk menyimpan gambar-gambar yang digunakan halaman homepage 3. Buat directory/folder CSS yang akan digunakan untuk menyimpan CSS 3. Membuat Halaman pada Homepage Homepage yang akan dibuat terdiri atas empat halaman ; a. Membuat Halaman 1 1. Aktifkan Microsoft FrontPage XP,pilih menu file-new-Page Or Web 2. Pilih page templates. Pilih tab general 3. Pilih one-column Body with Contents on Left kemudian tekan OK 4. Pada page frame sebelah kiri hapus SECTION 2 sampai 4 5. Pada page frame utama yang diperoleh hapus semua tulisan dibawah “Fish Photo Caption” 6. Ganti tulisan ‘Your Heading Goes Here’ dengan “KEGIATAN SISWA” 7. Ganti “SECTION 1” dengan kegiatan “kegiatan siswa”,”Title 1” dengan “jadwal pelajaran”,”Title 2” dengan “Data siswa” dan “Title 3” dengan “Link bermanfaat” 8. Tulis “Kegiatan Siswa” lalu Enter.tulis “Kembali” dan naikkan kursor 9. Pilih menu Table-Insert-Table. Masukkan 5 pada kotak Rows dan 4 pada kotak Columns kemudian tekan OK 10. Simpan pada lokasi C:\SMUKU dengan nama file “kegiatansiswa.htm” 11. Kita akan membuat link dari navigasi yang terdapat pada frame kiri. Blok ‘kegiatan siswa’ kemudian pilih menu Insert-Hyperlink atau tekan Ctrl+K. Tentukan tujuan link yaitu file “kegiatan siswa.htm” lalu OK 12. Simpan hasil perubahan halaman 1 melalui menu file-save b. Membuat halaman 2 1. Pastikan halaman “kegiatansiswa.htm” masih terbuka 2. Pilih menu file-save as.beri nama file “jadwalpelajaran.htm”. tekan tombol Change Title utnuk mengganti page title dari DATA SISWA menjadi JADWAL PELAJARAN selanjutnya tekan save. 3. Kita hanya akan memodifikasi frame isi dan header dari halaman kegiatan siswa,ganti ‘KEGIATAN SISWA’ di frame header menjadi ‘JADWAL PELAJARAN’ dan ‘jadwal pelajaran’ pada bagian frame isi 4. Ubah isi tabel di bawah “Jadwal Pelajaran” lalu simpan kembali c. Membuat halaman 3 1. Pilih menu file-Save As dan beri nama file “datasiswa.htm” 2. Tekan tombol Change Title untuk mengganti oage title menjadi DATA SISWA lalu tekan Save 3. Ubah isi tabel lalu simpan kembali hasil perubahannya d. Membuar halaman 4 1. Pilih menu file-Save As beri nama file “linkbermanfaat.htm” 2. Tekan tombol Change Title untuk mengganti Page Title menjadi LINK BERMANFAAT. Lalu save 3. Ubah isi tabel lalu simpan kembali hasilnya <o:p> </o:p> 4. Mengaplikasikan Cascading Style Sheet 1. Copy file yang telah dibuat sebelumnya yaitu file SMUKU.css ke dalam directory C:\SMUKU\CSS. 2. Masukkan <link href="”CSS\SMUKU.css”" type="text/css" rel="stylesheet"> di antara tag <meta> dan <title> dalam setiap HTML yang dibuat 3. Simpan halaman tersebut. Kamu dapat melihat tampilan akhir dengan cara klik 2 kali file “kegiatansiswa.htm” melalui Windows Explorer. F. Membuat Grafis sesuai dengan Homepage yang Diinginkan<o:p></o:p> 1. Aktifkan Adobe Photoshop 7.0. pilih menu file –new 2. Lakukan pengaturan pada kotak dialog new alu tekan OK 3. Setelah ditampilkan lembar baru pilih Rectangle Tool. Sebelumnya pilih warna di bagian Set foreground color. Blok kotak yang menutupi seluruh halaman 4. Berikan efek texturizer dengan cara pilih menu filter-texture-texturizer. Untuk texture,pilih brick,scaling 55 dan Relief4 5. Ganti warna dengan tool set foreground color lalu OK. Klik Horizontal Type Tool untuk membuat tulisan SMUKU KELAS 3A ANGKATAN 2005 pada halaman kerja 6. Klik Move Tool sehinnga 8 titik akan ditampilkan. Jika belum,aktifkan Show Bounding Box. Geser tulisan tersebut untuk menyesuaikan ukurannya 7. Simapn gambar dengan nama logosmuku dengan format GIF dalam subfolder Image dalam folder C:\SMUKU kemudian tekan Save <o:p> </o:p> G. Mendaftarkan Alamat Domain ke Provider Web Hosting<o:p></o:p> Untuk mencari nama domain salah satunya di <a href="http://www.internic.com/">http://www.internic.com</a> dan <a href="http://www.register.com/">http://www.register.com</a>. Langkah-langkah untuk mendaftarkan alamat domain ke provider web hosting; 1. Aktifkan internet explorer lalu ketikkan <a href="http://www.register.com/">http://www.register.com</a> 2. Cari kotak pencarian lalu ketikkan nama domain yang akan kita cari lalu Go 3. Cari nama domain yang masih tersedia agar dapat digunakan <o:p> </o:p> H. Melakukan Upload<o:p></o:p> Kita akan meng-upload homepage yang kita buat sebelumnya ke Yahoo Geocities agar mudah diakses dengan langkah-langkah ; 1. Daftarkan nama sekolahsmuku sebagai user dengan cara Sign Up Now<o:p></o:p> 2. Lengkapi form,setelah proses registrasi lengkap klik link build your website now!<o:p></o:p> 3. Akan ditampilkan halaman GeoCities Control Panel,pilih menu Manage lalu klik link file manager-klik open file manager<o:p></o:p> 4. Tekan tombol Upload Files di kanan atas lalu masukkan file-file HTML yang telah dibuat dengan cara tekan tombol browse. Setelah selesai tekan tombol Upload Files. Untuk menambah file tekan tombol Add More Files<o:p></o:p> 5. Setelah selesai proses upload klik link file manager. Untuk memasukkan folder kita perlu membuat subdirectory untuk folder gambar tsb dengan cara tekan New dibawah subdirectories<o:p></o:p> 6. Beri nama subdirectory dengan nama Image lalu tekan tombol Create Subdirectory<o:p></o:p> 7. Buat subdirectory untuk menyimpan file CSS dengan cara yang sama,beri nama kemudian tekan tombol Create Subdirectory<o:p></o:p> 8. Edit file index.htm yang sudah disediakan Geocities dengan melakukan modifikasi terhadap isinya<o:p></o:p> 9. Lakukan proses pengeditan melalui editor HTML yang tersedia lalu tekan tombol Save<o:p></o:p> 10. Untuk memasukkan file gambar SMUKU.css ke dalam subdirectory image dan CSS,klik 2x subdirectory CSS kemudian lakukan upload file SMUKU.css<o:p></o:p> <o:p> </o:p> I. Memperbaiki dan Merevisi Data yang Sudah Ada<o:p></o:p> 1. Aktifkan Yahoo!Geocities dan lakukan login 2. Aktifkan GeoCities Control panel,pilih menu Manage lalu klik link file manager-klik link open file manager 3. Upload file logosmuku.gif dengan menekan tombol browse 4. Ubah gambar fish.jpg yaitu datasiswa.htm, jadwalpelajaran.htm, kegiatansiswa.htm, dan linkbermanfaat.htm dengan gambar logosmuku.gif 5. Ubah link <img src="”Fish.jpg”" width="”188”" height="”103”" /> dengan <img src="”logosmuku.gif”" width="”500”" height="”103”" />,lalu Save 6. Untuk menampilkan halaman yang sudah diubah gambarnya klik link View My Site . <o:p> </o:p> <o:p> </o:p> <o:p> </o:p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> Posted by <meta content='https://www.blogger.com/profile/02084273774987220546' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02084273774987220546' rel='author' title='author profile'> alinayeey </a> at <meta content='http://mygoodpen.blogspot.com/2009/12/membuat-homepage-sederhana.html' itemprop='url'/> <a class='timestamp-link' href='http://mygoodpen.blogspot.com/2009/12/membuat-homepage-sederhana.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-12-09T06:22:00-08:00'>6:22 AM</abbr></a> <a href='https://www.blogger.com/post-edit.g?blogID=844022435895893253&postID=8173235233223033113&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No comments:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Post a Comment</h4> <a href='https://www.blogger.com/comment/frame/844022435895893253?po=8173235233223033113&hl=en' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <a class='blog-pager-newer-link' href='http://mygoodpen.blogspot.com/2009/12/membuat-homepage-interaktif.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> <a class='blog-pager-older-link' href='http://mygoodpen.blogspot.com/2009/12/mencari-informasi-dan-berkomunikasi.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> <a class='home-link' href='http://mygoodpen.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='http://mygoodpen.blogspot.com/feeds/8173235233223033113/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Followers</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d844022435895893253\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2MzIwMzUiByNlMjU5ODQqByNGRkZGRkYyByMwMDAwMDA6ByM2MzIwMzVCByNlMjU5ODRKByMwMDAwMDBSByNlMjU5ODRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d8173235233223033113\x26origin\x3dhttp://mygoodpen.blogspot.com/"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d844022435895893253\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2MzIwMzUiByNlMjU5ODQqByNGRkZGRkYyByMwMDAwMDA6ByM2MzIwMzVCByNlMjU5ODRKByMwMDAwMDBSByNlMjU5ODRaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d8173235233223033113\x26origin\x3dhttp://mygoodpen.blogspot.com/"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> ► </a> <a class='post-count-link' href='http://mygoodpen.blogspot.com/2010/'> 2010 </a> (2) <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> ► </a> <a class='post-count-link' href='http://mygoodpen.blogspot.com/2010/05/'> May </a> (2) </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> ▼ </a> <a class='post-count-link' href='http://mygoodpen.blogspot.com/2009/'> 2009 </a> (6) <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> ▼ </a> <a class='post-count-link' href='http://mygoodpen.blogspot.com/2009/12/'> December </a> (5) <ul class='posts'> <li><a href='http://mygoodpen.blogspot.com/2009/12/membuat-homepage-interaktif.html'>Membuat Homepage Interaktif</a></li> <li><a href='http://mygoodpen.blogspot.com/2009/12/membuat-homepage-sederhana.html'>Membuat Homepage Sederhana</a></li> <li><a href='http://mygoodpen.blogspot.com/2009/12/mencari-informasi-dan-berkomunikasi.html'>Mencari Informasi dan Berkomunikasi Melalui Internet</a></li> <li><a href='http://mygoodpen.blogspot.com/2009/12/menggunakan-e-mail-untuk-komunikasi.html'>Menggunakan E-mail untuk Komunikasi</a></li> <li><a href='http://mygoodpen.blogspot.com/2009/12/menggunakan-internet-untuk-memperoleh.html'>Menggunakan Internet Untuk Memperoleh Informasi</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> ► </a> <a class='post-count-link' href='http://mygoodpen.blogspot.com/2009/11/'> November </a> (1) </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>About Me</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/02084273774987220546'><img alt='My photo' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMMvKskzcIBw6VWsxXhea8H-yObUVwRK52JFPpRnTjNjfMXMwuJ79uXy4ZprqATpAamMn7vjKE_LLeOSyUxVTBv7RvTV-NAwmu_jaETVQimL8jl587mFD7-5FYBmXN73U/s220/040420092653.jpg' width='60'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/02084273774987220546' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> alinayeey </a> </dt> <dd class='profile-textblock'>spidergirl! (by :bedon)</dd> </dl> <a class='profile-link' href='https://www.blogger.com/profile/02084273774987220546' rel='author'>View my complete profile</a> <div class='clear'></div> </div> </div></div> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div>  <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1807328581-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY7V6E-PdU9miYCkIVOt2t7ob0bx4A:1714089322299';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d844022435895893253','//mygoodpen.blogspot.com/2009/12/membuat-homepage-sederhana.html','844022435895893253'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '844022435895893253', 'title': 'rangkuman TIK', 'url': 'http://mygoodpen.blogspot.com/2009/12/membuat-homepage-sederhana.html', 'canonicalUrl': 'http://mygoodpen.blogspot.com/2009/12/membuat-homepage-sederhana.html', 'homepageUrl': 'http://mygoodpen.blogspot.com/', 'searchUrl': 'http://mygoodpen.blogspot.com/search', 'canonicalHomepageUrl': 'http://mygoodpen.blogspot.com/', 'blogspotFaviconUrl': 'http://mygoodpen.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22rangkuman TIK - Atom\x22 href\x3d\x22http://mygoodpen.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22rangkuman TIK - RSS\x22 href\x3d\x22http://mygoodpen.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22rangkuman TIK - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/844022435895893253/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22rangkuman TIK - Atom\x22 href\x3d\x22http://mygoodpen.blogspot.com/feeds/8173235233223033113/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/111cb1309c0430aa', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '8173235233223033113', 'postImageUrl': '\u201dFish.jpg\u201d', 'pageName': 'Membuat Homepage Sederhana', 'pageTitle': 'rangkuman TIK: Membuat Homepage Sederhana'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Membuat Homepage Sederhana', 'description': ' A. Menentukan Perangkat Lunak Untuk Membuat Homepage Beberapa hal yang harus diperhatikan dalam membuat homepage yaitu sebagai beri...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uGjmUu3luujYVQTmHj5vjiyWaMZ1y3bV9JRWOJubL3yCS789Sy9aCfU_trtIzHmSMv24HX9Yo', 'url': 'http://mygoodpen.blogspot.com/2009/12/membuat-homepage-sederhana.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8173235233223033113}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>

rangkuman TIK

Wednesday, December 9, 2009

Membuat Homepage Sederhana