cara menginstal windows

<span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Instal ulang bisa membuat performa laptop seperti baru kembali. Hal ini penting saat laptop terserang malware atau virus. Terkadang sistem error juga membutuhkan Anda untuk melakukan instal ulang. Menginstal ulang laptop sebenarnya bisa dilakukan sendiri dan tidak perlu menggunakan jasa servis komputer. Sebelum instal ulang laptop dilakukan, sebaiknya Anda memperhatikan hal berikut:</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><strong style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Persiapan</strong><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Untuk proses instal ulang, Anda tidak bisa mendadak melakukan instal ulang. Banyak persiapan yang harus dipenuhi terlebih dahulu sebelum memulai instal ulang. Hal seperti </span><em style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">backup</em><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">, membuat catatan serial number, dan juga mempersiapkan driver.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><strong style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Langkah pertama: Backup file penting</strong><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Saat proses instal ulang, semua file bisa terpengaruh bahkan terhapus. Keputusan instal ulang yang bagus juga melibatkan menghapus bersih semua file yang ada di harddisk lebih dulu. Untuk memastikan file Anda masih bisa diakses lagi, lakukan backup file terlebih dahulu.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Hal yang paling mudah untuk melakukan ini adalah membuat kopi dari dokumen dan file yang tidak ingin hilang. Anda bisa menggunakan USB flash drive atau harddisk eksternal. Cara lainnya adalah dengan menggunakan media penyimpanan cloud. Anda dapat mengupload semua file yang ingin disimpan ke media penyimpanan cloud dan mendownloadnya ke laptop setelah instal ulang selesai. Contoh media penyimpanan cloud adalah Google Drive.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><strong style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Langkah kedua: Menyimpan serial number</strong><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Hampir program yang Anda instal di laptop memiliki serial number. Terutama pada program berbayar. Serial number ini penting untuk nantinya mengembalikan program untuk digunakan setelah proses instal ulang laptop selesai.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Anda mungkin tidak perlu melakukan backup file programnya, tapi serial number ini lebih penting. Beberapa program bisa di-download installer-nya tapi jika tanpa serial number, program tidak akan bisa diakses. Untuk memastikan serial number Anda aman, Anda bisa mencatat secara manual atau menggunakan tool seperti Belarc Advisor. Tool ini akan melakukan scan untuk semua program yang Anda gunakan di laptop dan mendaftarkan semua serial numbernya. Program ini free alias gratis. Jadi Anda tinggal download, instal dan gunakan.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><strong style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Langkah ketiga: Mempersiapkan driver</strong><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Agar hardware laptop dapat berjalan baik, tentu driver akan diperlukan. Hal ini sebetulnya sudah tidak diperlukan di Windows 10 karena fitur otomatis mendeteksi hardware dan menginstal drivernya. Namun, bagi Anda yang tidak memiliki Windows 10 atau akses internet lancar, hal ini wajib dilakukan.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Untuk mendapatkan driver, Anda bisa cari dulu di Internet atau copy dari teman. Beberapa tempat servis juga menyediakan layanan instal driver. Download semua driver ini bisa memakan waktu. Tapi paling tidak, Anda tidak perlu takut laptop tidak berfungsi karena tidak ada drivernya.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><strong style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Proses Instal Ulang Laptop</strong><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><img alt="" src="https://www.homecredit.co.id/HCID/media/images/Blog/instal-ulang-windows-7-paling-mudah.jpg" style="background-color: white; border: 0px; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px; height: auto; margin-bottom: 40px; margin-top: 10px; max-width: 100%; vertical-align: middle;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Setelah semua persiapan selesai, sekarang waktunya mengetahui langkah dan cara instal ulang laptop Anda. Sebetulnya ada 2 cara yang bisa dipilih. Cara pertama adalah reset laptop ke new state. Pilihan ini hanya ada di Windows 10. Fitur ini akan menghapus semua file dalam laptop kecuali hal – hal yang sudah ada dalam pengaturan awal dari pabrik.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Pilihan kedua adalah dengan melakukan format manual. Hal ini sedikit lebih rumit dibandingkan pilihan pertama, tapi dijamin lebih bersih dalam menghapus file. Agar tidak terjadi kesalahan, ikuti langkah – langkah dari masing – masing pilihan berikut dengan seksama:</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><strong style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Pilihan 1: Instal Ulang dengan Reset ke New State</strong><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Nah, untuk memulai proses reset ke new state, ikuti langkah berikut:</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br /> <ul style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px; list-style: none; margin-bottom: 20px; margin-top: 0px; padding-left: 20px;"> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Masuk ke menu “Start” dan klik ikon roda gigi. Setelah itu Anda akan masuk ke menu “Setting”.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Di menu ini cari pilihan “Update & Security”</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Di dalam menu ini klik tulisan “Recovery”</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Setelah klik, Anda akan diberi pilihan “Reset this PC” dan “Advance start-up”</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Klik tombol “Get started” pada “Reset this PC”</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Jendela pilihan akan muncul untuk melakukan reset bersih dengan menghapus semua file kecuali Windows atau dengan mengamankan file personal. Untuk pilihan kedua, file yang terhapus adalah program, aplikasi dan file – file yang berhubungan dengan itu. Jadi dokumen, foto dan video pribadi Anda tetap aman.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Klik sesuai keinginan instal ulang Anda. Instruksi dari Windows akan muncul dan Anda tinggal ikuti hal tersebut.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Reset ke “New State” ini biasanya membutuhkan waktu lama tergantung dari besar file yang harus dibersihkan. Setelah proses selesai, kondisi laptop akan kembali seperti saat Anda pertama kali membeli dan menyalakan laptop ini.</li> </ul> <span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><strong style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Pilihan 2: Instal Ulang dengan Format Manual</strong><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Cara ini biasanya yang paling umum digunakan untuk instal ulang laptop. Selain bisa digunakan oleh OS selain Windows 10, cara ini membuat file yang terinfeksi malware dan virus bisa ikut terhapus. Menyisakan file hanya akan membuat penyebaran malware berulang.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Sebelum memulai cara ini, Anda harus memiliki file installer Windows 10 dalam bentuk disc atau CD beserta serial numbernya. Jika sudah ada, sekarang waktunya bersih – bersih file! Proses bersih – bersih ini akan lebih baik jika Anda menggunakan program pembersih seperti DBAN. DBAN (Darik Boot And Nuke) adalah program yang akan membersihkan semua file sampai benar – benar bersih dari harddisk. Anda cukup download gratis dan burn file ini di CD.</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Nah, setelah siap, masukan CD ke laptop dan lakukan boot. Untuk melakukan proses boot ikuti langkah berikut</span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br /> <ul style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px; list-style: none; margin-bottom: 20px; margin-top: 0px; padding-left: 20px;"> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Restart laptop. Di tengah proses boot-up, klik Esc, F1, F2, F8, atau F10. Tombol ini tergantung dari jenis laptop Anda.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Pilihan akan muncul dan pilih masuk ke “Bios setup”.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Di dalam menu bios, masuk ke “Boot tab”.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Buat highlight boot berada di pilihan CD-Drive</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Save dan keluar.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Sekarang proses boot akan membaca CD DBAN dan bisa digunakan untuk menghapus file di laptop. Untuk langkahnya adalah sebagai berikut</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Klik enter untuk membuka DBAN</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Saat menu DBAN muncul, klik [J] dan [K] untuk memilih drive yang ingin Anda hapus.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Pilih driver dengan menekan Spacebar pada keyboard</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Setelah semua selesai dipilih, klik F10 untuk memulai proses menghapus.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Saat proses berjalan, kamu tidak bisa menghentikannya. Pastikan juga saat proses berjalan laptop di-charge agar tidak kehabisan battery karena proses bisa berjalan lama.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Setelah proses selesai, laptop Anda sekarang kosong. Sekarang waktunya instal ulang laptop dengan file Windows yang telah disiapkan sebelumnya. Untuk caranya ikuti langkah berikut</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Memasukan CD Windows yang sudah disiapkan sebelumnya.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Laptop akan mendeteksi CD ini dan menjalankan boot up untuk CD tersebut.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Langkah – langkah instal Windows akan muncul dan kamu cukup mengikuti instruksi yang ada.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Di langkah terakhir sebelum instal, Anda biasanya diminta untuk menulis serial number untuk Windows Anda. Masukan serial numbernya dan proses instalasi akan berjalan.</li> <li style="box-sizing: border-box; line-height: 1.5; margin-bottom: 5px; text-indent: -17px;">Tunggu sampai proses instal selesai dan laptop Anda sudah siap dalam kondisi seperti baru.</li> </ul> <span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;"> </span><br style="background-color: white; box-sizing: border-box; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;" /><span style="background-color: white; color: #414042; font-family: "Roboto Light V2", sans-serif; font-size: 20px;">Semoga artikel ini dapat membantu Anda melakukan instal ulang laptop sendiri. Selamat mencoba!</span>

