noreply@blogger.com (IrwanKade)Thu, 19 Dec 2024 10:23:14 +0700Blogger http://www.blogger.com14125http://irwankade.blogspot.com/en-usnoTutorial, Tips, Trik, Cerpen, Internetnoreply@blogger.comhttp://irwankade.blogspot.com/2014/02/struktur-dasar-template-blogger.htmlBloggerHTML Bloggernoreply@blogger.com (IrwanKade)Wed, 26 Feb 2014 09:02:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-5838071161409892826<div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHZQLVR96ayzUlZLENK-hhp4UoIXHbaFNvZ2ybJRLNZ62eXAzq7V3mewbOTTMeNlae1NEqrvJ6hDPmjzr3mTlDGvOBKa4XcnnNH8-NXPJw9h0myHb68HgOogW9IuPxzf88iAF2xFvOK9Q/s1600/14-1.jpg" /></div> <br /> Hal pertama yang harus dipahami dalam melakukan proses edit template blog adalah mengetahui tata letak dari template sebuah blog kemudian berlanjut dengan memahami Struktur Dasar Template Blog, dalam hal ini Blogger. <br /> <br /> Hal ini karena lewat Tata Letak kita mengatahui bagian mana yang akan kita rubah dan dengan memahami struktur dasar template blog kita akan tahu dimana posisi kode HTML yang akan kita rubah dalam sebuah template blog.<br /> <br /> <b>Baca Juga : <a href="http://www.irwankade.com/2014/02/tata-letak-html-template-blogger.html" target="_blank">Tata Letak HTML Template Blogger</a></b><br /> <br /> Perhatikan Struktur Dasar Template Blogger berikut ini berdasarkan template Minima versi 1.0 : <br /> <br /> <div align="center" style="background-color: #e6e6e6; border: 2px #006400 solid; height: 250px; overflow: auto; padding: 10px; text-align: left; width: 400px;"> &lt;?xml version="1.0" encoding="UTF-8" ?&gt; <br /> .............. <br /> <span style="color: red;">&lt;head&gt;</span><br /> . . . . . . . . .<br /> <span style="color: red;">&lt;b:skin&gt;&lt;![CDATA[/*</span><br /> . . . . . . . . . .<br /> <span style="color: red;">]]&gt;&lt;/b:skin&gt;</span><br /> <span style="color: red;">&lt;/head&gt;</span><br /> . . . . . . . . .<br /> <span style="color: red;">&lt;body&gt;</span><br /> . . . . . . . . . .<br /> <span style="color: red;">&lt;/body&gt;</span><br /> &lt;/html&gt;</div> Perhatikan kode yang berwarna <span style="color: red;">merah</span>. <br /> <br /> <b># Antara Kode <span style="color: red;">&lt;head&gt;</span> dan <span style="color: red;">&lt;b:skin&gt;&lt;![CDATA[/*</span></b><br /> Disini adalah tempat meletakan kode-kode trik SEO semacam meta description, meta keywords dan lain sebagainya.<br /> <br /> <b># Antara Kode <span style="color: red;">&lt;b:skin&gt;&lt;![CDATA[/*</span> dan <span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><br /> Letak dari kode CSS blog yang merupakan pengaturan dari tampilan sebuah blog, mulai dari warna, huruf, ukuran, lebar, tinggi dan lain sebagainya.<br /> <b><br /></b> <b># Antara Kode <span style="color: red;">]]&gt;&lt;/b:skin&gt;</span> dan <span style="color: red;">&lt;/head&gt;</span>&nbsp;</b><br /> Dalam contoh ini, tidak terdapat kode apapun. Tapi ini penting untuk diketahui bahwa jika nanti template blog akan menggunakan kode Javascript maka disini tempat untuk meletakkannya. Dan diantara kode ini juga kita bisa meletakkan perintah untuk menampilkan atau menyembunyikan bagian-bagian blog kita misalnya sidebar tertentu selain langsung pada kode perintah yang berada di bagian body.<br /> <br /> <b># Antara Kode <span style="color: red;">&lt;body&gt;</span> dan <span style="color: red;">&lt;/html&gt;&nbsp;</span></b><br /> Perintah untuk menampilkan bagian-bagian sebuah blog berada disini dan jika diperhatikan, perintah tersebut berurutan mulai dari header blog, halaman posting, sidebar, dan lain sebagainya. <br /> <br /> <i>So</i>, jika hanya untuk merubah tampilan sebuah blog maka yang perlu dilakukan hanyalah merubah atau mengganti kode CSSnya yang terletak diantara Kode<b> &lt;b:skin&gt;&lt;![CDATA[/*</b> dan <b>]]&gt;&lt;/b:skin&gt;</b>. Sedangkan untuk melakukan hal-hal seperti membelah header blog, membelah dan menambah sidebar blog, dan lain sebagainya maka selain terlebih dahulu mengatur tampilannya dengan Kode CSS, kode perintah untuk menampilkannya juga perlu ditambahkan/dikurangi yaitu diantara kode <b>&lt;body&gt;</b> dan <b>&lt;/body&gt;</b>. 3http://irwankade.blogspot.com/2014/02/cara-menggunakan-fungsi-if-microsoft.htmlMicrosoft Excelnoreply@blogger.com (IrwanKade)Mon, 24 Feb 2014 08:00:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-4574775058271924184<div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQezgYZK3E5ZFf0IPJxD4ffFoZWqD-vVY5t1BH05Vg-hMXUT-FhB4s4iw8EXvGkMn7atNzmf94Rbjwbz5QyPxU4jIMkE6LE32Ab22_vqB71n_xwHAw6alYbJKoCXLbodKDcd6BneAuyZY/s1600/Microsoft-Excel.jpg" height="200" width="200" /></div> <br /> Ketika mempelajari penggunaan fungsi pada <a href="http://www.irwankade.com/search/label/Microsoft%20Excel" target="_blank">Microsoft Excel</a>, bisa dikatakan bahwa Fungsi IF adalah fungsi yang pertama kali dipelajari. Fungsi yang cukup sederhana dan memiliki banyak kegunaan bahkan bisa menggantikan fungsi lainnya. <br /> <br /> Konsep sederhana dari <b>Cara Menggunakan Fungsi IF Pada Microsoft Excel</b> adalah dengan mengajukan pertanyaan yang hanya memiliki dua jawaban yaitu “Ya” dan “Tidak” kemudian disertai dengan penjelasannya. <br /> <br /> <b>Baca Juga</b> : <a href="http://www.irwankade.com/2013/12/3-cara-menulis-rumus-di-microsoft-excel.html" target="_blank"><b>3 Cara Menulis Rumus Di Microsoft Excel</b> </a> <br /> <br /> Misalnya pertanyaan “Apakah besok akan hujan ?” Jika jawabannya “Ya” maka Saya akan membawa payung dan jika jawabanya “Tidak” maka Saya tidak akan membawa payung. Pertanyaan “Apakah besok hujan?”, Jika kita buat dalam tabel pada Microsoft Excel misalnya sebagai berikut : <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMCgMAgWjoyB4lMJhtTseAbnVY7Z9W8ySQl0Q8X7MphqxhFMMUOEG51xjiq1vIA4MSaWfCiTDtlhwsOBMAZYRcDb1bL0FzQuFg_Ce8jic172RJ6nWPQNSB2iWA2vgXSnYFPH4-zdK7HTQ/s1600/14-1.png" height="182" width="320" /></div> <br /> <br /> Bentuk Penulisan Fungsi IF : <b>=IF(logical_test;value-_if_true;value_if_false)</b> <br /> <br /> Pada Sel C6, rumus fungsi yang dimasukkan adalah IF(B6=”Ya”;C2;C3). Secara logika rumus ini menggunakan B6 sebagai pertanyaan dengan jawaban default adalah “Ya”, yang juga berarti bahwa jika B6 kosong maka C6 akan bernilai “Saya tidak akan membawa payung” atau nilai C3. <br /> <br /> IF(B6=”Ya”;C2;C3) bisa dibaca dengan Jika Sel B6 memiliki nilai “Ya” maka Sel C6 akan bernilai sama dengan nilai C2 (Saya akan membawa payung) dan Jika sel B6 tidak bernilai “Ya” (bernilai “Tidak” atau kosong) maka sel C6 akan bernilai sama dengan C3 (Saya Tidak Akan Membawa Payung). <br /> <br /> Dengan demikian bisa dikatakan bahwa B6=”Ya” adalah logika atau pertanyaan yang diuji (logical_test) dengan nilai C2 adalah jawaban BENAR (value_if_true) dan nilai C3 adalah jawaban SALAH (value_if_false). 1http://irwankade.blogspot.com/2014/02/tata-letak-html-template-blogger.htmlBloggerHTML Bloggernoreply@blogger.com (IrwanKade)Tue, 11 Feb 2014 10:00:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-7112504411059785529<img alt="Tata Letak Template Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiPs1a0xXLYu-Nj7B2G679Ees2QJkApkMmSkIdyNTV_NiZKp-ghHVIx9Cf4vLG_8ZSZok7ZMzufq5t4x6n8DnhNKUdLiXxwHFQlPwHRcuCt4FXTPRKi4UgSJ4uY_VMG2Y9r8JpXemdd8g/s1600/Contoh-Template.png" height="234" style="float: left; margin-bottom: 10px; margin-right: 10px;" title="Contoh Tampilan Template" width="320" /> Masih bingung untuk mengedit kode HTML template blog ? Tidak tahu bagaimana caranya ? Masih sering gonta-ganti template blog karena tidak suka dengan tampilan yang ada ? <br /> <br /> Tentu saja, cara paling mudah untuk mendapatkan template blog yang bagus adalah dengan mendapatkan template gratisan yang begitu banyak tersebar di internet atau dengan membelinya. <br /> <br /> Template gratisan belum tentu akan sesuai dengan selera Anda begitu juga dengan membelinya. Kecuali Anda order sesuai kebutuhan. Tapi, bukankah blog itu harus unik ? dan begitu juga untuk tampilannya. <br /> <br /> Modifikasi sendiri template blog akan membuatkan kita belajar dan memahami template blog untuk mendapatkan tampilan blog yang unik dan sesuai dengan selera kita. Untuk itu, terlebih dahulu kita perlu untuk memahami <b>Tata Letak HTML Template Blog</b>. <br /> <br /> Pada dasarnya sebuah template blog terbagi dalam 3 bagian besar yaitu <b>Header Blog</b>, <b>Conten Blog</b> dan <b>Footer Blog</b>. Untuk lebih memahami penjelasan berikut, Saya akan menjelaskan dengan menggunkan Template Minima Versi 1.0 yang bisa Anda dapatkan pada artikel sebelumnya dengan judul <a href="http://www.irwankade.com/2014/02/semua-berawal-dari-template-minima.html" target="_blank">Semua Berawal Dari Template Minima Versi 1.0</a>, copy kode HTML template tersebut dan paste pada editor Anda. Bisa menggunkan notepad tapi di sarankan untuk menggunkan Notepad++. <br /> <div class="separator" style="clear: both; margin: 10px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5JM89NjNejSvilowffSsgRsMkqMYv-LkhES74bo4Om062EfFJ0sLMFPGms9aKGzI2nGlD8nRwKpJELOCzwELwMxTlN6_lO99VjCwkSdhqMaVBJ_ZXN7D-SI_DhawG15r_V83N7EAByo/s1600/13-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tata Letak HTML Template Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK5JM89NjNejSvilowffSsgRsMkqMYv-LkhES74bo4Om062EfFJ0sLMFPGms9aKGzI2nGlD8nRwKpJELOCzwELwMxTlN6_lO99VjCwkSdhqMaVBJ_ZXN7D-SI_DhawG15r_V83N7EAByo/s320/13-2.png" height="253" title="Tata Letak HTML Template Blogger" width="400" /></a></div> <b>1. HEADER BLOG</b> <br /> Pada gambar diatas, bagian A adalah Header Blog. Pada template Minima versi 1.0, bagian kode HTML Header Blog adalah yang ditunjukkan dengan #header-wrapper yang terdiri dari antara lain <b>#header</b>, <b>#header h1</b>, <b>#header .description</b>, dll. <br /> Header Blog berisi tentang Judul Blog dan Deskripsi Blog. Di blog ini, judul dan deskripsi blog diganti dengan gambar agar kelihatan menarik. <br /> <br /> <b>2. CONTENT BLOG</b> <br /> Content Blog pada gambar diatas adalah yang ditunjukkan oleh bagian B dan C. Dimana bagian B adalah area posting blog dan bagian C adalah sidebar blog. Pada template minima versi 1.0, Content Blog ditunjukkan oleh kode <b>#outer-wrapper</b>, area posting blog oleh kode <b>#main-wrapper</b> dan sidebar blog ditunjukkan oleh kode <b>#sidebar-wrapper</b>. <br /> Posting blog adalah area dimana artikel yang kita posting akan tampil dan Sidebar Blog adalah tempat widget seperti <i>profile</i>, <i>follower</i>, dll. Pada blog ini, sidebar blog adalah yang beisi Top Artikel, dll. <br /> <br /> <b>3. FOOTER BLOG</b><br /> Bagian D pada gambar diatas adalah apa yang disebut dengan Footer Blog atau kaki blog. Pada dasarnya fungsi dari Footer Blog sama dengan Sidebar blog, yang membedakan hanyalah posisinya yang berada di bagian bawah template sebuah blog. <br /> <br /> Pada template minima versi 1.0, Kaki Blog ini ditunjukkan dengan kode <b>#Footer</b>. Footer Blog biasanya berisi tentang Hak Cipta , Nama Pembuat Blog atau Alamat. Di blog <a href="http://www.irwankade.com/" target="_blank">Belajar dan Belajar</a> ini, Footer Blog tidak/belum ditampilkan.<br /> <br /> Dengan memahami Tata Letak HTML Template Blog akan sangat membantu dan memudahkan kita untuk memodifikasi tampilan sebuah blog. Setidaknya itulah yang Saya pelajari terlebih dahulu sebelum mulai memodifikasi sendiri template sebuah blog. <br /> <br /> Tentu saja, hanya dengan memahami tata letak belumlah cukup karena bagi blogger pemula, seperti Saya, ini barulah langkah pertama. Selanjutnya adalah memahami kode-kode HTML itu sendiri yang akan dibahas pada artikel berikutnya. 0http://irwankade.blogspot.com/2014/02/tutorial-lengkap-membuat-mail-merge-bag.htmlMail MergeMicrosoft Wordnoreply@blogger.com (IrwanKade)Tue, 4 Feb 2014 12:55:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-5114771782718793910<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK4odF4NMwkWKbQN8knaJI17GHRiC_gmanXyRRbB79KWWWSKFLuNE4v2RvD1kAqRq2A47m1a1bvZXGb9tyWwzahGBV8Ehv4lpK1pgZPfbJ6t3j8iivyP4Tu_QfKIsnQQXxfTHVqqnoSi0/s1600/Microsoft-Word.jpg" height="250" style="float: left; margin: 0 10px 10px 0;" width="250" /> Fasilitas Mail Merge Microsoft Word adalah fasilitas untuk mempermudah kerja kita dalam membuat Surat dan lain sebagainya yang sejenis dari sumber data yang terpisah dan dibuat secara mandiri. <br /> <br /> <b>Tutorial Lengkap Mail Merge Bag. 2</b> ini adalah lanjutan dari Artikel sebelumnya yang dengan judul <a href="http://www.irwankade.com/2014/02/tutorial-lengkap-membuat-mail-merge.html" target="_blank">Tutorial Lengkap Membuat Mail Merge</a>. So, untuk lebih mempermudah memahami artikel ini maka sebaiknya Anda membaca terlebih dahulu artikel sebelumnya. <a href="http://www.irwankade.com/2014/02/tutorial-lengkap-membuat-mail-merge.html" target="_blank">KLIK DISINI</a>. <br /> <br /> Pembahasan sebelumnya telah samapai pada mengganti <b>Field Names</b> pada kotak dialog <b>Customize Address List</b>. Jika diperhatikan, masih terdapat Field Name yang tidak dibutuhkan yaitu ZIP Kode, Country or Region, Home Phone, Work Phone dan E-mail Adress. Klik pada <b>ZIP Kode</b> kemudian klik <b>Delete</b>. Jika muncul pesan seperti berikut, Klik <b>Yes</b>. <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6pk2db-rRB50_USEs6GiS65RD8fqGjxlS469HGNHK00pvHzgbdpSy0OU3yiJ01EJItk0jUYpxUT5HY9wTHDIBAfQ2tNaD9PWy3ShDXEO_0T_tcdk0zkSBy4IAhDdS1DH_1C0yQHzuvlU/s320/11-7.png" height="70" title="Konfirmasi Delete Field Name" width="400" /></div> <br /> Lakukan hal yang sama pada Field Names : Country or Region, Home Phone, Work Phone dan E-mail Adress. Kemudian Klik <b>OK</b>. Sehingga <b>New Adress Lis</b>t sesuai dengan kebutuhan dan akan tampak sebagai berikut : <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7xYW1ijtzZ1NkWcR6vHhs9tZNX9ELwcNItnyu8QtetXz4J9kjx1jVQ7oc86xhAmgn0bqzx0SYOV8qn066i6_f8w-mEU-GhUOz6nOrb7vOkRhFDIEszJqQRbeaCLhsmCcsO5WotzqtWxU/s1600/11-8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7xYW1ijtzZ1NkWcR6vHhs9tZNX9ELwcNItnyu8QtetXz4J9kjx1jVQ7oc86xhAmgn0bqzx0SYOV8qn066i6_f8w-mEU-GhUOz6nOrb7vOkRhFDIEszJqQRbeaCLhsmCcsO5WotzqtWxU/s320/11-8.png" height="166" width="400" /></a></div> Masukkan Nomor Surat pada Kolom No Surat, Nama Penerima Surat pada Kolom Nama dan seterusnya. Klik pada <b>New Entry</b> atau tekan Tombol Tab pada Keyboard untuk memasukkan data berikutnya dan klik <b>Delete Entry</b> untuk menhapus salah satu data penerima surat. Dan klik <b>Find</b> untuk mencari data penerima surat (apabila data yang di entry sudah banyak). <br /> <br /> Dalam contoh ini kita hanya memasukkan 2 data dan terlihat seperti berikut : <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Tutorial Lengkap Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEbH7fr4AtW32RiTqR6A9Q2oc1nuKa1zpRw2hWNrqpLI5pH27LwEDiL-_WQK8-sEVEx-q4ts50TM0OEJ6aNnWL7j_Y3bsjnFa-oIaTsxXo-LGB-cUDg7y7fkle-cbEhIbt_Mx_25tdeVU/s320/11-9.png" height="167" title="New Address List" width="400" /></div> Jika semua data Penerima Surat sudah dimasukkan, klik <b>OK</b>. Pilih Folder penyimpanan data, Ketikkan Nama Data pada <b>File Name</b>, misalnya "Data Penerima Surat", kemudian Klik <b>Save</b>. <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5dY_tKvijWNVNQp5WFXncWKsolX8bhoUHBVMdPjBni4fDG1EFHu0V9oTlh8gRXcctO5oRVVnr8cK3igs97qOHd55h2ABDqPozBiYv-D_8osRHu_gWMS6j_S5ZITgScr4GV7tJ0kW2mgQ/s320/11-10.png" height="312" width="400" /></div> Berikutnya, tempatkan kursor dimana Nomor Surat akan di tempatkan, kemudian masih pada Tab <b>Mailings</b>, Group <b>Write &amp; Insert Fields</b>, Klik <b>Insert Merge Fields</b> &gt;&gt; <b>No_Surat</b>. <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="cara Mudah Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCKjHOcwOrLDPUNA5b1H0sE2873zlCxmxKVC0gadczHTQwXiZ77q00zz68DMD0L98YBVtMrF-FHs-VRQ61l4qeTw2dsHNOHVUNZfuw71rYGjz-OyNXqBfV8xL7NRQkovNcSBgZSFpir_Q/s320/11-11.png" height="270" title="Insert Merge Field" width="400" /></div> <br /> Lakukan hal yang sama pada Nama, Jalan, Desa/Kelurahan, Kecamatan, Kabupaten, Propinsi dan Kode Pos, sehingga akan terlihat sebagai berikut : <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ5sAbYLGbWJKXaCcoPRtSwpJbyryhYe2-OdNICmG3Ro_6WAUSRq8_A6hkGvrgH4krg9qmoMWXMuSuCQ_OnBeebHOs6Yg-ojbAFJRYf2KiQ3bWAyUf9okILWYwP3RSY7pxjBLYX4LwmNc/s320/11-12.png" height="208" width="400" /></div> <br /> Masih pada Tab <b>Mailings</b>, lihat pada Group <b>Preview Result</b>, Klik <b>Preview Result</b>. <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0NWhCV4oPevqrpTzJ9d_7Kuiggvcriq-Hlks4BdjaUTBoSBT1Bdbs1grDZsIjOYM3AD6aOUdct9ft0N0ibScE35Fe5_EwOP5C_s0WZj7QGxTWK4_yWE6QmOhMZpmFc0S6Mssc9DNHUI/s1600/11-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj0NWhCV4oPevqrpTzJ9d_7Kuiggvcriq-Hlks4BdjaUTBoSBT1Bdbs1grDZsIjOYM3AD6aOUdct9ft0N0ibScE35Fe5_EwOP5C_s0WZj7QGxTWK4_yWE6QmOhMZpmFc0S6Mssc9DNHUI/s320/11-13.png" /></a></div> Sehingga tampilan Surat akan menjadi seperti berikut : <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbt-u2HqjajXV54bmbAhYdsSAfU_2o9bAoKOsuVm5g99Z-XNoUsIjDS-gtXi6sQinxn54CztaMh7py13fh2OyoaIpIcMm8Er9R9LH_Jqu1_d6X_MLDNgGPI3w-dag6D8jmdmgjifyNTng/s320/11-14.png" height="208" width="400" /></div> <br /> Pada Group <b>Preview Result</b> terdapat Navigasi Baris Data Penerima Surat yaitu : <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiibL4VW3ZXx5v7b9LPrenYkc60tsC0MHBgjPXP6EdT5cD9SFmAhy00Qp11vik3biGoYril3m0l10dPFNV2JQTD7S-27cSiRX8j2DHitYQo7ohLjVwMrLcvkEbnwTrfaUNIEtylA3ZoCx0/s320/11-15.png" /> Ini adalah Navigasi Data yang dimaksud silahkan dicoba untuk memahami cara navigasinya. <br /> <br /> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2571L9kc3AwshghvcPq60HDJEtWOP-Wqzfo1AYn_F9n-PCpq4QAwz7cb4tPMcYAV_RSW2Z6MeDkpNJPV_6fqkzLUPta2zY7_M7hbuOhD9bs2YgRLceAHuU2Kzksh2m-DhL99KL5zcRe0/s1600/11-16.png" style="float: left; margin-right: 10px;" /> Untuk melakukan <b>Print Surat</b>, klik pada <b>Finish &amp; Merge</b> &gt;&gt; <b>Print Documents</b>. Dan akan terbuka kotak dialog<b> Merge to Printer</b>. (lihat gambar disamping).<br /> <b>All</b> berarti perintah Print akan berlaku pada semua Data Penerima Surat. <b>Current Record</b>, printah print hanya untuk data yang aktif. Dan <b>From .... to .....</b>, adalah perintah print dengan menunjuk record atau baris tertentu misalnya dari 1 – 10.0http://irwankade.blogspot.com/2014/02/tutorial-lengkap-membuat-mail-merge.htmlMail MergeMicrosoft Wordnoreply@blogger.com (IrwanKade)Tue, 4 Feb 2014 09:44:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-8767476431479768972<img alt="Tutorial Microsoft Word" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK4odF4NMwkWKbQN8knaJI17GHRiC_gmanXyRRbB79KWWWSKFLuNE4v2RvD1kAqRq2A47m1a1bvZXGb9tyWwzahGBV8Ehv4lpK1pgZPfbJ6t3j8iivyP4Tu_QfKIsnQQXxfTHVqqnoSi0/s1600/Microsoft-Word.jpg" height="200" style="float: left; margin: 0 10px 10px 0;" title="Microsoft Word" width="200" /> <br /> Pernahkah Anda harus membuat banyak surat ? atau membuat banyak sertifikat ? atau pekerjaan apapun yang dengan format yang sama tapi memerlukan banyak data yang secara berulang harus diketikkan di tempat yang sama ? <br /> <br /> Ada cara yang lebih cepat dan efisien untuk mengerjakan pekerjaan seperti itu dan tidak perlu mengetik satu per satu dalam setiap halaman. Tidak perlu software khusus. Karena semuanya sudah di sediakan oleh Micorosoft Word, yaitu terdapat dalam tab Mailings yang disebut Mail Merge. <br /> <br /> Membuat Mail Merge berarti Anda mengetikkan sumber data ditempat terpisah dengan format dokumen (surat, sertifikat, dll). Yang artinya format surat berada dalam <b>Micorosoft Word</b> dan sumber data bisa berasal dari <b>Microsoft Excel</b>, <b>Microsoft Access</b>, <b>Outlook Contacts</b> atau dalam Microsoft Word sendiri. <br /> <br /> <i>Nah</i>, dalam <b>Tutorial Lengkap Membuat Mail Merge</b> ini, sumber data adalah berada dalam <i>Microsoft Word</i> saja. Untuk <i>Mail Merge</i> dari sumber data lainnya akan di bahas kemudian. <br /> <br /> Berikut adalah Tutorial Lengkap Membuat Mail Merge. Misalnya Anda sudah memiliki format surat dengan tampilan seperti berikut : <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Contoh Surat" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwXG_t1O8oh09CnksO3fBqUhVrZEdL7sOi1928xPqCO9EWfruw5OXEeeC2yi9nn48D8CvJyolbmhgR1mGMTpn1UhKLv1cvGiBI6VU0FeA7aP8MEPCP4gJqzDzEDYtigrjHA6uDubzp4TY/s320/11-1.png" height="237" title="Contoh Surat" width="400" /></div> <br /> Dari format surat diatas, data yang diperlukan adalah <b>Nomor, Nama Tujuan Surat dan Alamat Penerima Surat</b> (Jalan, Desa/Kelurahan, Kecamatan, Kabupaten, Propinsi dan Kode Pos). <br /> <br /> Untuk membuat data yang diperlukan tersebut, Klik Tab <b>Mailings</b> &gt;&gt; <b>Select Recipients </b>&gt;&gt; <b>Type New List</b>. <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb_OGrdPJQtPD8eFyArGBcBprc3aZiMXQRNvWgtB7psLjRxU17pjEqhkQcUFNDwmBpPp960zxxmWRnJsbMmGDhVk4ftJDrqDZ3JaB8n9TjpOyKcm4MbngqJ7MMJ0z67cX_WXwQ36uKCrs/s320/11-2.png" title="Select Recipients" /></div> <br /> Kemudian akan terbuka kotak dialog <b>New Address List</b> seperti gambar berikut : <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjmB1KQB5m2nQNNz-xNoy68ug74pKWQEvntflWv7Dcc3DlOYKLRT6RJqVwdhO6L2uw-l8pxzjCEtmcGDcSR6a1YU53mObqIqNc9rPeiPDvR5o0vs68_acj5sETRl6mIVXa5lbH-fK2_2M/s320/11-3.png" height="262" title="New Address List" width="400" /></div> <br /> <i>Nah</i>, disinilah Anda akan memasukkan data-data yang diperlukan. Perhatikan bahwa kolom-kolom dalam <b>New Address List</b> tersebut terlalu banyak dan tidak sesuai dengan yang dibutuhkan. Dan oleh karenanya kita akan menyesuaikan kolom-kolom tersebut. <br /> <br /> Klik pada <b>Customize Columns</b>, dan akan tampil <b>Customize Adress List</b> seperti berikut : <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img alt="Cara Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx65OonZ3D83l-S_viQY3BIlZKNYv4Rfqy26pYXejnz8SIKPxBWsgHRLdkfzaemAev2f8Qpm3kBGqXPFRJ_THnxW9ZYKBcgno3yOPeJ7KNWPqO1XiYK2RzjTc_fxL0XWSw6tJRZkcMXE0/s320/11-4.png" title="Customize Address List" /></div> <br /> <br /> Lihat daftar <b>Field Names</b>, Klik <b>Title</b> kemudian Klik <b>Rename</b>. <br /> <br /> <img alt="Cara Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga9YlEIKb6aO3PNydXMXvL8NzKg8FUWVU6OpqJhCV-tyV3xCWXTsJttFL_VfgSBLmYKIInMtKB2IFKvM8F0J3ni-ku-IwOMdVpSwGImwKMJTdCeYQFO6Hgl0cXbeQ4WqKDXhPOmmAdv3M/s320/11-5.png" style="float: left; margin: 0 10px 10px 0;" title="Rename Field" /> Ganti <b>Title</b> dengan No Surat kemudian Klik <b>OK</b>. Lakukan hal yang sama untuk <b>Field Name</b> yang lain First Name menjadi Nama, Last Name menjadi Jalan, Company Name menjadi Desa/Kelurahan, Adress Line 1 menjadi Kecamatan, Adress Line 2 menjadi Kabupaten, City menjadi Propinsi dan State menjadi Kode Pos. Sehingga Field Names akan terlihat sebagai berikut : <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqarbaFOUkMOREkDPT9dKhjONCUh76xHZtm84D55VB0h5ZHN9mn72pkpY3CoNuYGkDINRy8dhCWe0-u5tpmoSn33ZvsmFenQZm75nFx0c4qMdc0vUhEsffMiyRkBfBm3m1Gg5yesfrTsQ/s1600/11-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Mail Merge" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqarbaFOUkMOREkDPT9dKhjONCUh76xHZtm84D55VB0h5ZHN9mn72pkpY3CoNuYGkDINRy8dhCWe0-u5tpmoSn33ZvsmFenQZm75nFx0c4qMdc0vUhEsffMiyRkBfBm3m1Gg5yesfrTsQ/s1600/11-6.png" title="Customize Adress List" /></a></div> Karena terlalu panjang, artikel ini terbagi menjadi dua bagian. Baca <a href="http://www.irwankade.com/2014/02/tutorial-lengkap-membuat-mail-merge-bag.html" target="_blank">Tutorial Lengkap Mail Merge Bag. 2</a> untuk melanjutkan. <a href="http://www.irwankade.com/2014/02/tutorial-lengkap-membuat-mail-merge-bag.html" target="_blank">KLIK DISINI</a>.1http://irwankade.blogspot.com/2014/02/semua-berawal-dari-template-minima.htmlBloggernoreply@blogger.com (IrwanKade)Sat, 1 Feb 2014 18:51:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-4166351951711167150<div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimHBx3gpKVY500J3HxjKnOEgpPN_k7_q-U1fY_fk1VUicbx_xydyLS1GhobqxLrvVoRN7Q6S2x_XadosQd9ygaNkvrUS5Vur_25s11qhXprcL2OLDdmTVnIfsC2ZuiW0zW2zKLokooAOg/s400/FB_Fav.png" height="200" width="200" /></div> Lama berkelana di dunia blogging, dimulai dari perasaan bahwa “Keren Juga” memiliki sebuah blog, belajar cara membuat blog, kemudian memilih apakah menggunakan blogspot atau wordpress, mencari template yang gratis dan keren, belajar mengedit sendiri template blog, belajar SEO, belajar untuk monetize blog kemudian belajar dan belajar lagi (Ketagihan Blogging). <br /> <br /> Dan ternyata pada satu titik sadar bahwa selama blogging, Saya lebih terkonsentrasi mengedit template, bermain dengan coding yang masih sangat aneh tapi sangat menantang itu, daripada membuat artikel yang bagus dan mengundang pembaca untuk datang. Yang menurut pakar dunia blogging, artikel yang bagus dan menarik pembaca adalah lebih penting daripada tampilan blog. <br /> <br /> Sekalipun menyadari bahwa Artikel itu lebih penting, tidak juga membuat Saya untuk berhenti memperhatikan dan mempercantik tampilan blog. (tentu saja dari tulisan para ahli blogging). Kemudian munculah keinginan-keinginan untuk membuat sendiri template blog. Dimulailah pencarian artikel-artikel yang ditulis oleh para ahli yang membahas “Bagaimana Membuat Sendiri Template Blog”.<br /> <br /> Setelah begitu lama mempelajari dan mencoba, akhirnya template buatan sendiri itu “TIDAK ADA”. Hehehe. . . “Aku Menyerah”.<br /> <br /> Tapi, ternyata bisa !!! Mengedit sendiri template yang sudah jadi dan membuat tampilannya sesuai dengan keinginan dan selera kita. Dan template yang paling mudah menurut Saya (dan juga diakui oleh para ahli blog lainnya) untuk di modifikasi adalah <b>Template Minima Versi 1.0</b> yang buat oleh Douglas Bowman (Thanks a lot Douglas).<br /> <br /> So, buat sobat yang masih ingin membuat sendiri template blog, jangan pernah berpikir untuk membuatnya dari NOL dengan mempelajari semuanya dulu. Tapi, cukup dengan memperhatikan Template Minima ini, mempelajari alur pengkodiannya kemudian mulai untuk menambah atau mengurangi hal-hal yang menurut kita akan membuat tampilan blog atau apapun menjadi lebih baik sesuai dengan selera masing-masing.<br /> <br /> Untuk semua sobat bloger, berikut adalah kode template Minima Versi 1.0 oleh Douglas Bowman yang sudah di modifikasi oleh Blogger Team. <br /> <div style="background-color: #e6e6e6; border: 2px #006400 solid; height: 300px; overflow: auto; padding: 10px; text-align: left; width: 500px;"> &lt;?xml version="1.0" encoding="UTF-8" ?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'&gt; &lt;head&gt; &lt;b:include data='blog' name='all-head-content'/&gt; &lt;title&gt;&lt;data:blog.pageTitle/&gt;&lt;/title&gt; &lt;b:skin&gt;&lt;![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Minima Date: 26 Feb 2004 Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== &lt;Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"&gt; &lt;Variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"&gt; &lt;Variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa"&gt; &lt;Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#666666"&gt; &lt;Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#999999"&gt; &lt;Variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc6600"&gt; &lt;Variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#cccccc"&gt; &lt;Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#999999"&gt; &lt;Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"&gt; &lt;Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#999999"&gt; &lt;Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"&gt; &lt;Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"&gt; &lt;Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"&gt; &lt;Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"&gt; &lt;Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"&gt; &lt;Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"&gt; &lt;Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"&gt; */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 410px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img, table.tr-caption-container { padding:4px; border:1px solid $bordercolor; } .tr-caption-container img { border: none; padding: 0; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } ]]&gt;&lt;/b:skin&gt; &lt;/head&gt; &lt;body&gt; &lt;div id='outer-wrapper'&gt;&lt;div id='wrap2'&gt; &lt;!-- skip links for text browsers --&gt; &lt;span id='skiplinks' style='display:none;'&gt; &lt;a href='#main'&gt;skip to main &lt;/a&gt; | &lt;a href='#sidebar'&gt;skip to sidebar&lt;/a&gt; &lt;/span&gt; &lt;div id='header-wrapper'&gt; &lt;b:section class='header' id='header' maxwidgets='1' showaddelement='no'&gt; &lt;b:widget id='Header1' locked='true' title='o maluquinho (Cabeçalho)' type='Header'&gt; &lt;b:includable id='main'&gt; &lt;b:if cond='data:useImage'&gt; &lt;b:if cond='data:imagePlacement == &amp;quot;BEHIND&amp;quot;'&gt; &lt;!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --&gt; &lt;div expr:style='&amp;quot;background-image: url(&amp;quot;&amp;quot; + data:sourceUrl + &amp;quot;&amp;quot;); &amp;quot; + &amp;quot;background-position: &amp;quot; + data:backgroundPositionStyleStr + &amp;quot;; &amp;quot; + data:widthStyleStr + &amp;quot;min-height: &amp;quot; + data:height + &amp;quot;px;&amp;quot; + &amp;quot;_height: &amp;quot; + data:height + &amp;quot;px;&amp;quot; + &amp;quot;background-repeat: no-repeat; &amp;quot;' id='header-inner'&gt; &lt;div class='titlewrapper' style='background: transparent'&gt; &lt;h1 class='title' style='background: transparent; border-width: 0px'&gt; &lt;b:include name='title'/&gt; &lt;/h1&gt; &lt;/div&gt; &lt;b:include name='description'/&gt; &lt;/div&gt; &lt;b:else/&gt; &lt;!--Show the image only--&gt; &lt;div id='header-inner'&gt; &lt;a expr:href='data:blog.homepageUrl' style='display: block'&gt; &lt;img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &amp;quot;_headerimg&amp;quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/&gt; &lt;/a&gt; &lt;!--Show the description--&gt; &lt;b:if cond='data:imagePlacement == &amp;quot;BEFORE_DESCRIPTION&amp;quot;'&gt; &lt;b:include name='description'/&gt; &lt;/b:if&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;b:else/&gt; &lt;!--No header image --&gt; &lt;div id='header-inner'&gt; &lt;div class='titlewrapper'&gt; &lt;h1 class='title'&gt; &lt;b:include name='title'/&gt; &lt;/h1&gt; &lt;/div&gt; &lt;b:include name='description'/&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='title'&gt; &lt;b:if cond='data:blog.url == data:blog.homepageUrl'&gt; &lt;data:title/&gt; &lt;b:else/&gt; &lt;a expr:href='data:blog.homepageUrl'&gt;&lt;data:title/&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='description'&gt; &lt;div class='descriptionwrapper'&gt; &lt;p class='description'&gt;&lt;span&gt;&lt;data:description/&gt;&lt;/span&gt;&lt;/p&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;/b:widget&gt; &lt;/b:section&gt; &lt;/div&gt; &lt;div id='content-wrapper'&gt; &lt;div id='crosscol-wrapper' style='text-align:center'&gt; &lt;b:section class='crosscol' id='crosscol'/&gt; &lt;/div&gt; &lt;div id='main-wrapper'&gt; &lt;b:section class='main' id='main' showaddelement='no'&gt; &lt;b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'&gt; &lt;b:includable id='nextprev'&gt; &lt;div class='blog-pager' id='blog-pager'&gt; &lt;b:if cond='data:newerPageUrl'&gt; &lt;span id='blog-pager-newer-link'&gt; &lt;a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &amp;quot;_blog-pager-newer-link&amp;quot;' expr:title='data:newerPageTitle'&gt;&lt;data:newerPageTitle/&gt;&lt;/a&gt; &lt;/span&gt; &lt;/b:if&gt; &lt;b:if cond='data:olderPageUrl'&gt; &lt;span id='blog-pager-older-link'&gt; &lt;a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &amp;quot;_blog-pager-older-link&amp;quot;' expr:title='data:olderPageTitle'&gt;&lt;data:olderPageTitle/&gt;&lt;/a&gt; &lt;/span&gt; &lt;/b:if&gt; &lt;b:if cond='data:blog.homepageUrl != data:blog.url'&gt; &lt;a class='home-link' expr:href='data:blog.homepageUrl'&gt;&lt;data:homeMsg/&gt;&lt;/a&gt; &lt;b:else/&gt; &lt;b:if cond='data:newerPageUrl'&gt; &lt;a class='home-link' expr:href='data:blog.homepageUrl'&gt;&lt;data:homeMsg/&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/div&gt; &lt;div class='clear'/&gt; &lt;/b:includable&gt; &lt;b:includable id='shareButtons' var='post'&gt; &lt;b:if cond='data:post.sharePostUrl'&gt; &lt;a class='share-button sb-email' expr:href='data:post.sharePostUrl + &amp;quot;&amp;amp;target=email&amp;quot;' expr:title='data:top.emailThisMsg' target='_blank'&gt; &lt;span class='share-button-link-text'&gt;&lt;data:top.emailThisMsg/&gt;&lt;/span&gt;&lt;/a&gt; &lt;a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &amp;quot;&amp;amp;target=blog&amp;quot;' expr:onclick='&amp;quot;window.open(this.href, &amp;quot;_blank&amp;quot;, &amp;quot;height=270,width=475&amp;quot;); return false;&amp;quot;' expr:title='data:top.blogThisMsg' target='_blank'&gt; &lt;span class='share-button-link-text'&gt;&lt;data:top.blogThisMsg/&gt;&lt;/span&gt;&lt;/a&gt; &lt;a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &amp;quot;&amp;amp;target=twitter&amp;quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'&gt; &lt;span class='share-button-link-text'&gt;&lt;data:top.shareToTwitterMsg/&gt;&lt;/span&gt;&lt;/a&gt; &lt;a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &amp;quot;&amp;amp;target=facebook&amp;quot;' expr:onclick='&amp;quot;window.open(this.href, &amp;quot;_blank&amp;quot;, &amp;quot;height=430,width=640&amp;quot;); return false;&amp;quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'&gt; &lt;span class='share-button-link-text'&gt;&lt;data:top.shareToFacebookMsg/&gt;&lt;/span&gt;&lt;/a&gt; &lt;a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &amp;quot;&amp;amp;target=buzz&amp;quot;' expr:onclick='&amp;quot;window.open(this.href, &amp;quot;_blank&amp;quot;, &amp;quot;height=415,width=690&amp;quot;); return false;&amp;quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'&gt; &lt;span class='share-button-link-text'&gt;&lt;data:top.shareToBuzzMsg/&gt;&lt;/span&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='backlinks' var='post'&gt; &lt;a name='links'/&gt;&lt;h4&gt;&lt;data:post.backlinksLabel/&gt;&lt;/h4&gt; &lt;b:if cond='data:post.numBacklinks != 0'&gt; &lt;dl class='comments-block' id='comments-block'&gt; &lt;b:loop values='data:post.backlinks' var='backlink'&gt; &lt;div class='collapsed-backlink backlink-control'&gt; &lt;dt class='comment-title'&gt; &lt;span class='backlink-toggle-zippy'&gt;&amp;#160;&lt;/span&gt; &lt;a expr:href='data:backlink.url' rel='nofollow'&gt;&lt;data:backlink.title/&gt;&lt;/a&gt; &lt;b:include data='backlink' name='backlinkDeleteIcon'/&gt; &lt;/dt&gt; &lt;dd class='comment-body collapseable'&gt; &lt;data:backlink.snippet/&gt; &lt;/dd&gt; &lt;dd class='comment-footer collapseable'&gt; &lt;span class='comment-author'&gt;&lt;data:post.authorLabel/&gt; &lt;data:backlink.author/&gt;&lt;/span&gt; &lt;span class='comment-timestamp'&gt;&lt;data:post.timestampLabel/&gt; &lt;data:backlink.timestamp/&gt;&lt;/span&gt; &lt;/dd&gt; &lt;/div&gt; &lt;/b:loop&gt; &lt;/dl&gt; &lt;/b:if&gt; &lt;p class='comment-footer'&gt; &lt;a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &amp;quot;_backlinks-create-link&amp;quot;' target='_blank'&gt;&lt;data:post.createLinkLabel/&gt;&lt;/a&gt; &lt;/p&gt; &lt;/b:includable&gt; &lt;b:includable id='post' var='post'&gt; &lt;div class='post hentry'&gt; &lt;div class='date'&gt; &lt;script type='text/javascript'&gt; var timestamp = &amp;quot;&lt;data:post.timestamp/&gt;&amp;quot;; if (timestamp != &amp;#39;&amp;#39;) { var timesplit = timestamp.split(&amp;quot;,&amp;quot;); var date_yyyy = timesplit[2]; var timesplit = timesplit[1].split(&amp;quot; &amp;quot;); var date_dd = timesplit[2]; var date_mmm = timesplit[1].substring(0, 3); } &lt;/script&gt; &lt;script type='text/javascript'&gt;document.write(date_dd);&lt;/script&gt;&lt;br/&gt; &lt;script type='text/javascript'&gt;document.write(date_mmm);&lt;/script&gt; &lt;/div&gt;&lt;/div&gt; &lt;div class='post hentry uncustomized-post-template'&gt; &lt;a expr:name='data:post.id'/&gt; &lt;b:if cond='data:post.title'&gt; &lt;h3 class='post-title entry-title'&gt; &lt;b:if cond='data:post.link'&gt; &lt;a expr:href='data:post.link'&gt;&lt;data:post.title/&gt;&lt;/a&gt; &lt;b:else/&gt; &lt;b:if cond='data:post.url'&gt; &lt;a expr:href='data:post.url'&gt;&lt;data:post.title/&gt;&lt;/a&gt; &lt;b:else/&gt; &lt;data:post.title/&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/h3&gt; &lt;/b:if&gt; &lt;div class='post_comm'&gt; &lt;b:if cond='data:post.allowComments'&gt; &lt;a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'&gt; &lt;b:if cond='data:post.numComments == 1'&gt; 1 &lt;b:else/&gt; &lt;data:post.numComments/&gt; &lt;/b:if&gt; &lt;/a&gt; &lt;/b:if&gt; &lt;/div&gt; &lt;div class='post-header-line-1'/&gt; &lt;div class='post-body entry-content'&gt; &lt;data:post.body/&gt; &lt;div style='clear: both;'/&gt; &lt;!-- clear for photos floats --&gt; &lt;/div&gt; &lt;b:if cond='data:post.hasJumpLink'&gt; &lt;div class='jump-link'&gt; &lt;a expr:href='data:post.url + &amp;quot;#more&amp;quot;' expr:title='data:post.title'&gt;&lt;data:post.jumpText/&gt;&lt;/a&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;div class='post-footer'&gt; &lt;div class='post-footer-line post-footer-line-1'&gt; &lt;span class='post-author vcard'&gt; &lt;b:if cond='data:top.showAuthor'&gt; &lt;data:top.authorLabel/&gt; &lt;span class='fn'&gt;&lt;data:post.author/&gt;&lt;/span&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;span class='post-timestamp'&gt; &lt;b:if cond='data:top.showTimestamp'&gt; &lt;data:top.timestampLabel/&gt; &lt;b:if cond='data:post.url'&gt; &lt;a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'&gt;&lt;abbr class='published' expr:title='data:post.timestampISO8601'&gt;&lt;data:post.timestamp/&gt;&lt;/abbr&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;span class='reaction-buttons'&gt; &lt;b:if cond='data:top.showReactions'&gt; &lt;table border='0' cellpadding='0' cellspacing='0' width='100%'&gt;&lt;tr&gt; &lt;td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'&gt; &lt;span class='reactions-label'&gt; &lt;data:top.reactionsLabel/&gt;&lt;/span&gt;&amp;#160;&lt;/td&gt; &lt;td&gt;&lt;iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;span class='star-ratings'&gt; &lt;b:if cond='data:top.showStars'&gt; &lt;div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;span class='post-comment-link'&gt; &lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&gt; &lt;b:if cond='data:post.allowComments'&gt; &lt;a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'&gt;&lt;b:if cond='data:post.numComments == 1'&gt;1 &lt;data:top.commentLabel/&gt;&lt;b:else/&gt;&lt;data:post.numComments/&gt; &lt;data:top.commentLabelPlural/&gt;&lt;/b:if&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;!-- backlinks --&gt; &lt;span class='post-backlinks post-comment-link'&gt; &lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&gt; &lt;b:if cond='data:post.showBacklinks'&gt; &lt;a class='comment-link' expr:href='data:post.url + &amp;quot;#links&amp;quot;'&gt;&lt;data:top.backlinkLabel/&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;span class='post-icons'&gt; &lt;!-- email post links --&gt; &lt;b:if cond='data:post.emailPostUrl'&gt; &lt;span class='item-action'&gt; &lt;a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'&gt; &lt;img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/&gt; &lt;/a&gt; &lt;/span&gt; &lt;/b:if&gt; &lt;!-- quickedit pencil --&gt; &lt;b:include data='post' name='postQuickEdit'/&gt; &lt;/span&gt; &lt;/div&gt; &lt;div class='post-footer-line post-footer-line-2'&gt; &lt;span class='post-labels'&gt; &lt;b:if cond='data:post.labels'&gt; &lt;data:postLabelsLabel/&gt; &lt;b:loop values='data:post.labels' var='label'&gt; &lt;a expr:href='data:label.url' rel='tag'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;b:if cond='data:label.isLast != &amp;quot;true&amp;quot;'&gt;,&lt;/b:if&gt; &lt;/b:loop&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;/div&gt; &lt;div class='post-footer-line post-footer-line-3'&gt; &lt;span class='post-location'&gt; &lt;b:if cond='data:top.showLocation'&gt; &lt;b:if cond='data:post.location'&gt; &lt;data:postLocationLabel/&gt; &lt;a expr:href='data:post.location.mapsUrl' target='_blank'&gt;&lt;data:post.location.name/&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;b:includable id='status-message'&gt; &lt;b:if cond='data:navMessage'&gt; &lt;div class='status-msg-wrap'&gt; &lt;div class='status-msg-body'&gt; &lt;data:navMessage/&gt; &lt;/div&gt; &lt;div class='status-msg-border'&gt; &lt;div class='status-msg-bg'&gt; &lt;div class='status-msg-hidden'&gt;&lt;data:navMessage/&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div style='clear: both;'/&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='comment-form' var='post'&gt; &lt;div class='comment-form'&gt; &lt;a name='comment-form'/&gt; &lt;h4 id='comment-post-message'&gt;&lt;data:postCommentMsg/&gt;&lt;/h4&gt; &lt;p&gt;&lt;data:blogCommentMessage/&gt;&lt;/p&gt; &lt;data:blogTeamBlogMessage/&gt; &lt;a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/&gt; &lt;iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/&gt; &lt;data:post.friendConnectJs/&gt; &lt;data:post.cmtfpIframe/&gt; &lt;script type='text/javascript'&gt; BLOG_CMT_createIframe(&amp;#39;&lt;data:post.appRpcRelayPath/&gt;&amp;#39;, &amp;#39;&lt;data:post.communityId/&gt;&amp;#39;); &lt;/script&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;b:includable id='backlinkDeleteIcon' var='backlink'&gt; &lt;span expr:class='&amp;quot;item-control &amp;quot; + data:backlink.adminClass'&gt; &lt;a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'&gt; &lt;img src='http://www.blogger.com/img/icon_delete13.gif'/&gt; &lt;/a&gt; &lt;/span&gt; &lt;/b:includable&gt; &lt;b:includable id='postQuickEdit' var='post'&gt; &lt;b:if cond='data:post.editUrl'&gt; &lt;span expr:class='&amp;quot;item-control &amp;quot; + data:post.adminClass'&gt; &lt;a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'&gt; &lt;img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/&gt; &lt;/a&gt; &lt;/span&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='main' var='top'&gt; &lt;!-- posts --&gt; &lt;div class='blog-posts hfeed'&gt; &lt;b:include data='top' name='status-message'/&gt; &lt;data:defaultAdStart/&gt; &lt;b:loop values='data:posts' var='post'&gt; &lt;b:if cond='data:post.dateHeader'&gt; &lt;h2 class='date-header'&gt;&lt;data:post.dateHeader/&gt;&lt;/h2&gt; &lt;/b:if&gt; &lt;b:include data='post' name='post'/&gt; &lt;b:if cond='data:blog.pageType == &amp;quot;static_page&amp;quot;'&gt; &lt;b:include data='post' name='comments'/&gt; &lt;/b:if&gt; &lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt; &lt;b:include data='post' name='comments'/&gt; &lt;/b:if&gt; &lt;b:if cond='data:post.includeAd'&gt; &lt;b:if cond='data:post.isFirstPost'&gt; &lt;data:defaultAdEnd/&gt; &lt;b:else/&gt; &lt;data:adEnd/&gt; &lt;/b:if&gt; &lt;div class='inline-ad'&gt; &lt;data:adCode/&gt; &lt;/div&gt; &lt;data:adStart/&gt; &lt;/b:if&gt; &lt;b:if cond='data:post.trackLatency'&gt; &lt;data:post.latencyJs/&gt; &lt;/b:if&gt; &lt;/b:loop&gt; &lt;data:adEnd/&gt; &lt;/div&gt; &lt;!-- navigation --&gt; &lt;b:include name='nextprev'/&gt; &lt;b:if cond='data:top.showStars'&gt; &lt;script src='http://www.google.com/jsapi' type='text/javascript'/&gt; &lt;script type='text/javascript'&gt; google.load(&amp;quot;annotations&amp;quot;, &amp;quot;1&amp;quot;, {&amp;quot;locale&amp;quot;: &amp;quot;&lt;data:top.languageCode/&gt;&amp;quot;}); function initialize() { google.annotations.setApplicationId(&lt;data:top.blogspotReviews/&gt;); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); &lt;/script&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='commentDeleteIcon' var='comment'&gt; &lt;span expr:class='&amp;quot;item-control &amp;quot; + data:comment.adminClass'&gt; &lt;a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'&gt; &lt;img src='http://www.blogger.com/img/icon_delete13.gif'/&gt; &lt;/a&gt; &lt;/span&gt; &lt;/b:includable&gt; &lt;b:includable id='feedLinks'&gt; &lt;b:if cond='data:blog.pageType != &amp;quot;item&amp;quot;'&gt; &lt;!-- Blog feed links --&gt; &lt;b:if cond='data:feedLinks'&gt; &lt;div class='blog-feeds'&gt; &lt;b:include data='feedLinks' name='feedLinksBody'/&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;b:else/&gt; &lt;!--Post feed links --&gt; &lt;div class='post-feeds'&gt; &lt;b:loop values='data:posts' var='post'&gt; &lt;b:if cond='data:post.allowComments'&gt; &lt;b:if cond='data:post.feedLinks'&gt; &lt;b:include data='post.feedLinks' name='feedLinksBody'/&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/b:loop&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='feedLinksBody' var='links'&gt; &lt;div class='feed-links'&gt; &lt;data:feedLinksMsg/&gt; &lt;b:loop values='data:links' var='f'&gt; &lt;a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'&gt;&lt;data:f.name/&gt; (&lt;data:f.feedType/&gt;)&lt;/a&gt; &lt;/b:loop&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;b:includable id='comments' var='post'&gt; &lt;div class='comments' id='comments'&gt; &lt;a name='comments'/&gt; &lt;b:if cond='data:post.allowComments'&gt; &lt;h4&gt; &lt;b:if cond='data:post.numComments == 1'&gt; 1 &lt;data:commentLabel/&gt;: &lt;b:else/&gt; &lt;data:post.numComments/&gt; &lt;data:commentLabelPlural/&gt;: &lt;/b:if&gt; &lt;/h4&gt; &lt;b:if cond='data:post.commentPagingRequired'&gt; &lt;span class='paging-control-container'&gt; &lt;a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'&gt;&lt;data:post.oldestLinkText/&gt;&lt;/a&gt; &amp;#160; &lt;a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'&gt;&lt;data:post.olderLinkText/&gt;&lt;/a&gt; &amp;#160; &lt;data:post.commentRangeText/&gt; &amp;#160; &lt;a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'&gt;&lt;data:post.newerLinkText/&gt;&lt;/a&gt; &amp;#160; &lt;a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'&gt;&lt;data:post.newestLinkText/&gt;&lt;/a&gt; &lt;/span&gt; &lt;/b:if&gt; &lt;dl expr:class='data:post.avatarIndentClass' id='comments-block'&gt; &lt;b:loop values='data:post.comments' var='comment'&gt; &lt;dt expr:class='&amp;quot;comment-author &amp;quot; + data:comment.authorClass' expr:id='data:comment.anchorName'&gt; &lt;b:if cond='data:comment.favicon'&gt; &lt;img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/&gt; &lt;/b:if&gt; &lt;a expr:name='data:comment.anchorName'/&gt; &lt;b:if cond='data:blog.enabledCommentProfileImages'&gt; &lt;data:comment.authorAvatarImage/&gt; &lt;/b:if&gt; &lt;b:if cond='data:comment.authorUrl'&gt; &lt;a expr:href='data:comment.authorUrl' rel='nofollow'&gt;&lt;data:comment.author/&gt;&lt;/a&gt; &lt;b:else/&gt; &lt;data:comment.author/&gt; &lt;/b:if&gt; &lt;data:commentPostedByMsg/&gt; &lt;/dt&gt; &lt;dd class='comment-body'&gt; &lt;b:if cond='data:comment.isDeleted'&gt; &lt;span class='deleted-comment'&gt;&lt;data:comment.body/&gt;&lt;/span&gt; &lt;b:else/&gt; &lt;p&gt;&lt;data:comment.body/&gt;&lt;/p&gt; &lt;/b:if&gt; &lt;/dd&gt; &lt;dd class='comment-footer'&gt; &lt;span class='comment-timestamp'&gt; &lt;a expr:href='data:comment.url' title='comment permalink'&gt; &lt;data:comment.timestamp/&gt; &lt;/a&gt; &lt;b:include data='comment' name='commentDeleteIcon'/&gt; &lt;/span&gt; &lt;/dd&gt; &lt;/b:loop&gt; &lt;/dl&gt; &lt;b:if cond='data:post.commentPagingRequired'&gt; &lt;span class='paging-control-container'&gt; &lt;a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'&gt; &lt;data:post.oldestLinkText/&gt; &lt;/a&gt; &lt;a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'&gt; &lt;data:post.olderLinkText/&gt; &lt;/a&gt; &amp;#160; &lt;data:post.commentRangeText/&gt; &amp;#160; &lt;a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'&gt; &lt;data:post.newerLinkText/&gt; &lt;/a&gt; &lt;a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'&gt; &lt;data:post.newestLinkText/&gt; &lt;/a&gt; &lt;/span&gt; &lt;/b:if&gt; &lt;p class='comment-footer'&gt; &lt;b:if cond='data:post.embedCommentForm'&gt; &lt;b:if cond='data:post.allowNewComments'&gt; &lt;b:include data='post' name='comment-form'/&gt; &lt;b:else/&gt; &lt;data:post.noNewCommentsText/&gt; &lt;/b:if&gt; &lt;b:else/&gt; &lt;b:if cond='data:post.allowComments'&gt; &lt;a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'&gt;&lt;data:postCommentMsg/&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/p&gt; &lt;/b:if&gt; &lt;div id='backlinks-container'&gt; &lt;div expr:id='data:widget.instanceId + &amp;quot;_backlinks-container&amp;quot;'&gt; &lt;b:if cond='data:post.showBacklinks'&gt; &lt;b:include data='post' name='backlinks'/&gt; &lt;/b:if&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;/b:widget&gt; &lt;/b:section&gt; &lt;/div&gt; &lt;div id='sidebar-wrapper'&gt; &lt;b:section class='sidebar' id='sidebar' preferred='yes'&gt; &lt;b:widget id='HTML1' locked='false' title='Perfil' type='HTML'&gt; &lt;b:includable id='main'&gt; &lt;!-- only display title if it's non-empty --&gt; &lt;b:if cond='data:title != &amp;quot;&amp;quot;'&gt; &lt;h2 class='title'&gt;&lt;data:title/&gt;&lt;/h2&gt; &lt;/b:if&gt; &lt;div class='widget-content'&gt; &lt;data:content/&gt; &lt;/div&gt; &lt;b:include name='quickedit'/&gt; &lt;/b:includable&gt; &lt;/b:widget&gt; &lt;b:widget id='Label1' locked='false' title='Marcadores' type='Label'&gt; &lt;b:includable id='main'&gt; &lt;b:if cond='data:title'&gt; &lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt; &lt;/b:if&gt; &lt;div expr:class='&amp;quot;widget-content &amp;quot; + data:display + &amp;quot;-label-widget-content&amp;quot;'&gt; &lt;b:if cond='data:display == &amp;quot;list&amp;quot;'&gt; &lt;ul&gt; &lt;b:loop values='data:labels' var='label'&gt; &lt;li&gt; &lt;b:if cond='data:blog.url == data:label.url'&gt; &lt;span expr:dir='data:blog.languageDirection'&gt;&lt;data:label.name/&gt;&lt;/span&gt; &lt;b:else/&gt; &lt;a expr:dir='data:blog.languageDirection' expr:href='data:label.url'&gt;&lt;data:label.name/&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;b:if cond='data:showFreqNumbers'&gt; &lt;span dir='ltr'&gt;(&lt;data:label.count/&gt;)&lt;/span&gt; &lt;/b:if&gt; &lt;/li&gt; &lt;/b:loop&gt; &lt;/ul&gt; &lt;b:else/&gt; &lt;b:loop values='data:labels' var='label'&gt; &lt;span expr:class='&amp;quot;label-size label-size-&amp;quot; + data:label.cssSize'&gt; &lt;b:if cond='data:blog.url == data:label.url'&gt; &lt;span expr:dir='data:blog.languageDirection'&gt;&lt;data:label.name/&gt;&lt;/span&gt; &lt;b:else/&gt; &lt;a expr:dir='data:blog.languageDirection' expr:href='data:label.url'&gt;&lt;data:label.name/&gt;&lt;/a&gt; &lt;/b:if&gt; &lt;b:if cond='data:showFreqNumbers'&gt; &lt;span class='label-count' dir='ltr'&gt;(&lt;data:label.count/&gt;)&lt;/span&gt; &lt;/b:if&gt; &lt;/span&gt; &lt;/b:loop&gt; &lt;/b:if&gt; &lt;b:include name='quickedit'/&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;/b:widget&gt; &lt;b:widget id='BlogArchive1' locked='false' title='Arquivos' type='BlogArchive'&gt; &lt;b:includable id='main'&gt; &lt;b:if cond='data:title'&gt; &lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt; &lt;/b:if&gt; &lt;div class='widget-content'&gt; &lt;div id='ArchiveList'&gt; &lt;div expr:id='data:widget.instanceId + &amp;quot;_ArchiveList&amp;quot;'&gt; &lt;b:if cond='data:style == &amp;quot;HIERARCHY&amp;quot;'&gt; &lt;b:include data='data' name='interval'/&gt; &lt;/b:if&gt; &lt;b:if cond='data:style == &amp;quot;FLAT&amp;quot;'&gt; &lt;b:include data='data' name='flat'/&gt; &lt;/b:if&gt; &lt;b:if cond='data:style == &amp;quot;MENU&amp;quot;'&gt; &lt;b:include data='data' name='menu'/&gt; &lt;/b:if&gt; &lt;/div&gt; &lt;/div&gt; &lt;b:include name='quickedit'/&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;b:includable id='flat' var='data'&gt; &lt;ul class='flat'&gt; &lt;b:loop values='data:data' var='i'&gt; &lt;li class='archivedate'&gt; &lt;a expr:href='data:i.url'&gt;&lt;data:i.name/&gt;&lt;/a&gt; (&lt;data:i.post-count/&gt;) &lt;/li&gt; &lt;/b:loop&gt; &lt;/ul&gt; &lt;/b:includable&gt; &lt;b:includable id='menu' var='data'&gt; &lt;select expr:id='data:widget.instanceId + &amp;quot;_ArchiveMenu&amp;quot;'&gt; &lt;option value=''&gt;&lt;data:title/&gt;&lt;/option&gt; &lt;b:loop values='data:data' var='i'&gt; &lt;option expr:value='data:i.url'&gt;&lt;data:i.name/&gt; (&lt;data:i.post-count/&gt;)&lt;/option&gt; &lt;/b:loop&gt; &lt;/select&gt; &lt;/b:includable&gt; &lt;b:includable id='interval' var='intervalData'&gt; &lt;b:loop values='data:intervalData' var='i'&gt; &lt;ul class='hierarchy'&gt; &lt;li expr:class='&amp;quot;archivedate &amp;quot; + data:i.expclass'&gt; &lt;b:include data='i' name='toggle'/&gt; &lt;a class='post-count-link' expr:href='data:i.url'&gt;&lt;data:i.name/&gt;&lt;/a&gt; &lt;span class='post-count' dir='ltr'&gt;(&lt;data:i.post-count/&gt;)&lt;/span&gt; &lt;b:if cond='data:i.data'&gt; &lt;b:include data='i.data' name='interval'/&gt; &lt;/b:if&gt; &lt;b:if cond='data:i.posts'&gt; &lt;b:include data='i.posts' name='posts'/&gt; &lt;/b:if&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/b:loop&gt; &lt;/b:includable&gt; &lt;b:includable id='toggle' var='interval'&gt; &lt;b:if cond='data:interval.toggleId'&gt; &lt;b:if cond='data:interval.expclass == &amp;quot;expanded&amp;quot;'&gt; &lt;a class='toggle' href='javascript:void(0)'&gt; &lt;span class='zippy toggle-open'&gt;&amp;#9660;&amp;#160;&lt;/span&gt; &lt;/a&gt; &lt;b:else/&gt; &lt;a class='toggle' href='javascript:void(0)'&gt; &lt;span class='zippy'&gt; &lt;b:if cond='data:blog.languageDirection == &amp;quot;rtl&amp;quot;'&gt; &amp;#9668;&amp;#160; &lt;b:else/&gt; &amp;#9658;&amp;#160; &lt;/b:if&gt; &lt;/span&gt; &lt;/a&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/b:includable&gt; &lt;b:includable id='posts' var='posts'&gt; &lt;ul class='posts'&gt; &lt;b:loop values='data:posts' var='i'&gt; &lt;li&gt;&lt;a expr:href='data:i.url'&gt;&lt;data:i.title/&gt;&lt;/a&gt;&lt;/li&gt; &lt;/b:loop&gt; &lt;/ul&gt; &lt;/b:includable&gt; &lt;/b:widget&gt; &lt;b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'&gt; &lt;b:includable id='main'&gt; &lt;b:if cond='data:title != &amp;quot;&amp;quot;'&gt; &lt;b:if cond='data:codeSnippet != &amp;quot;&amp;quot;'&gt; &lt;h2 class='title'&gt;&lt;data:title/&gt;&lt;/h2&gt; &lt;b:else/&gt; &lt;b:if cond='data:totalFollowerCount != &amp;quot;&amp;quot;'&gt; &lt;h2 class='title'&gt;&lt;data:title/&gt; (&lt;data:totalFollowerCount/&gt;)&lt;/h2&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;div class='widget-content'&gt; &lt;div expr:id='data:widget.instanceId + &amp;quot;-wrapper&amp;quot;'&gt; &lt;b:if cond='data:codeSnippet != &amp;quot;&amp;quot;'&gt; &lt;div style='margin-right:2px;'&gt; &lt;data:codeSnippet/&gt; &lt;/div&gt; &lt;b:else/&gt; &lt;b:if cond='data:totalFollowerCount == &amp;quot;&amp;quot;'&gt; &lt;span class='item-control following-not-admin'&gt; &lt;b&gt;&lt;data:failureSnippet/&gt;&lt;/b&gt; &lt;/span&gt; &lt;span class='item-control blog-admin'&gt; &lt;b&gt;&lt;data:adminFailureSnippet/&gt;&lt;/b&gt; &lt;/span&gt; &lt;b:else/&gt; &lt;b:if cond='data:followingLinkPresent'&gt; &lt;div class='follow-this profile-link item-control following-follow-this'&gt; &lt;a expr:href='&amp;quot;javascript:_FollowersView._openPopup(&amp;quot;&amp;quot; + data:followUri + &amp;quot;&amp;quot;);&amp;quot;'&gt; &lt;data:followThisMessage/&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class='follow-this profile-link item-control following-stop-following-this'&gt; &lt;a expr:href='&amp;quot;javascript:_FollowersView._openPopup(&amp;quot;&amp;quot; + data:followUri + &amp;quot;&amp;quot;);&amp;quot;'&gt; &lt;data:stopFollowingMessage/&gt; &lt;/a&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;div class='followers-grid'&gt; &lt;b:if cond='data:totalFollowerCount == 0'&gt; &lt;div class='profile-link item-control following-follow-this'&gt; &lt;data:emptyFollowersMessage/&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;!-- Relies on the js written out in navbar.gxp --&gt; &lt;b:loop values='data:followers' var='follower'&gt; &lt;div class='follower'&gt; &lt;a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'&gt; &lt;img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&amp;quot;this.onerror=null;this.src=&amp;quot;&amp;quot; + data:anonFollowerImageUrl + &amp;quot;&amp;quot;;&amp;quot;' expr:onload='&amp;quot;setAttributeOnload(this, &amp;quot;src&amp;quot;, &amp;quot;&amp;quot; + data:follower.imageUrl + &amp;quot;&amp;quot;)&amp;quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/&gt; &lt;/a&gt; &lt;/div&gt; &lt;/b:loop&gt; &lt;div class='clear'/&gt; &lt;/div&gt; &lt;div class='followers-canvas profile-link'&gt; &lt;data:followersFooterMessage/&gt; &lt;span class='item-control following-not-admin'&gt; &lt;a expr:href='data:followersUri'&gt; &lt;data:viewAllMessage/&gt; &lt;/a&gt; &lt;/span&gt; &lt;span class='item-control blog-admin'&gt; &lt;a expr:href='data:manageFollowersUri'&gt; &lt;data:manageFollowersMessage/&gt; &lt;/a&gt; &lt;/span&gt; &lt;/div&gt; &lt;/b:if&gt; &lt;/b:if&gt; &lt;/div&gt; &lt;b:include name='quickedit'/&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;/b:widget&gt; &lt;b:widget id='LinkList1' locked='false' title='Linkbar' type='LinkList'&gt; &lt;b:includable id='main'&gt; &lt;b:if cond='data:title'&gt;&lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt;&lt;/b:if&gt; &lt;div class='widget-content'&gt; &lt;ul&gt; &lt;b:loop values='data:links' var='link'&gt; &lt;li&gt;&lt;a expr:href='data:link.target'&gt;&lt;data:link.name/&gt;&lt;/a&gt;&lt;/li&gt; &lt;/b:loop&gt; &lt;/ul&gt; &lt;b:include name='quickedit'/&gt; &lt;/div&gt; &lt;/b:includable&gt; &lt;/b:widget&gt; &lt;/b:section&gt; &lt;/div&gt; &lt;!-- spacer for skins that want sidebar and main to be the same height--&gt; &lt;div class='clear'&gt;&amp;#160;&lt;/div&gt; &lt;/div&gt; &lt;!-- end content-wrapper --&gt; &lt;div id='footer-wrapper'&gt; &lt;b:section class='footer' id='footer'/&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;!-- end outer-wrapper --&gt; &lt;/body&gt; &lt;/html&gt; </div> 6http://irwankade.blogspot.com/2014/01/mengenal-domain-dan-hosting.htmlBloggerInternetnoreply@blogger.com (IrwanKade)Mon, 13 Jan 2014 12:35:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-8570252903200801248<div class="separator" style="clear: both; text-align: center;"> <img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyCGOCeFV1EzAOPrvdvkuHq_Is2qq0783eqODWkZ_A9Az0AOe8SYm8w2_zfEgF-25-udPu-C9e9wKnG3tx9CZ8ll-kRjAQA7uH2RdaaCqXOT4EGKKLa6r-wQMTr-mZhcc3dHhpPfY49sA/s320/Domain.png" width="320" /></div> <br /> Bila Anda adalah blogger, maka suatu hari nanti ketika Anda naik kelas ke Blogger Pro, dipastikan Anda akan memerlukan yang namanya DOMAIN dan HOSTING. <br /> <br /> Apa itu DOMAIN dan HOSTING ? untuk menjawabnya selain lewat googling , Ensiklopedia Bebas (Wikipedia) juga punya jawabanya seperti berikut ini : <br /> <br /> DOMAIN adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan computer ataupun internet. Fungsi Domain adalah untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya "wikipedia.org". Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website. (sumber : Wikipedia.org) <br /> <br /> HOSTING adalah Layanan hos internet yaitu jasa layanan internet yang menyediakan sumber daya server-server untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL atau DNS. (sumber : Wikipedia.org) <br /> <br /> Sederhananya, jika terdapat sebuah box yang telah kita beri nama maka nama box tersebut adalah DOMAIN dan isi box tersebut adalah HOSTING. <br /> <br /> Domain terdiri atas 2 bagian yaitu Nama Domain dan Extension. Kita ambil contoh google.com maka google adalah nama domain dan .com adalah extensionnya. <br /> <br /> Berdasarkan TOP Level Domain, Domain dibagi menjadi 2 yaitu Global Top Level Domain (gTLD) dan Country Code Top Level Domain (ccTLD). <br /> <br /> Global Top Level Domain adalah domain dengan extension yang bersifat global misalnya .com, .net, .org. sedangkan Country Cod Top Level Domain adalah Top Level Domain yang diperuntukan untuk masing-masing Negara seperti Indonesia dengan kode ID yaitu : .co.id, .net.id, .or.id. <br /> <br /> Ada juga yang disebut dengan SUBDOMAIN. Subdomain adalah domain dibawah domain dan berdiri sendiri. Jika diibaratkan domain dalah sebuah Negara maka provinsi dan kabupaten adalah subdomain. Contohnya : bola.kompas.com maka kompas adalah domain dan bola adalah subdomain. <br /> <br /> Untuk melihat daftar extension dari domain silah menuju Wikipedia lewat link ini : <a href="http://en.wikipedia.org/wiki/List_of_Internet_top-level_domains" rel="nofollow" target="_blank">KLIK DISINI</a> <br /> <br /> Untuk membuat blog atau website, Anda bisa menggunakan kombinasi : Domain dan Hosting Gratis, Domain Berbayar dan Hosting Gratis, Domain dan Hosting Berbayar <br /> <br /> Kalo ada yang gratis kanapa harus bayar ? yang pasti yang bayar menawarkan fitur-fitur dan layanan yang lebih baikk dari yang sekedar GRATISAN. <br /> <br /> <i>Nah</i>, jika Anda tertarik untuk membeli Domain saja atau hosting saja atau sekaligus Domain dan Hosting (biasanya dengan membeli hosting, domainnya GRATIS) anda bisa mencoba di <b>www.niagahoster.co.id</b>, <a href="http://www.niagahoster.co.id/ref/3140" target="_blank">KLIK DISINI</a>. 0http://irwankade.blogspot.com/2014/01/demokrasi-itu-klenik.htmlTeropongnoreply@blogger.com (IrwanKade)Thu, 9 Jan 2014 19:15:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-5991859510007632535<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYnFstY8w3oy4fGdWjWMMDXMN19SF0oyDQ5mhwI09rIZKNegLbIi1wW2HjgJh46RYq_ziWvYf6WBi9Yb9fWM1fi5VFBPNdR4GPUygDwMlg_2ydCrhz89mBW2MZUFxMSKrblouGSShZNI/s1600/dc2b-jpg.jpg" height="320" width="213" /></td></tr> <tr><td class="tr-caption" style="text-align: center;">Foto: www.sujiwotejo.com</td></tr> </tbody></table> <br /> Judul artikel ini adalah pernyataan dari seorang budayawan Indonesia, Sujiwo Tejo, pada acara favorit saya, Mata Najwa, episode Teropong Politik yang tayang pada Rabu, 08 Januari 2014. <br /> <br /> Sebuah pernyataan yang seketika berubah menjadi pertanyaan dan menggugah rasa ingin tahu, mengapa demokrasi bisa dikatakan sebagai klenik. <br /> <br /> Mencoba memahami pemikiran seorang budayawan yang sempat menjadi wartawan di harian kompas selama 8 tahun itu, berikut adalah hasil penelusuran yang saya lakukan dengan mengajukan pertanyaan ke mbah yang seba tahu, Mbah Google. <br /> <br /> <b>Apa itu kenik ?</b><br /> Dalam kamus besar bahasa Indonesia, klenik diartikan mistik, sebagai sebuah kegiatan perdukunan dengan cara-cara yang sangat rahasia dan tidak masuk akal, tetapi dipercayai banyak orang dengan mempersembahkan harapan-harapan mereka. <br /> <br /> <b>Apa itu Demokrasi ?</b><br /> Demokrasi dalam Kamus Besar Bahasa Indonesia diartikan (1) Bentuk atau system pemerintahan yang seluruh rakyatnya turut serta memerintah dengan perantaraan wakilnya; (2) Gagasan atau pandangan hidup yang mengutamakan persamaan hak dan kewajiban serta perlakuan yang sama bagi semua warga Negara. <br /> <br /> Pada acara tersebut pula, Agus Hadi Sudjiwo, mengatakan yang intinya <i>Bagaimana Mungkin Kebenaran itu ditentukan oleh suara terbanyak ? </i><br /> <br /> <b>Kebenaran Sejati/ Hakiki ?</b><br /> Kebenaran Hakiki menurut Al-Ghazali adalah pengetahuan yang diyakini betul kebenarannya, tak terdapat sedikitpun keraguan di dalamnya. Kata-nya : “<i>Jika ku ketahui sepuluh adalah lebih banyak dari tiga dan orang yang mengatakan sebaliknya dengan bukti seajaib tongkat yang dapat dirubah menjadi ular dan itu memang terjadi dan kusaksikan sendiri, hal itu tak akan membuat aku ragu terhadap pengetahuan bahwa sepuluh lebih banyak dari tiga; aku hanya akan merasa kagum terhadap kemampuan orang tersebut. Sekali-kali hal itu tidak akan membuat aku ragu tehadap pengetahuanku</i>” (al-Ghazali, al-Munqidz min adh-Dhalal, hal. 4-5). <br /> <br /> <b>Kesimpulan</b><br /> Memahami pemikiran seorang Sujiwo Tejo bahwa Demokrasi adalah Klenik, berarti harus mengarungi bengitu luasnya lautan ilmu yang juga begitu sulit untuk ku pahami. <br /> <br /> Tapi, dengan keyakinan berdasarkan sedikitnya ilmu yang bias ku pahami, cukup juga untuk mengatakan bahwa “Sangat Setuju Dengan Pernyataan itu”. <br /> <br /> <b>Demokrasi – Kebenaran – Suara Terbanyak</b> <br /> <br /> Dalam demokrasi, kebenaran adalah berdasarkan suara terbanyak. Maka tidak heran jika hari ini kita melihat begitu carut-marutnya Negara tercinta ini seolah-olah tidak diurus atau dibiarkan saja. Bayangkan, Pemimpin kita (Presiden, DPR, Gubernur, Bupati dan Walikota) dipilih berdasarkan kebnaran yang diyakini oleh masyarakat yang rata-rata pendidikannya adalah 5,8 tahun atau tidak lulus SD. 0http://irwankade.blogspot.com/2013/12/cara-mengubah-username-twitter.htmlInternetnoreply@blogger.com (IrwanKade)Sun, 8 Dec 2013 15:14:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-6861255091158338642<div class="separator" style="clear: both; text-align: center;"> <img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUTRJ4FQ6FpyVJHphEU35xWAi2h-NDBxlkClvuiJF_uCdGlWgJYePhbkdljI8eOx-ie5D73bIWUJcOOvEGC9I_fm3f32wlxIcWt_3PSwZvm-Ud2eG9Ya9T4F-ZNaiC206Et9Y5kgpxDVU/s320/LogoTwitter.jpg" width="320" /></div> <br /> Sudah bosan dengan nama akun twitter Anda ? Atau Anda merasa kurang bagus <b><i>Username</i></b>-nya ? tidak perlu membuat akun baru lagi, cukup dengan mengubahnya sesuai dengan yang Anda inginkan.<br /> <br /> Pertama silahkan <b>Log in</b> ke akun twitter Anda.Kemudian klik <b>Setting and help</b> lalu pilih <b>Setting</b>.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_XcR_0G3tnP5bHW2c3tLnaanYACTcMJN9511-DWmzBafEFLkRQljwgyy_mfnZZotw9MrS6Wz6DYS18HcppIXLpFyQG2a7qXUNSH08E3_JHn6t_dX1nKIMUrotNQdjM34kyE8Xk-TuT8/s1600/SettingHelp-Twitter.jpg" /></div> <br /> Lihat pada bagian <b>Account</b> kemudian ganti Username yang ada sesuai dengan keinginan Anda. Dan klik <b>Save changes</b>.<br /> <br /> Dibagian Account ini Anda juga bisa mengganti Email yang terhubung dengan twitter, Bahasa dan Time Zone yang dgunakan.0http://irwankade.blogspot.com/2013/12/3-cara-menulis-rumus-di-microsoft-excel.htmlMicrosoft Excelnoreply@blogger.com (IrwanKade)Mon, 2 Dec 2013 09:15:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-1523640837480184166<div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJtoZ09DJdwFsZ9hpX1IIT_dNdpVEER57OmashfscmfYvYN-b6rakh_pb_nDQFzlFPr2j1h9wymYTLSTb1lH_uWOi_JLqpO0HOOsGc3FuJ2QCwbxP1PFKHjLAYLIjQP1GhAWrrJYqWtrc/s320/Microsoft-Excel.jpg" height="320" width="320" /></div> <br /> Untuk memuddahkan dalam mengelola data pada lembar kerja Microsoft Excel, salah satu caranya adalah dengan menggunakan Rumus.<br /> <br /> Rumus dalam microsoft excel adalah cara mengelola data dengan memasukkan instruksi matematika ke dalam suatu sel pada lembar kerja berupa operator hitung atau operator aritmatika diantaranya adalah Penjumlahan (+), Pengurangan (-), Perkalian (*), Pembagian (/) dan Pangkat (^).<br /> <br /> Dalam menggunakan rumus pada lembar kerja Microsoft Excel, Anda dapat menggunakan salah satu cara dari 3 (tiga) cara berikut :<br /> <br /> <b style="font-size: 150%;">1. Menggunakan Angka Tetap</b><br /> Maksudnya adalah menggunakan rumus dengan menggunakan angka yang diawali dengan tanda sama dengan (=).<br /> <span style="color: #990000;"><b>Contoh : </b></span>Misalnya dengan mengetik rumus =83+93, maka tempatkan penunjuk sel pada posisi yang Anda inginkan (misalnya B2) kemudian ketikkan rumus tersebut :<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxZaX7jllb2giIrCTSpiA3ZkLgVpGb-kle_RTC1YoEeskYTviZVsRi3Y4ysRvdSU4HolOgY7pV49M_DVYi4y6m5eD4z-Nx74Ep0wMRKr9ZxGlw3Lk0MUEWmrSxf4CoVMd0tqjL9QBDHno/s1600/20131201-1.jpg" /></div> <br /> Kemudian tekan tombol <b>Enter</b>, maka hasilnya akan tampak yaitu 176.<br /> <br /> <b style="font-size: 150%;">2. Menggunakan Referensi Sel</b><br /> Cara ini akan terasa lebih efisien, karena jika terjadi perubahan pada sel yang menjadi referensi maka hasil pada sel dimana rumus dimasukkan akan ikut berubah.<br /> <b><span style="color: #990000;">Contoh :</span></b> Ketikkan pada sel B1 angka 83 dan pada sel B2 angka 93, kemudian ketikkan pada sel B4 rumus =B1+B2 kemudian tekan tombol Enter. Sel B4 adalah hasil penjumlahan dari angka pada sel B1 dan sel B2, maka jika angka pada sel B1 atau B2 mengalami perubahan maka hasil pada sel B4 akan ikut berubah.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpIPybEybWIpCMFl66JkmdjuyOX9FexhpsoLQSq_p_J1L2M62WJa74jDc5JnfftBJEJPtUI3By6lUZmMO0CtY6rfyLHV0fusDYZvLx4-tIvWqsVQlYDU7g5B1Qf95TuaZRbOT1wURb-ks/s1600/20131201-2.jpg" /></div> <b><br /></b> <b style="font-size: 150%;">3. Menunjuk Sel</b><br /> Sama seperti cara 2, tapi disini tidak dengan mengetikkan langsung referensi del yang dinginkan tapi dengan menggunakan mouse atau tombol keyboard. Cara ini lebih dianjurkan bila dibandingkan dengan cara 2 karena memperkecil kemungkinan salah mengetikkan referensi sel.<br /> <b><span style="color: #990000;">Contoh :</span></b> Sama seperti contoh pada cara 2, tapi setelah mengetikkan tanda sama dengan (=) pada sel B4 ikuti dengan klik pada sel B1 kemudian ketikkan tanda penjumlahan (+) lalu klik pada sel B2 selanjutnya tekan tombol <b>Enter</b>.0http://irwankade.blogspot.com/2013/12/cara-membuat-halaman-cover.htmlMicrosoft Wordnoreply@blogger.com (IrwanKade)Sun, 1 Dec 2013 16:08:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-3574109031273659870<div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK4odF4NMwkWKbQN8knaJI17GHRiC_gmanXyRRbB79KWWWSKFLuNE4v2RvD1kAqRq2A47m1a1bvZXGb9tyWwzahGBV8Ehv4lpK1pgZPfbJ6t3j8iivyP4Tu_QfKIsnQQXxfTHVqqnoSi0/s320/Microsoft-Word.jpg" height="320" width="320" /></div> <br /> Microsoft Word telah menyediakan fasilitas untuk membuat Halaman Cover sehingga akan lebih memudahkan kita dan tidak perlu membuatnya secara manual.<br /> <br /> Fasilitas untuk membuat Halaman Cover tersebut bisa ditemukan di Tab <b>Insert</b>.&nbsp; Pada <b>Group Page</b> dengan klik pada <b>Cover Page</b>. Tampilan Group Page adalah sebagai berikut :<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ1Lfh73uUQkz6h9lLSwdfUBjx-bFPXcmB0Xb0NjB_5zE0oT6Smp0-6pQ91_dApg7H1706F6QVIJgliQRVmV15gzV5cKAJBzZ-s6seD0CAvGm3oJIDOtexfTT60hqSCk2SKmBcZ0eeJfc/s400/Group-Page.jpg" height="243" width="400" /></div> <br /> Klik Pada <b>Cover Page</b>, sehingga kotak pemilihan format halaman cover akan tampil sebagai berikut :<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYl5C1JmAnJ_7x-m9ojajLJV81D_VzryynQnHgI1-msM6tHndIdgBowVHOmdRV8Veu3-tme_3nnWZUiGK965UjWAmnVTeJZ2Z7nWJC-yqZvJoVpzb6WQ6rS5-lHMua_p7lLOydBikf4L8/s400/CoverPages.jpg" height="400" width="390" /></div> <br /> Pada kotak pemilihan tesebut, Anda bisa memilih tampilan cover yang sesuai dengan yang Anda inginkan. Jika Anda tidak menemukan halaman cover yang sesuai Anda bisa mendapatkan referensi cover page lewat site office.com dengan melakukan klik pada <b>More Cover Page from Office.com</b>.<br /> <br /> Untuk menghapus halaman cover yang telah dibuat sebelumnya, klik pada <b>Remove Current Cover Page</b>.0http://irwankade.blogspot.com/2013/11/cara-mengatur-jarak-antar-karakter.htmlMicrosoft Wordnoreply@blogger.com (IrwanKade)Tue, 26 Nov 2013 19:39:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-620348977803299346<div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK4odF4NMwkWKbQN8knaJI17GHRiC_gmanXyRRbB79KWWWSKFLuNE4v2RvD1kAqRq2A47m1a1bvZXGb9tyWwzahGBV8Ehv4lpK1pgZPfbJ6t3j8iivyP4Tu_QfKIsnQQXxfTHVqqnoSi0/s320/Microsoft-Word.jpg" height="320" width="320" /></div> Sebelum memulai mempelajari tips berikut ini, sebaiknya sobat buka lembar kerja Microsoft Word terlebih dahulu untuk langsung mempraktekkannya agar lebih bisa memahami.<br /> <br /> Untuk melakukan pengaturan jarak antar karakter pada lembar kerja Microsoft Word, hal pertama yang harus dilakukan adalah pilih (sorot) teks yang akan Anda atur jarak antar karakternya.<br /> <br /> Kedua, Pada Tab <b>Home</b>, dalam group <b>Font</b>, klik <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKMHjSipqL1Y7850-yrU3UHu0FWHa1xXQ3T83oimNFImM1sLnciDldnAyrDNI_lNJoh3V2kJALQolep4MJNOjQlVQiEouVFvzuXXkC639cTk3GlmXiMR_LlocumMJwbqx6kHewbFOeepk/s1600/20131125-2.jpg" /> <b>Font Dialog Box Launcher</b> atau tekan <b>Ctrl+Shift+F</b>. Kotak Dialog Font terbuka dan akan tampak seperti berikut ini :<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAdHnM8qzY_rfYFzP17ZHxebZ6QckzEpyOzFvKyzBRqn4wPklymhhVfVMc8_885naqCZ2gTeTI2bdbRR8b5znye0-J2_jfsJTQtfE1kT9jAzbmshDBsoe9HocJ-3Uo94cvrcIOBh2kjJE/s400/20131126-1.jpg" height="400" width="375" /></div> <br /> Klik Tab Character <b>Spacing</b>, pilih <b>Scale</b>, tentukan skala berapa persen yang akan dipakai dalam mengatur spasi antar karakter.<br /> <br /> Pada kotak daftar pilihan <b>Spacing</b>, terdapat tiga pilihan dengan penjelasan sebagai berikut :<br /> <ul> <li><b>Normal</b>, untuk jarak antar karakter normal.</li> <li><b>Expanded</b>, untuk jarak antar karakter lebih renggang.</li> <li><b>Condensed</b>, untuk jarak antar karakter lebih rapat.</li> </ul> <br /> Kotak daftar pilihan Position, adalah untuk menentukan letak karakter terhadap baris : <br /> <ul> <li><b>Normal</b>, untuk letak karakter tepat pada baris.</li> <li><b>Raised</b>, untuk letak karakter lebih ke atas.</li> <li><b>Lowered</b>, untuk letak karakter lebih rendah.</li> </ul> Jika pengaturan yang diinginkan sudah cukup, klik <b>OK</b>.0http://irwankade.blogspot.com/2013/11/cara-mengatur-format-karakter-atau-teks.htmlMicrosoft Wordnoreply@blogger.com (IrwanKade)Mon, 25 Nov 2013 20:15:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-256886352643780272<div class="separator" style="clear: both; text-align: center;"> </div> <div style="margin-left: 1em; margin-right: 1em; text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzpDWH0sLmXV7vH_Gr8QgAtWyczNpOJqKJUhlD5ajN-qURhrwfoHrc3EWoW9_-fX_PJzftY57QluZ4wwztm5TmEcwdzC5mGN-oHIYrpHy4BWv8EDnW4VGRLxxpuIkwaQSgh0josbE20Wg/s320/Microsoft-Word.jpg" height="320" width="320" /> </div> <br /> <br /> Ketika bekerja dengan menggunakan Microsoft Word, dalam beberapa kasus kita harus melakukan pengaturan format karakter atau teks.<br /> <br /> Bagi mereka yang sudah diatas pemula, cara ini sangatlah mudah sekalipun bahkan mereka lupa nama perintahnya tapi ketika bekerja dengan Microsoft Word mereka tahu dimana harus mencari tombol perintahnya.<br /> <br /> Untuk mengatur format karakter atau teks pada Microsoft Word, hal pertama yang harus dilakukan adalah dengan menyorot karakter atau teks yang akan diatur formatnya. Kemudian mengaturnya sesuai dengan keinginan menggunakan <b>Group Font</b> pada <b>Tab Home</b> seperti terlihat dibawah ini :<br /> <br /> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnRQrqylIDyq54uMi_OML0NQ5xOqZU1wIjwXpjWWlRQWOUyjYvGxU53D0HGsbSYbWyUcRIEhhKlT46c2EJhFQ-3M00o572SJ9xk7BOZNuKU-T2jVMKUMjfFCYzU9oSnxRX1CoD9rc3TZM/s400/20131125-1.jpg" height="141" width="500" /> </div> <br /> Perintah dari tombol toolbar tersebut adalah sebagai berikut :<br /> <br /> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylMmUYD6hGHhf_spQN7rAewIof33pjFMMEkgnr9wZ6M0lUCukpBXm_81uHXDoxKBmJDlYFjHazfJem5LLA6MHjF0LfP00SuB0PlTJULghIMy4Btx8xL6w7m38FLpt0YBkej08zI-y0qY/s400/20131125-3.jpg" height="400" width="353" /> </div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> Selain cara dengan menggunakan Group Font, mengatur Format Karakter dan Teks juga bisa dilakukan dengan menggunakan <b>Kotak Dialog Font</b>. Untuk memunculkan Kotak Dialog Font, klik pada <b>Font Dialog Box Launcher</b> atau tekan <b>Ctrl+Shift+F</b>.&nbsp;</div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk4IX-w7od93PJYzMzl2aRXr_VPyKUR9jE8KB1cN1kwoeHs4hENzAaVmSywbr8F-wH-GK17uwI_vA0Jtpcz3zcURpKq5JKqr7_Si9SzTACL4zXOFd-_EqnwL__U_oSxIitW5Pdv0pdbrc/s1600/20131125-4.jpg" /> </div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> Silahkan untuk langsung dicoba dengan pilih dan klik, kemudian lihat perubahannya pada <b>Preview</b>.<br /> <br /> Pengaturan Karakter atau Text bisa juga dilakukan dengan menggunakan <b>Mini Toolbar</b>. Penampakan Mini Toolbar adalah sebagai berikut :<br /> <br /> <div style="text-align: center;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYKylF5TacYtABja_7_wJc3bAmbzuntrGKmGUbFaZrHVsY6De31N86gU2rsVSj_4tnuNL_I0aM7_bQgOKkUJkdQ4kPdFinUwHJ5Z3xb53L2-QNqeTnLGtIgM0vRgEboniEJ0pDzwcwnew/s1600/20131125-5.jpg" /> </div> <br /> Cara memunculkan Mini Toolbar adalah dengan menyorot text kemudian mengarahkan kursor ke pojok kanan atas atau dengan melakukan Klik Kanan.1http://irwankade.blogspot.com/2013/10/cara-log-out-dan-ganti-pin-di-bbm.htmlInternetnoreply@blogger.com (IrwanKade)Sat, 26 Oct 2013 19:52:00 +0700tag:blogger.com,1999:blog-4610057285283004858.post-4600159249754898087<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimssSLkoGdTDiRQalLdjuOtYpSVGUG4F1oM_SJegEjZUtl_HmOK8-TbwjnjAmin8M0ikwrraXQdvWRZhcKcV7Lsu34UiY0crLWl0jfwgJZBP9SP6wGQRtAsjg1ZPdIKg3kXf4IfY-guMA/s1600/LogoBBM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Logo BlackBerry" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimssSLkoGdTDiRQalLdjuOtYpSVGUG4F1oM_SJegEjZUtl_HmOK8-TbwjnjAmin8M0ikwrraXQdvWRZhcKcV7Lsu34UiY0crLWl0jfwgJZBP9SP6wGQRtAsjg1ZPdIKg3kXf4IfY-guMA/s1600/LogoBBM.jpg" title="BlackBerry" /></a></div> Sudah punya BBM Android ? Jika Anda adalah penggemar Android, Pasti Anda sudah menggunakan layanan BBM Android.<br /> Apakah Anda pernah memikirkan bagaimana caranya mengganti PIN BBM Android ? atau mencari-cari dimana tombol Log Out nya ?<br /> Sebenarnya BlackBerry Messenger (BBM) tidak memberikan kesempatan kepada pengguna untuk "keluar" atau Log Out. Log Out berguna untuk keluar dari Aplikasi dan memungkinkan untuk Log In lagi dengan menggunakan akun lain.<br /> Sekalipun BBM Android tidak menyediakan tombol Log Out, ternyata ada cara mudah untuk Log Out dari BBM Android. Pertama, pilih menu "Setting" dari perangkat Android Anda, pilih "Apps", pilih Aplikasi BBM kemudian klik tombol menu "Clear Data". Cara tersebut juga berguna jika ingin mengganti PIN BBM Android.<br /> Setelah menekan tombol menu "Clear Data", Aplikasi BBM Android menjadi tidak aktif dan Anda tidak bisa lagi menerima pesan BBM.<br /> Untuk mengaktifkan kembali Aplikasi BBM Android, jalankan kembali aplikasinya. Tampilan yang muncul adalah seperti pertamakali mengunduh aplikasi BBM dan Anda diminta untuk memasukkan alamat email.<br /> Masukkan alamat email Anda yang terdaftar di BBM.com. Kemudian Sign In dengan menggunakan email BlackBerry ID Anda jika Anda ingin menggunakan kembali PIN Lama Anda atau klik "Creat a BlackBerry ID" jika Anda ingin mengganti PIN BBM Android.0