cara menginstal windows

Instal ulang bisa membuat performa laptop seperti baru kembali. Hal ini penting saat laptop terserang malware atau virus. Terkadang sistem e...

Baca selengkapnya »

cara menginstal Adobe photoshop cs3 di windows 10

<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 18px; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal; margin: 0px; position: relative;"> cara menginstal Adobe Photoshop CS3</h3> <div class="post-header" style="background-color: white; color: #999999; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.5px; line-height: 1.6; margin: 0px 0px 1.5em;"> <div class="post-header-line-1"> </div> </div> <div class="post-body entry-content" id="post-body-5040854538483468847" itemprop="description articleBody" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.85px; line-height: 1.4; position: relative; width: 578px;"> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> <span style="font-size: medium;">Cara menginstal Adobe Photoshop CS3.</span></div> <div> <span style="font-size: medium;"> </span></div> <div> <m:smallfrac m:val="off"><m:narylim m:val="undOvr"></m:narylim></m:smallfrac></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 1.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Pertama, buka file Adobe Photoshop CS3.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirELtatCGIb5PNYMSMx8LmGIkL3_DQKF7ndh00JQ9QhyphenhyphenLtsudju75r5EFRQ-xh328r7iUJ2rBWUYb8U_TOM6f0vVyqQ2USgeXZRlpCq3zjvSp0-PvtsUPO64JtcXJYgTbfmWWfEH67ke4/s1600/1.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirELtatCGIb5PNYMSMx8LmGIkL3_DQKF7ndh00JQ9QhyphenhyphenLtsudju75r5EFRQ-xh328r7iUJ2rBWUYb8U_TOM6f0vVyqQ2USgeXZRlpCq3zjvSp0-PvtsUPO64JtcXJYgTbfmWWfEH67ke4/s320/1.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 2.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Kemudian, pilih setup aplikasi untuk menginstal Adobe photoshop CS3</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpAPaymvXhFdLRqOmm-tAdxwfm3pa9SecQLcqkxoXtnXIseLRdZqcuafdTKnTZdf7BwsPtY-PezF67sbLgGHw6JynP07Wt1esJiwMJp2NPwu5dZ9lhmgELor1JoqFdWXJS_3aKafLES2U/s1600/2.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><br /></a></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8KHIXpNK8hgyGlmNCCrMazs-kE0U648QAtQlgxoyYv0zXZIltOO3yjguYiP9OGtIHa8cfCD8gUnZ24Gq9RRKp09hsCfMJSxabDpV46WTiDZ93nKf5ZBvG0BARkN4IyzpG3lL58wXjOw/s1600/2.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8KHIXpNK8hgyGlmNCCrMazs-kE0U648QAtQlgxoyYv0zXZIltOO3yjguYiP9OGtIHa8cfCD8gUnZ24Gq9RRKp09hsCfMJSxabDpV46WTiDZ93nKf5ZBvG0BARkN4IyzpG3lL58wXjOw/s320/2.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 3.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Tunggu sesaat.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgymQTRSu9bCEl4d9U_5y6apvhRqCraCDeaA7tDouWuhdEk60KOePldta9sjtq4L6FO4T80OPeGp67CWdQV822_V1NR4IDkgGhtKdRHjC2Nh5-KJhS939pyZZsDSaw_xUxRx7n5FeaA7FU/s1600/3.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgymQTRSu9bCEl4d9U_5y6apvhRqCraCDeaA7tDouWuhdEk60KOePldta9sjtq4L6FO4T80OPeGp67CWdQV822_V1NR4IDkgGhtKdRHjC2Nh5-KJhS939pyZZsDSaw_xUxRx7n5FeaA7FU/s320/3.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 4.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Atur bahasa yang anda gunakan, lalu pilih Accept</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWGKSUOHPSTR2ixwOfM9CWQBUrNzf9zTWFE29UiioI7ChnOAp6tufDxoIOTt6fbU4Zf47TRMtRJlcQm5NeECO6gjwmMr3yfleJU6P1GKBoZggYuluSCKuVPPc8thpi5Os8SrphWZsHh5I/s1600/4.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWGKSUOHPSTR2ixwOfM9CWQBUrNzf9zTWFE29UiioI7ChnOAp6tufDxoIOTt6fbU4Zf47TRMtRJlcQm5NeECO6gjwmMr3yfleJU6P1GKBoZggYuluSCKuVPPc8thpi5Os8SrphWZsHh5I/s320/4.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 5.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Pilih lokasi penginstalan yang anda inginkan, lalu pilih Next</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2oM3dZZDG0bgYyczelIWYKY28YHfHxecOBpRV2WRq7IZPxmzgme6nLjG3jc9ZlJy_aAisdc0FMOcvEEKApNCFLV-iire5Cfxx2Ig0DjJp07R-1H-J3yA9HhNP_-GP7vGTRDVRkl5B17k/s1600/5.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2oM3dZZDG0bgYyczelIWYKY28YHfHxecOBpRV2WRq7IZPxmzgme6nLjG3jc9ZlJy_aAisdc0FMOcvEEKApNCFLV-iire5Cfxx2Ig0DjJp07R-1H-J3yA9HhNP_-GP7vGTRDVRkl5B17k/s320/5.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 6.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Setelah itu, pilih Instal</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhFmm4fsQLnODpwDhZ16xjFLbMz8dH8q04_cfibzzrW4JHQV1Y6_GNkeyV7I7xBMHBh8VsCrdxQrU4gJa3fi3ol_JhMvVYn55ksMTPXzonM1KZQ6tqyGTKK8SDsRfkQPpe6xKe9XLvgE/s1600/6.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhFmm4fsQLnODpwDhZ16xjFLbMz8dH8q04_cfibzzrW4JHQV1Y6_GNkeyV7I7xBMHBh8VsCrdxQrU4gJa3fi3ol_JhMvVYn55ksMTPXzonM1KZQ6tqyGTKK8SDsRfkQPpe6xKe9XLvgE/s320/6.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 7.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Tuggu proses instalisasinya selesai</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGU6NTNTM38MfZgw7iWGwEzgIeAkqGGNtJrHq3OiZz_brkRe6Q9yUrTnGWrBcuLzJ8fWrJAn1QG4rOvAhLwin9QOKK057pDv22PGyPmg1jRbI4tCisJdZstUgAajnFeucH7gVv71IaqEY/s1600/7.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGU6NTNTM38MfZgw7iWGwEzgIeAkqGGNtJrHq3OiZz_brkRe6Q9yUrTnGWrBcuLzJ8fWrJAn1QG4rOvAhLwin9QOKK057pDv22PGyPmg1jRbI4tCisJdZstUgAajnFeucH7gVv71IaqEY/s320/7.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 8.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Setelah instalasi selesai, pilih Finish</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlcG-i-CzjAIaIIGFwKsIUolPm37G1sGo3Jua9oGvk4Fzp2i4rgYyTqDv1_kwpBKfMAzMfPKbvDH8FhP5EAc1Mv8HBPWNIndDuKX4UEOvLG_oY4mVXEpjok92Ubmic3Coxp9SYbCm8i0Q/s1600/8.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlcG-i-CzjAIaIIGFwKsIUolPm37G1sGo3Jua9oGvk4Fzp2i4rgYyTqDv1_kwpBKfMAzMfPKbvDH8FhP5EAc1Mv8HBPWNIndDuKX4UEOvLG_oY4mVXEpjok92Ubmic3Coxp9SYbCm8i0Q/s320/8.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraphCxSpFirst" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 36pt; text-indent: -18pt;"> 9.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">       </span>Saat kita buka Adobe potoshopnya, kita disuruh pilihan untuk memilih;</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt; text-indent: -18pt;"> -<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">          </span>I have a serial number  for this product.</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt;"> Jika kita memilih ini, kita dapat memasukkan serial number dengan meCrack file induknya. Dengan cara seperti dibawah ini.</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt; text-indent: -18pt;"> -<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">          </span>I want to try Adobe Photoshop CS3 free for 30 days.</div> <div class="MsoListParagraphCxSpLast" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 54pt;"> Jika kita memilih ini, kita dapat menggunakan Adobe photoshop tersebut selama 30 hari saja.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQb_wfdSIBkYy3efXkDa3iq3xi6ViitPuW5AOq6DjW3vXxoHTlsbXNWAL77opNZatr0QSphU5lhu0W5a5wkOVdkGAsBpXa95A2nlfeSbP53gxvsDAxHF96BgvTN2ud23rDnFSRbnKxzpg/s1600/9.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQb_wfdSIBkYy3efXkDa3iq3xi6ViitPuW5AOq6DjW3vXxoHTlsbXNWAL77opNZatr0QSphU5lhu0W5a5wkOVdkGAsBpXa95A2nlfeSbP53gxvsDAxHF96BgvTN2ud23rDnFSRbnKxzpg/s320/9.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 10.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Untuk menCrack file Adobe Photoshop CS3 tersebut,  buka File induk , kemudian pilih file crack<o:p></o:p></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7TAk1f6_myfquebpzAPQYb1DWzp5yi2zx1QfR2A-kTBwuSn9vAWs4u7Auz2bcX54qAvKHReUSHBJZRZ5C9HjKXDt61QzhMEHh67MUPrQOISbf8D45bbbWnKZ_YW8OZPMndc9lmxWDiHg/s1600/10.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7TAk1f6_myfquebpzAPQYb1DWzp5yi2zx1QfR2A-kTBwuSn9vAWs4u7Auz2bcX54qAvKHReUSHBJZRZ5C9HjKXDt61QzhMEHh67MUPrQOISbf8D45bbbWnKZ_YW8OZPMndc9lmxWDiHg/s320/10.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 11.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>kemudian, copy icon aplikasi Photoshop</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglGb7ohrwxnI1_0GqzlUoeFPxciaKIIHmdgVB1SVeyvlIECin2lWCKeXkcaN9reqNYp23weIA823CZoRcFC6_BDXVI7ezKmAoPb6jHqrs4AwNRJuWlJzHVYH97-iEjGRTwz860TUbveIE/s1600/11.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglGb7ohrwxnI1_0GqzlUoeFPxciaKIIHmdgVB1SVeyvlIECin2lWCKeXkcaN9reqNYp23weIA823CZoRcFC6_BDXVI7ezKmAoPb6jHqrs4AwNRJuWlJzHVYH97-iEjGRTwz860TUbveIE/s320/11.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 12.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Setelah di copy datanya tadi, buka Disk C  yang kita instal tadi. Lalu puluh folder Program file</div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg923Glh4iaOkO-NtQJk37qjF-sbYbw2w2BtGd3uNNGR0wJSeov93Yme5YOxmMTOmJVQBPYrVzbqwTk-e5JyDIOSxMXRMvZXH7COXgHiX06QTbUH6T4zVBdQaj1blGrXLiOptqSmsulFaY/s1600/12.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg923Glh4iaOkO-NtQJk37qjF-sbYbw2w2BtGd3uNNGR0wJSeov93Yme5YOxmMTOmJVQBPYrVzbqwTk-e5JyDIOSxMXRMvZXH7COXgHiX06QTbUH6T4zVBdQaj1blGrXLiOptqSmsulFaY/s320/12.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 13.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Lalu pilih folder  Adobe.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ7ACUQq_tC95t8sB4K4hAopw1BiaKu-DArYQQQFZEjdLF1nvbwHJarkaicsZ9oGSOnuKyXzwK6rZ4L4LEHTuDXEAALMG9h12Iaub7hsZIm8Kfa7OskgdVwGkw5o233vKoybwYWMY2NBs/s1600/13.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ7ACUQq_tC95t8sB4K4hAopw1BiaKu-DArYQQQFZEjdLF1nvbwHJarkaicsZ9oGSOnuKyXzwK6rZ4L4LEHTuDXEAALMG9h12Iaub7hsZIm8Kfa7OskgdVwGkw5o233vKoybwYWMY2NBs/s320/13.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 14.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Kemudian pilih lagi folder Adobe Photoshop CS3</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkA31dc3CAQNbFayUumnj6fhzNBXeboFALMBcban3mrAw7b2zrz6USgvmVldPNOgHIXizhb4MyQjWtNKkJo_bH9kCFB8m2UBDxHZJCxECrqtEppNiHotKOGGZYhzPDCB5Xsw3McYIvaug/s1600/14.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkA31dc3CAQNbFayUumnj6fhzNBXeboFALMBcban3mrAw7b2zrz6USgvmVldPNOgHIXizhb4MyQjWtNKkJo_bH9kCFB8m2UBDxHZJCxECrqtEppNiHotKOGGZYhzPDCB5Xsw3McYIvaug/s320/14.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 15.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Lalu kita Paste pada folder tersebut.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-91VA3kKxDDG1KBwjfaF7QjKN8Fb8dO4aYF-CV0IiZbgnnsbgPsIjVdF7PWHtdi7jhcykj229PbLgjVqVGJtrIHZPN6rOaPHkgm_bcgALF9UmMp5biHPM-cWYgrZ1HZpIuTTZDPje7U/s1600/15.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-91VA3kKxDDG1KBwjfaF7QjKN8Fb8dO4aYF-CV0IiZbgnnsbgPsIjVdF7PWHtdi7jhcykj229PbLgjVqVGJtrIHZPN6rOaPHkgm_bcgALF9UmMp5biHPM-cWYgrZ1HZpIuTTZDPje7U/s320/15.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraphCxSpFirst" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 36pt; text-indent: -18pt;"> 16.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Ada pilihan dalam pengopian tersebut.</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt; text-indent: -18pt;"> -<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">          </span>Copy and replace</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt;"> Kita menyalin data dan kita mengganti file yang sama dan yang sudah ada sebelumnya.</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt; text-indent: -18pt;"> -<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">          </span>Don’t copy</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt;"> Jangan mengnyalin data</div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 54pt; text-indent: -18pt;"> -<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">          </span>Copy, but keep both files</div> <div class="MsoListParagraphCxSpLast" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 54pt;"> Kita menyalin data, tetapi kita tidak mengganti dan merubah data yang sudah ada sebelumnya</div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKq5D4zGwaifJfQ7LHsugnZzW47KOlXpNjHjFmCbpmHifMZ1S_1Wh_eAhIqc3tDMhDFbjs8vEuMOF4L_sVRiyOv9XYOhGMEd6bNRlM6K0y-g12HXy-94E122xnmYkAeMQxYmHYRYkdZng/s1600/16.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKq5D4zGwaifJfQ7LHsugnZzW47KOlXpNjHjFmCbpmHifMZ1S_1Wh_eAhIqc3tDMhDFbjs8vEuMOF4L_sVRiyOv9XYOhGMEd6bNRlM6K0y-g12HXy-94E122xnmYkAeMQxYmHYRYkdZng/s320/16.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraph" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 17.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Jika kita memilih Copy and replace, kemudian kita pilih continue</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIaSZkBisQ29DJT47dBCQwgDCScM65w7k0ABfUXSVmyoOI6ZtH4q1Cak51Iw7pkhFs3n2MiN7tI0THcOxPOXqqINcYjLSWtXyQoAjQWMTCYp_Jme7bsjbvSrpYyfcbLOaPDZ8JOA9cBYk/s1600/17.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIaSZkBisQ29DJT47dBCQwgDCScM65w7k0ABfUXSVmyoOI6ZtH4q1Cak51Iw7pkhFs3n2MiN7tI0THcOxPOXqqINcYjLSWtXyQoAjQWMTCYp_Jme7bsjbvSrpYyfcbLOaPDZ8JOA9cBYk/s320/17.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="MsoListParagraphCxSpFirst" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 36pt; text-indent: -18pt;"> 18.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Kemudian buka icon Adobe Photoshop</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWy-gvJre3wwTj5zuIm-i3YlnReyeY-VlvM05JmJ7BYsERh4KT3q4-fXsXBL0rUEZOFWN_bLOEk4GLw3z0NiW6xEQG_NxS5Vl14icx9vFqtemFtwGRaG29B_Mj320gwES0ra-94xGYuO0/s1600/18.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWy-gvJre3wwTj5zuIm-i3YlnReyeY-VlvM05JmJ7BYsERh4KT3q4-fXsXBL0rUEZOFWN_bLOEk4GLw3z0NiW6xEQG_NxS5Vl14icx9vFqtemFtwGRaG29B_Mj320gwES0ra-94xGYuO0/s320/18.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 36pt;"> <br /></div> <div class="MsoListParagraphCxSpMiddle" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 0.0001pt 36pt;"> <br /></div> <div class="MsoListParagraphCxSpLast" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt 36pt; text-indent: -18pt;"> 19.<span style="font-family: "Times New Roman"; font-size: 7pt; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: normal;">   </span>Adobe Photoshop siap digunakan</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDErIjmbV3oYs3eMbAtPG-5wJjt6D_H9R6Nr8AiqRh_JhWr2AbqKUOi5_rQihinwEQZmioewzFm77l8PNRocQXUXdVOKEC_CaxF98FgxFUm8jLnkUgo2UWhWliC4AUjrSu4C89AErX17Q/s1600/19.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDErIjmbV3oYs3eMbAtPG-5wJjt6D_H9R6Nr8AiqRh_JhWr2AbqKUOi5_rQihinwEQZmioewzFm77l8PNRocQXUXdVOKEC_CaxF98FgxFUm8jLnkUgo2UWhWliC4AUjrSu4C89AErX17Q/s320/19.jpg" style="border: none; position: relative;" width="320" /></a></div> <div class="MsoNormal" style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 16.8667px; margin: 0cm 0cm 10pt;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlo1UzMBDn0AJxhl2iFRC_j-nzGf636uoOWTlwnB0mrfkE1hUN7oIWlaJvSbbN4sIfs4LDhc39FdHpn923ZlCYXhWvSYgzB7y41TZCPYjZ0Z5FDMtoM5xNtqDuzknCU5wBsLf6H1PTtVY/s1600/20.jpg" imageanchor="1" style="color: #6699cc; margin-left: 1em; margin-right: 1em; text-decoration-line: none;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlo1UzMBDn0AJxhl2iFRC_j-nzGf636uoOWTlwnB0mrfkE1hUN7oIWlaJvSbbN4sIfs4LDhc39FdHpn923ZlCYXhWvSYgzB7y41TZCPYjZ0Z5FDMtoM5xNtqDuzknCU5wBsLf6H1PTtVY/s320/20.jpg" style="border: none; position: relative;" width="320" /></a></div> <div> <br /></div> </div>

cara menginstal Adobe photoshop cs3 di windows 10

cara menginstal Adobe Photoshop CS3 Cara menginstal Adobe Photoshop CS3.   1.         Pertama, buka file Adobe Photoshop CS3...

Baca selengkapnya »

cara membuat template di blogger

<h2 class="post-title entry-title" itemprop="name" style="background: rgb(255, 255, 255); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; font-family: Roboto, sans-serif; font-size: 23.04px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> Cara Membuat Template Blog Blogger Sendiri Mulai Dari Nol</h2> <div class="post-footer" style="background: rgb(255, 255, 255); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #999999; font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; font-size: 12px; height: auto; letter-spacing: 0.1em; line-height: 1.4em; margin: 3px 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> <div class="info-artikel" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; clear: both; height: auto; margin: 0px; outline: 0px; overflow: hidden; padding: 3px 0px; vertical-align: baseline;"> <span class="post-info-icon admin" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6k4_WmG0ninAwdGE1NRWgqRejqvXpTu41p9cArBDfl99LPXbT_sB6tgmqmgqIqaHxch84exo0yMDTvMkQr5Oj8L0HSSW-707P7VfnkOI-78fBvrBBI7r-27mRmFT55smEyBHCFVb6Uvp7/s1600/meta-icon.png") 0px 1px no-repeat transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; display: inline-block; float: left; height: 16px; margin: 0px 12px 0px 0px; outline: 0px; padding: 0px 0px 0px 17px; vertical-align: baseline;"><span class="vcard" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Admin</span></span><span class="post-info-icon jam" style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6k4_WmG0ninAwdGE1NRWgqRejqvXpTu41p9cArBDfl99LPXbT_sB6tgmqmgqIqaHxch84exo0yMDTvMkQr5Oj8L0HSSW-707P7VfnkOI-78fBvrBBI7r-27mRmFT55smEyBHCFVb6Uvp7/s1600/meta-icon.png") 0px -98px no-repeat transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; display: inline-block; float: left; height: 16px; margin: 0px 12px 0px 0px; outline: 0px; padding: 0px 0px 0px 17px; vertical-align: baseline;"><abbr class="updated published" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" title="2017-05-23T16:54:00+07:00">Tuesday, May 23, 2017</abbr></span></div> </div> <div class="post-header" style="background: rgb(255, 255, 255); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-family: Roboto, sans-serif; font-size: 16px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> <div class="post-header-line-1" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </div> </div> <div class="post-body entry-content" id="post-body-6050462898730835930" itemprop="articleBody" style="background: rgb(255, 255, 255); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-family: Roboto, sans-serif; font-size: 19px; height: auto; line-height: 1.6em; margin: 0px 3px; outline: 0px; overflow-wrap: break-word; padding: 6px 0px 20px; text-align: justify; vertical-align: baseline;"> <div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <ins class="adsbygoogle" data-ad-client="ca-pub-5155240730518907" data-ad-slot="2246424873" data-adsbygoogle-status="done" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; display: inline-block; height: 280px; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline; width: 336px;"><ins id="aswift_0_expand" style="background: transparent; border: none; display: inline-table; height: 280px; margin: 0px; outline: 0px; padding: 0px; position: relative; text-decoration-line: none; vertical-align: baseline; visibility: visible; width: 336px;"><ins id="aswift_0_anchor" style="background: transparent; border: none; display: block; height: 280px; margin: 0px; outline: 0px; padding: 0px; position: relative; text-decoration-line: none; vertical-align: baseline; visibility: visible; width: 336px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="280" hspace="0" id="aswift_0" marginheight="0" marginwidth="0" name="aswift_0" scrolling="no" style="background: transparent; border-style: initial; border-width: 0px; height: 280px; left: 0px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 336px;" vspace="0" width="336"></iframe></ins></ins></ins></div> <div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Bjkf48d_yZ1DaD3eIj0Kx1kawzNz6rlFT-BVHyHYUpg8or1CEhOKhsvl_wFqA47XpBExwgYwiY4gGpzKrvQbM3e-U7LAOCNDWMFqFzNvhwso0GTNno48TXYnxLlQaAoYlbg9ke2iHvcL/s1600/cara-membuat-template-blog-sendiri.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br />Selamat datang di blog <a href="https://duarupa.blogspot.co.id/" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank">Dua Rupa</a>, Blogger!<br /><br />Sebelum memulai, saya ingin menginformasikan kepada Anda bahwa sebenarnya template blog dengan platform Blogger sudah tersedia banyak sekali di internet.<br /><br />Kalau tidak percaya, coba saja lakukan pencarian dengan kata kunci "template blogger" di Google.<br /><br />Anda akan menemukan ribuan template blogger dengan desain dan fitur yang berbeda satu sama lain, yang bisa Anda dapatkan baik secara gratis maupun berbayar.<br /><br />Jika sudah ada sekian banyak template blog yang bertebaran di internet dan bahkan dapat diperoleh secara gratis, lalu mengapa harus susah-susah belajar membuat template blog sendiri? Bukankah akan lebih praktis jika kita menggunakan template yang sudah ada saja?<br /><br />Benar sekali bahwa menggunakan template blog buatan orang lain memang merupakan langkah yang cepat dan praktis. Kita juga tidak perlu susah-susah belajar coding yang tentu sangat menyita waktu.<a href="https://www.blogger.com/u/1/null" name="more" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></a><br /><br />Tetapi sobat Blogger, saya ingin sedikit cerita pengalaman saya yang sudah mengenal Blogger sejak tahun 2008. Dibandingkan menggunakan template blog orang lain, saya lebih nyaman dan lebih konsisten melakukan update posting ketika menggunakan template blog yang saya buat sendiri.<br /><br />Pada awal mengenal Blogger, saya juga hanya bisa menggunakan template blog buatan orang lain.<br /><br />Seiring berjalannya waktu, saya sangat senang melakukan modifikasi desain dan fitur template blog orang lain untuk memenuhi kriteria blog yang saya butuhkan.<br /><br />Hingga akhirnya sampai saat ini bisa dibilang saya telah berhasil membuat template blog sendiri mulai dari nol.<br /><br />Jika dihitung mulai sejak awal pertama kali saya mengenal Blogger, sudah hampir 9 tahun saya menjadi seorang Blogger. Selama 9 tahun itu pula saya belajar memodifikasi template blogger secara otodidak (sendiri) dengan sumber tutorial saya cari di Google.<br /><br />Belajar secara otodidak memang akan memberikan Anda pengalaman yang luar biasa, tetapi mungkin akan menghabiskan lebih banyak waktu. Belajar kepada seseorang yang memiliki keahlian dan pengalaman akan membuat Anda paham dengan lebih efektif.<br /><br />Pada kesempatan ini, izinkan saya untuk membagikan pengalaman selama 9 tahun belajar memodifikasi template blogger saya ini dalam bentuk panduan membuat template blog Blogger sendiri dari awal.<br /><br />Merupakan suatu kebanggaan tersendiri bagi saya ketika Anda telah berhasil membuat template blog Blogger karya Anda sendiri karena mengikuti panduan yang saya tulis ini.<br /><br /><h2 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; font-size: 27.36px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> Cara Membuat Template Blog Blogger Sendiri Mulai Dari Nol</h2> <br />Template blog merupakan jantung sebuah blog. Ia mengatur desain dan fitur yang dimiliki sebuah blog. Dalam panduan ini, kita akan belajar membuat template blog dengan kriteria minimal sebagai berikut :<br /><br /><ul> <li>Memiliki desain yang mudah diatur</li> <li>Mudah menambah dan mengurangi fitur</li> <li>Ringan, fast loading</li> <li>Tampilan responsive pada berbagai ukuran layar</li> <li>Valid HTML5</li> <li>SEO Friendly</li> </ul> <br />Template blog memiliki struktur yang kompleks, sehingga untuk dapat memahami tiap bagian dengan baik, saya telah membagi panduan membuat template blog sendiri ini menjadi beberapa serial.<br /><br />Jika Anda benar-benar pemula dalam dunia Blogger, saya sarankan Anda untuk melanjutkan membaca artikel ini sampai selesai dulu, baru kemudian mulai melanjutkan membaca serial berikut :<br /><br /><table style="background: transparent; border-bottom-width: 0px; border-collapse: collapse; border-left-width: 0px; border-spacing: 0px; border-top-width: 0px; font-size: 19px; height: auto; margin: 0px auto; max-width: 90%; outline: 0px; padding: 0px; vertical-align: baseline;"><tbody style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><th style="background: rgb(66, 133, 244); border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">No</th><th style="background: rgb(66, 133, 244); border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">Serial</th><th style="background: rgb(66, 133, 244); border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">Pemahaman</th></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">1.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;"><a href="https://duarupa.blogspot.co.id/2017/05/cara-membuat-template-blog-sendiri.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank">Pemahaman Dasar</a></td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">5%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">2.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;"><a href="https://duarupa.blogspot.co.id/2017/05/membuat-blog-ringan-valid-html5-seo-friendly.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank">Membuat Blog Ringan, Valid HTML5, dan SEO Friendly</a></td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">10%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">3.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;"><a href="https://duarupa.blogspot.co.id/2017/05/struktur-dasar-template-blog.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank">Struktur Dasar Template Blog</a></td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">20%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">4.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;"><a href="https://duarupa.blogspot.co.id/2017/05/cara-membuat-menu-navigasi-blog.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;" target="_blank">Menu Navigasi</a></td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">30%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">5.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;">Desain Header</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">40%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">6.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;">Desain Posting</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">50%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">7.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;">Desain Kolom Komentar</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">60%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">8.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;">Desain Sidebar</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">70%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">9.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;">Desain Footer</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">80%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">10.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;">Kustomisasi Font</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">90%</td></tr> <tr style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">11.</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; vertical-align: baseline;">Responsive Template</td><td style="background: transparent; border: 1px solid rgb(204, 204, 204); height: auto; margin: 0px; outline: 0px; padding: 0px 0.5em; text-align: center; vertical-align: baseline;">100%</td></tr> </tbody></table> <br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> Sekilas Tentang Blogger</h3> <br />Blogger merupakan sebuah layanan blog-publishing yang dirintis oleh Pyra Labs pada tahun 1999, dan dibeli oleh Google pada tahun 2003.<br /><br />Semua blog dengan platform Blogger secara default dihosting pada subdomain blogspot.com, namun bisa di-upgrade menjadi top level domain (seperti www.duarupa.com).<br /><br />Server penyimpanan data berupa gambar, video, dan script dihosting pada server Google, dan dapat langsung diunggah melalui Blogger. Data yang dihosting pada server luar atau pribadi tetap dapat dimuat dan ditampilkan pada blog dengan platform Blogger.<br /><br />Untuk melihat source code (kode sumber) template blog Blogger dapat dilakukan dengan masuk ke Template Editor. Caranya pada Dashboard Blogger, pilih Theme, kemudian pilih Edit HTML.<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCni6IOVh2u5OXq9TycX8eeA5YNAkEde1ow1R2pStNgtMuebG2S7cpQncHdcQ0La1H_f_4FzMaaXcKa9NK0uD7IP5ZS_zPvStfpf5xMsagivjh1Nag3SnIE9Yzm5_KvuIw4RyxTUSqNOOX/s1600/cara-membuat-template-blog.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br />Di dalam kotak Template Editor ini Anda dapat melakukan modifikasi template blog Anda.<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRB6q4DtCoERMzBtH_EWUaVBWEzS1Ek3UWoCTJlVLhE6woXVfJpwVYH6kcNq09IljKmIYJk0-0oCR2TUWXwTKQgcTEiQ6yMwtS0QImCYTLhJCPcBWZv1s0Ajk3l2GGeqPg5sqwwTMD9PbJ/s1600/source-code-template-blog.PNG" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> XML</h3> <br />Blog dengan platform Blogger dibangun menggunakan XML. XML (Extensible Markup Language) adalah bahasa markup (manipulasi) untuk keperluan umum yang disarankan oleh W3C (World Wide Web Consortium) untuk membuat dokumen markup untuk keperluan pertukaran data antar sistem yang beraneka ragam.<br /><br />Jadi dokumen yang dibuat menggunakan XML dapat dijalankan pada multi-platform OS seperti Windows, Linux, Macintosh, Android, dan lain-lain.<br /><br />Berikut adalah 2 baris script paling atas pada template blogger yang menunjukkan bahwa template tersebut dibangun menggunakan XML.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?xml version=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"1.0"</span> encoding=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"UTF-8"</span> ?></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="doctype" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: magenta; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><!DOCTYPE html></span></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2.</div> </pre> <br />XML sendiri berfungsi mendefinisikan syntax penulisan kode-kode bahasa pemrograman menjadi tidak standar, yang dapat kita tentukan sendiri. Contohnya :<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><penulis></span>Nama Penulis Blog<span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></penulis></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1.</div> </pre> <br />Fungsi "penulis" disini merupakan fungsi yang kita definisikan sendiri, yang mana jika dipanggil akan menampilkan nilai berupa Nama Penulis Blog.<br /><br />XML hanya sebatas melakukan pendefinisian fungsi saja, untuk menampilkan fungsi tersebut harus dilakukan pemanggilan menggunakan bahasa pemrograman lain.<br /><br />Pemanggilan fungsi XML dalam template blogger dilakukan menggunakan HTML. Selain itu fungsi XML juga dapat diatur tampilannya menggunakan CSS.<br /><br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> CSS</h3> <br />Pada dasarnya sebuah template blogger tersusun dari kumpulan fungsi-fungsi XML. CSS (Cascading Style Sheets) berfungsi untuk mengatur desain atau tampilan fungsi-fungsi tersebut.<br /><br />Di dalam CSS tampilan (style) template blog didefinisikan dalam bentuk nilai yang diapit dalam kurung kurawa "{...}" atau bracket.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;">•CSS_id <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">style-CSS-satu</span>:nilaipertama;<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">style-CSS-dua</span>:nilaikedua;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1.</div> </pre> <br />Berikut ini adalah 3 cara penulisan CSS :<br /><br /><ol> <li><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;">table <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <span class="comment" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #999999; font-style: italic; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// tanpa awalan apapun</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">100</span>%; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">10</span>px; <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4.</div> </pre> Yang pertama penulisan tanpa awalan tag apapun sebelum CSS table. Penulisan seperti ini akan mengatur tampilan semua tabel yang dibuat menggunakan fungsi <table>.<br /></li> <li><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="selector" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#keren</span><span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <span class="comment" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #999999; font-style: italic; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// dengan hashtag</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">100</span>%; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">10</span>px; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>:red; <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5.</div> </pre> Yang kedua adalah penulisan CSS diawali dengan tagar (tanda pagar) "#" atau hashtag. CSS seperti ini dapat dipanggil dengan menyisipkan tag id pada fungsi. Contoh pemanggilannya :<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><table id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"keren"</span>></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></table></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1.</div> </pre> Tagar biasanya digunakan untuk menandai bagian-bagian utama template blog.<br /></li> <li><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="selector" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.keren</span><span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <span class="comment" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #999999; font-style: italic; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// dengan dot</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">100</span>%; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">10</span>px; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>:red; <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5.</div> </pre> Yang terakhir penulisan CSS yang diawali tanda titik "." atau dot, dapat dipanggil dengan menyisipkan tag class pada fungsi. Contoh pemanggilannya :<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><table class=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"keren"</span>></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></table></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1.</div> </pre> Tanda titik ini biasanya digunakan untuk menandai elemen-elemen di dalam bagian-bagian utama template blog.</li> </ol> <br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> HTML</h3> <br />Secara umum HTML berfungsi untuk menampilkan fungsi-fungsi yang telah didefinisikan sebelumnya oleh XML.<br /><br />Struktur HTML sendiri terdiri dari 2 bagian yaitu bagian head (kepala) dan body (tubuh).<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><HTML></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></span> <span class="comment" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #999999; font-style: italic; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// untuk meta, javascript, CSS</span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><body></span> <span class="comment" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #999999; font-style: italic; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">// untuk memanggil fungsi yang telah didefinisikan pada bagian head</span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></HTML></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5. 6. 7. 8.</div> </pre> <br />Bagian head ini berisi pendeklarasian fungsi seperti meta, javascript, dan CSS. Fungsi-fungsi ini hanya disimpan saja dalam memori head, belum ditampilkan.<br /><br />Untuk menampilkan fungsi-fungsi di dalam memori head, dilakukan pemanggilan terhadap fungsi-fungsi tersebut pada bagian body.<br /><br />Contoh HTML di bawah ini menyimpan CSS wrapper pada bagian head dan dipanggil pada bagian body untuk ditampilkan.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 69px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><HTML></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></span> <span class="selector" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#wrapper</span> <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#fff</span>; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">width</span>: <span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">90</span>%; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">padding</span>: <span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">20</span>px;<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">20</span>px<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><div id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'wrapper'</span>></span> isi konten <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></div></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></HTML></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.</div> </pre> <br /><h2 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #3094db; font-size: 27.36px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> Membuat Template Blog Sendiri Mulai Dari Nol</h2> <br />Sekarang kita akan langsung praktek. Sebaiknya Anda mengikuti tutorial di bawah sambil mempraktekkannya. Buatlah blog baru yang khusus digunakan untuk belajar, jangan gunakan blog utama Anda.<br /><br />Silahkan hapus seluruh kode template Anda sebelumnya dengan cara seleksi semua kode (Ctrl+A), kemudian tekan Delete atau Backspace untuk menghapusnya.<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqi6jJrgPGxZFvQ82b26IjI2vlCNpSqDwwGHkLoVy2Ndp82K-FwwFhiGaOhkgQLrAeT4qRD0BAJX9QQL3ZRgNRosdvjbV4gWcLtFZhfDox55iggZWVmyrVT2SjV4_a24c3z4i5qR16Puse/s1600/cara-membuat-template-blog-2.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> Membuat Struktur XML dan HTML</h3> <br />Silahkan copy dan paste kode di bawah ini ke dalam Template Editor, kemudian pilih Save Theme untuk menyimpannya.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?xml version=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"1.0"</span> encoding=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"UTF-8"</span> ?></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="doctype" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: magenta; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><!DOCTYPE html></span></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><HTML></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></HTML></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5. 6. 7. 8.</div> </pre> <br />Apa yang terjadi? Error!<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNvf-MJauLnzhUUqaorR6mQ-0ab5-JQE5TrlBw3_Z-V7mr5hX9fmBQQV_vu4-JVf4SSJrGnXgmhJ5lzzK-iL2kT8QmiZmrTH2iARLZLX8qbXYXUe1A14s9eL2fflYByBHgHUEo395K8nUD/s1600/cara-membuat-template-blog-3.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br />There should be one and only one <b style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">skin</b> in the theme, and we found: 0<br /><br />Perhatikan kata skin yang saya cetak tebal. Jika diterjemahkan artinya kulit, tetapi dalam kasus ini berarti tampilan. Anda tahu kan siapa yang bertanggung jawab mengatur tampilan?<br /><br />Error di atas muncul karena kita belum mengatur tampilan blog kita. CSS berperan sebagai pengatur tampilan. Jadi solusi untuk error di atas tentu saja adalah dengan menambahkan CSS.<br /><br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> Menambahkan CSS</h3> <br />Secara default CSS diletakkan di antara tag b:skin dan penutupnya.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span><!<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span>CDATA<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span> <span class="comment" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #999999; font-style: italic; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/*CSS di sini...*/</span> <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span><span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span>><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3.</div> </pre> <br />Sekarang coba letakkan CSS berikut pada bagian head, kemudian coba simpan.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 69px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?xml version=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"1.0"</span> encoding=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"UTF-8"</span> ?></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="doctype" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: magenta; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><!DOCTYPE html></span></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><HTML></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span><!<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span>CDATA<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span> body <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#cab894</span>;<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-position</span>: center center;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a</span>:link <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-family</span>: <span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: green; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'PT Serif Caption'</span>, serif; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-size</span>: <span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15</span>px; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#3094db</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a</span>:hover <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#4d4544</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> a <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#3094db</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span><span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span>><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></HTML></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.</div> </pre> <br />Apa yang terjadi? Error lagi!<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> </div> <br />We did not find any <b style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">section</b> in your theme. A theme must have at least one b:section tag.<br /><br />Perhatikan kata section yang tercetak tebal. Error di atas muncul karena kita belum menampilkan apapun di dalam blog kita. CSS di atas hanya disimpan di dalam memori head, belum ditampilkan.<br /><br />Ingat bahwa untuk menampilkan suatu fungsi, maka fungsi tersebut harus dipanggil terlebih dahulu. Untuk memanggil fungsi salah satunya dilakukan menggunakan tag b:section.<br /><br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> Memanggil Bagian Posting</h3> <br />Contoh tag b:section untuk menampilkan bagian posting.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:section class=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'main'</span> id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'main'</span>></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:widget id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Blog1'</span> locked=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'true'</span> title=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Posting Blog'</span> type=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Blog'</span>></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:widget></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:section></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3.</div> </pre> <br />Sekarang masukkan tag b:section untuk postingan pada bagian body kemudian simpan.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 69px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?xml version=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"1.0"</span> encoding=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"UTF-8"</span> ?></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="doctype" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: magenta; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><!DOCTYPE html></span></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><HTML></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span><!<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span>CDATA<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span> body <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#cab894</span>;<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-position</span>: center center;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a</span>:link <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-family</span>: <span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: green; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'PT Serif Caption'</span>, serif; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-size</span>: <span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15</span>px; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#3094db</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a</span>:hover <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#4d4544</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> a <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#3094db</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span><span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span>><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:section class=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'main'</span> id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'main'</span>></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:widget id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Blog1'</span> locked=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'true'</span> title=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Posting Blog'</span> type=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Blog'</span>></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:widget></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:section></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></HTML></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17.</div> </pre> <br />Berhasil! Kali ini tidak ada error yang muncul.<br /><br />Sekarang coba lihat tampilan blog Anda dengan memilih View Blog.<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ5p9WjTm8jAUe0lpRBYUvcVuEQbwaCey17UcoRr4yNN5euQ5WjzzMVZcq4eaV8XBVsAB6pt45DNsDE04fg12e0G78cprq4n4ICFiVQKrc5UfpcioeyQtqBgDJgxnxtZhNB1RURdUsx85s/s1600/cara-membuat-template-blog-5.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br />Seharusnya tampilan sementara blog Anda akan seperti gambar di bawah ini.<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NYTNu_FKbPkIOh8Ww2qeiGTUiOQzCJKZS5k1336ox6npFSI3BBBUBWW4WsoUScvnnaM7por9KK6qW66u60B-EFgnEZYBFoO9OqWsTRqnHClAMo_-xMtMaPljqJaAiGXopO-lYw6Rpxf4/s1600/cara-membuat-template-blog-6.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br />Perhatikan bagian tab browser yang Anda gunakan untuk membuka blog Anda. Di situ tertera alamat blog Anda, bukan? Padahal seharusnya judul blog.<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK0XCHmrihc7jo2PBi3OQfPNINZvIBvjlW5aJV2iYp37Hve_xHGEA6giSlPTluF-xfBy2m2RUHCYVtqx0pzvGQBYJForUnJn-zxjbEh2tLCrS_v7WGZbJZSvkZ6psXXhPvWpw4Cv_6pSV5/s1600/cara-membuat-template-blog-7.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br /><h3 style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #444444; font-size: 23.56px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> Menambah Tag Title</h3> <br />Cara membuat judul blog kita muncul pada tab browser adalah dengan menyisipkan tag title berikut.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 61px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><title></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">data</span>:blog<span class="selector" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.title</span>/></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></title></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1.</div> </pre> <br />Masukkan tag title ke bagian head, kemudian simpan.<br /><br /><pre style="background: rgb(254, 254, 254); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: #006699; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px !important; font-stretch: normal !important; font-variant-east-asian: normal !important; font-variant-numeric: normal !important; height: auto; line-height: 1.5em !important; margin-bottom: 1em; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 0px 10px 0px 69px; position: relative; vertical-align: baseline;"><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><?xml version=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"1.0"</span> encoding=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"UTF-8"</span> ?></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="doctype" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: magenta; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><!DOCTYPE html></span></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><HTML></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><title></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">data</span>:blog<span class="selector" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.title</span>/></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></title></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span><!<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span>CDATA<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span> body <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#cab894</span>;<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-position</span>: center center;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a</span>:link <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-family</span>: <span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: green; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'PT Serif Caption'</span>, serif; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-size</span>: <span class="num" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15</span>px; <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#3094db</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">a</span>:hover <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#4d4544</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> a <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkorange; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span>: <span class="hex" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkviolet; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#3094db</span>;<span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span><span class="bracket" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: darkblue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span>><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:skin></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></head></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:section class=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'main'</span> id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'main'</span>></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:widget id=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Blog1'</span> locked=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'true'</span> title=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Posting Blog'</span> type=<span class="str" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: brown; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Blog'</span>></span><span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:widget></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></<span class="attribute" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">b</span>:section></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></body></span> <span class="tag" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: blue; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></HTML></span><div class="the-num" style="background: rgb(241, 241, 241); border-right-color: rgb(108, 226, 108); border-right-style: solid; border-width: 0px 3px 0px 0px; bottom: 0px; color: #999999; height: auto; left: 0px; margin: 0px; outline: 0px; padding: 0px 10px 0px 18px; position: absolute; top: 0px; vertical-align: baseline;"> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.</div> </pre> <br />Lihat kembali blog Anda, harusnya sudah seperti gambar di bawah ini.<br /><br /><div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <img alt="cara membuat template blog sendiri" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNyc1wJJ-3pp7bV5qpUKgwZHnFpffuyec9BflGS4Ln0adHc2ciKErb4NGI1xWyjjLx4S53LW4lozUyeuJBd0uR3Y5vNGWDDonhFY_fL0hth0VZQlhDIrx_p6ZDb8X88_wqbz39dcwDG2H4/s1600/cara-membuat-template-blog-8.png" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></div> <br /><span style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: white; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Penggunaan tag b:skin ternyata telah diatur untuk memuat CSS dasar (bundle.css) yang dihosting di blogger.com (tidak ditanam langsung pada Template Editor), yang menyebabkan bertambah lamanya waktu loading blog.</span><br /><br />Sampai disini apakah Anda sudah siap untuk membuat template blog Anda sendiri? Jika sudah silahkan lanjutkan membaca serial kedua panduan membuat template blog sendiri berikut : Membuat Blog yang Ringan, Valid HTML5, dan SEO Friendly.<br /><br />Selamat, Anda baru saja menyelesaikan serial pertama dari 11 serial panduan membuat template blog sendiri. Pemahaman Anda sudah mencapai 5%.<br /><br /><div style="background: transparent; border: 5px solid rgb(0, 0, 0); height: 30px; margin: 0px 5px 0px 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 709.875px;"> <div style="background: rgb(234, 67, 53); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; float: left; height: 30px; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline; width: 35.4844px;"> <b style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">5%</b></div> </div> <div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; height: auto; margin: 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <ins class="adsbygoogle" data-ad-client="ca-pub-5155240730518907" data-ad-slot="2246424873" data-adsbygoogle-status="done" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; display: inline-block; height: 280px; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline; width: 336px;"><ins id="aswift_1_expand" style="background: transparent; border: none; display: inline-table; height: 280px; margin: 0px; outline: 0px; padding: 0px; position: relative; text-decoration-line: none; vertical-align: baseline; visibility: visible; width: 336px;"><ins id="aswift_1_anchor" style="background: transparent; border: none; display: block; height: 280px; margin: 0px; outline: 0px; padding: 0px; position: relative; text-decoration-line: none; vertical-align: baseline; visibility: visible; width: 336px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="280" hspace="0" id="aswift_1" marginheight="0" marginwidth="0" name="aswift_1" scrolling="no" style="background: transparent; border-style: initial; border-width: 0px; height: 280px; left: 0px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 336px;" vspace="0" width="336"></iframe></ins></ins></ins></div> <div style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; clear: both; height: auto; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </div> </div> <div class="related-post" id="related-post" style="background: none rgb(255, 255, 255); border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; font-family: Roboto, sans-serif; font-size: 16px; height: auto; margin: 2px 0px; outline: 0px; padding: 0px 0px 15px; vertical-align: baseline; width: 723.047px;"> <h5 style="background: transparent; border-bottom: 5px solid rgb(75, 75, 75); border-left-width: 0px; border-top-width: 0px; color: #aaaaaa; font-size: 18px; height: auto; line-height: 1.2em; margin: 0px 0px 10px; outline: 0px; padding: 2px 0px; text-transform: uppercase; vertical-align: baseline;"> ARTIKEL TERKAIT :</h5> <ul style="list-style: none; margin: 0px; padding: 0px;"> <li style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5n4fmTgVmwOizDHNiKcqxCg90TLgUtkRVUCIYxSdDkRD9cmpANY7M-BphD6adamU1rUJECiv58tH_4F0dCImKMV05B2ehh5tcHLQDINPxFTfGD9LMXljTrB9hTt2x9Q9oMft24JnWADX/s1600/arrow_state_grey_right.png") 0px 3px no-repeat rgb(66, 133, 244); line-height: 1.6em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px !important; margin-top: 0px; padding: 0px 0px 3px 15px;"><a href="https://duarupa.blogspot.com/2017/05/struktur-dasar-template-blog.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: white; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Membuat Struktur Dasar Template Blog Blogger</a></li> <li style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5n4fmTgVmwOizDHNiKcqxCg90TLgUtkRVUCIYxSdDkRD9cmpANY7M-BphD6adamU1rUJECiv58tH_4F0dCImKMV05B2ehh5tcHLQDINPxFTfGD9LMXljTrB9hTt2x9Q9oMft24JnWADX/s1600/arrow_state_grey_right.png") 0px 3px no-repeat rgb(234, 67, 53); line-height: 1.6em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px !important; margin-top: 0px; padding: 0px 0px 3px 15px;"><a href="https://duarupa.blogspot.com/2017/05/membuat-blog-ringan-valid-html5-seo-friendly.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: white; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Cara Membuat Blog yang Ringan, Valid HTML5, dan SEO Friendly</a></li> <li style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5n4fmTgVmwOizDHNiKcqxCg90TLgUtkRVUCIYxSdDkRD9cmpANY7M-BphD6adamU1rUJECiv58tH_4F0dCImKMV05B2ehh5tcHLQDINPxFTfGD9LMXljTrB9hTt2x9Q9oMft24JnWADX/s1600/arrow_state_grey_right.png") 0px 3px no-repeat rgb(251, 188, 5); line-height: 1.6em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px !important; margin-top: 0px; padding: 0px 0px 3px 15px;"><a href="https://duarupa.blogspot.com/2017/05/cara-membuat-template-blog-sendiri.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: white; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Cara Membuat Template Blog Blogger Sendiri Mulai Dari Nol</a></li> <li style="background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5n4fmTgVmwOizDHNiKcqxCg90TLgUtkRVUCIYxSdDkRD9cmpANY7M-BphD6adamU1rUJECiv58tH_4F0dCImKMV05B2ehh5tcHLQDINPxFTfGD9LMXljTrB9hTt2x9Q9oMft24JnWADX/s1600/arrow_state_grey_right.png") 0px 3px no-repeat rgb(52, 168, 83); line-height: 1.6em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px !important; margin-top: 0px; padding: 0px 0px 3px 15px;"><a href="https://duarupa.blogspot.com/2017/05/cara-membuat-menu-navigasi-blog.html" style="background: transparent; border-bottom-width: 0px; border-left-width: 0px; border-top-width: 0px; color: white; height: auto; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">Cara Membuat Menu Navigasi Blog Horizontal Sederhana</a></li> </ul> </div>

cara membuat template di blogger

Cara Membuat Template Blog Blogger Sendiri Mulai Dari Nol Admin Tuesday, May 23, 2017 Selamat datang di blog  Dua Rupa , Blog...

Baca selengkapnya »