tag:blogger.com,1999:blog-44962354301001698742024-02-20T06:54:23.773+07:00e-TutsTutorials On the NetSixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-4496235430100169874.post-16383398568380282342013-06-07T12:57:00.001+07:002013-06-07T12:57:43.104+07:00Arti Kepo<p><b>Kepo</b> adalah singkatan dari "<i>Knowing Every Particular Object</i>" jika anda mentranslatekan<br>
kalimat ini di google maka artinya akan menjadi ini "Mengetahui setiap Obyek khusus", dari artinya saja kita sudah ada bayangan apa yang di maksud " <b><i>Kepo</i></b> " tersebut bukan ?,</p>
<p>Kepo adalah panggilan untuk orang yang keingintahuannya tinggi (Rasa ingin tahu yang besar) ia ingin mengetahui secara mendalam sedetil- detilnya dari banyak hal, apapun yang ia dengar atau ia lihat walaupun sekilat. Kehebatan Kepo ialah orang ini mengetahui banyak hal yang tidak diketahui orang, tetapi ia tahu karena ia mempunyai mata yang amat - amat jeli dan sangat tajam, orang ini mempunyai rasa ingin tahu yang tinggi, ini menjadikannya addict seperti nikotin alias kecanduan yang menyala - nyala dalam dirinya karena rasa keingintahuanya walaupun itu hanya masalah kecil, dan hal - hal inilah yang<br>
menjadikan kelebihan dan kekuatan seorang Kepo<br>
Kebiasaan orang Kepo ialah sering bertanya - tanya (karena sifat keingin tahuannya), memantau<br>
banyak orang secara diam, tenang (biasanya fase tenang ialah fase pemantauannya). Kebiasaan<br>
Buruknya ialah jika ia bertanya ia akan terus bertanya - tanya sampai ia mendapatkan informasi yang di inginkan dan ini akan membuat<br>
orang lain itu keseldan sebel akan pertanyaannya.</p>
<p>Contoh Kasus Pertama :<br>
A: Teman 1<br>
B: Teman Yang Diomongin<br>
C: Teman 2<br>
K: Kepo<br>
A : Si B sedang Galau tuh<br>
C : Masa sih ?<br>
K : (Dengan pendengaran yang Tajam, ikutan nimprung) Galau kenapa tuh ?, Kok bisa ? ,Masa<br>
sih ? Karena apa tuh ? ( terus bertanya ) . . . .<br>
A & C : Busettttt kebanyakan nanya Kepo Loe !!<br>
Contoh Kejadian (TKP) :<br>
A: Teman<br>
K: Kepo (Didalam sebuah kantor, pada saat semua<br>
orang sedang sibuk kerja)<br>
K: (melirik dari ujung rambut ke ujung jempol kaki<br>
semua teman - teman kerjanya)<br>
A: (sedang mengetik tugas)<br>
K: Muke gile salah pake kaos kaki lu<br>
A: Bahhh yang bener (cek kaos kaki, ternyata<br>
beneran, sebelah hitam dan sebelah coklat)<br>
K: Iya kan ?<br>
A: Kok tau sih ?, padahal dari tadikagak ada yang<br>
sadar, Buju buneng Kepo loe !!<br>
K: Bukannya terima kasih, untung belum banyak<br>
yang tahu !!.</p>
<p>Kekurangan Kepo :<br>
- Jika ia bocor, fatal akibatnya (rahasia anda terbongkar)<br>
- Terkadang sok tahu<br>
- Mengarang bebas (membuat-buat cerita alias cerita imajiner)</p>
<p>Note : Jika orang yang Kepo ini tidak bocor<br>
(menyimpan semua rahasia di dalam dirinya) dia<br>
akan menjadi teman pendengar yang baik,akrab, dan juga memotivasi anda.</p>
<p>Semoga Artikel ARTI KEPO ini bermanfaat buat sobat pembaca.</p>
Anonymoushttp://www.blogger.com/profile/12128437638160606720noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-24661242813656116512012-12-16T01:39:00.001+07:002012-12-16T01:42:05.142+07:00KONSEP DASAR SISTEM KOMPUTER<span xmlns=""></span><br />
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<div style="text-align: center;">
<span style="font-family: inherit;" xmlns="">KONSEP DASAR SISTEM KOMPUTER</span></div>
<ol>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">SKEMA DASAR SISTEM KOMPUTER</span><span style="font-family: inherit;"> </span></div>
</li>
</ol>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Empat komponen pokok sistem komputer:</span></div>
<ol>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Pemroses</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Memori Utama</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Perangkat masukan dan keluaran</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Interkoneksi antarkomponen<br /><br />---------------------------------------</span></div>
</li>
</ol>
<ol>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">PEMROSES</span></div>
</li>
</ol>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Pemroses disebut CPU, berfungsi mengendalikan operasi komputer dan melakukan pengolahan data. </span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Pemroses melakukan kerja dengan langkah sbb:</span></div>
<ol>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Mengambil instruksi yang dikodekan secara biner dari memori utama</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Men-dekode instruksi menjadi proses-proses sederhana</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Melaksanakan proses-proses tersebut</span></div>
</li>
</ol>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Operasi-operasi pada pemroses dikategorikan menjadi:</span><br />
<span style="font-family: inherit;" xmlns=""><br /></span><span style="font-family: inherit;">1.Operasi aritmetika</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Penambahan, pengurangan, perkalian, pembagian dsb</span><br />
<span style="font-family: inherit;" xmlns=""><br /></span><span style="font-family: inherit;">2. Operasi logika</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> OR, AND, X-OR, inversi dsb</span><br />
<span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">3. Operasi pengendalian</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Operasi percabangan, lompat dsb</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><br /> </span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Pemroses terdiri dari tiga komponen, yaitu:</span><br />
<span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">1. CU (Control Unit)</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Berfungsi mengendalikan operasi yang dilaksanakan sistem komputer</span><br />
<span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">2. ALU (Aritmetic Logic Unit)</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Berfungsi melakukan operasi aritmatika dan logika</span><br />
<span style="font-family: inherit;"><br /></span><span style="font-family: inherit;">3. Register</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Merupakan memori yang sangat cepat yang berfungsi sebagai tempat operan-operan dari operasi yang akan dilakukan oleh pemroses.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><br /></span></div>
<div style="text-align: justify;">
<span xmlns=""><span style="font-family: inherit; text-decoration: underline;">Register:</span></span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Lokasi memori yang sangat khusus terkonstruksi dari Flip-Flop</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Didesain u/ menampung data, data tsb. dapat diakses dan diakses dalam berbagai operasi dgn kecepatan tinggi.</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">U/ prosessor 8088/8086, 80188/80186, 80286 à register 16 bit</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">U/ prosessor 80386/80486/80586/Pentium à register 32 bit</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Optional u/ general purpose register à not independent 8 bit registers u/ High Order Byte dan Low Order Byte</span></div>
</li>
</ul>
<div style="margin-left: 18pt; text-align: justify;">
</div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><strong>Jenis-Jenis Register:</strong></span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><em>General-purpose registers </em>(<em>data registers</em>):</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">16 bit : AX, BX, CX, DX</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">8 bit : AH, AL, BH, BL, CH, CL, DH, DL</span></div>
</li>
</ul>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><em>Segment registers</em> : CS, DS, SS, ES</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><em>Index register</em>: SI, DI, IP</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><em>Pointer register</em>: IP, SP</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><em>Flags registers</em>: Overflow, Direction, Interrupt, Trap, Sign, Zero, Auxiliary Carry, Parity, Carry</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">16 bit, tetapi hanya 9 bit yang digunakan</span></div>
</li>
</ul>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Register untuk alamat dan buffer</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">MAR (Memory Address register)</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">MBR (memory bufer register)</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">I/O AR (I/O Address Register)</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">I/O BR (I/O Buffer Register)</span></div>
</li>
</ul>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Register untuk eksekusi instruksi</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">PC (Program Counter)</span></div>
</li>
</ul>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">IR (Instruction Register)</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">2. MEMORI</span></div>
</li>
</ul>
</li>
</ul>
<ol></ol>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Memori berfungsi untuk menyimpan data dan program. Hirarki memori berdasarkan kecepatan akses, seperti tabel berikut ini:</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><br /> </span></div>
<div>
<table border="0" style="border-collapse: collapse;"><colgroup><col style="width: 175px;"></col><col style="width: 411px;"></col></colgroup><tbody valign="top">
<tr><td rowspan="6" style="border: 0.5pt solid; padding-left: 7px; padding-right: 7px;"><div style="text-align: justify;">
<span style="font-family: inherit;">Tercepat</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /> </span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /> </span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Terlambat </span></div>
</td><td style="border-bottom-width: 0.5pt; border-right-width: 0.5pt; border-style: solid solid solid none; border-top-width: 0.5pt; padding-left: 7px; padding-right: 7px;"><div style="text-align: justify;">
<span style="font-family: inherit;">Register </span></div>
</td></tr>
<tr><td style="border-bottom-width: 0.5pt; border-left-width: 0.5pt; border-right-width: 0.5pt; border-style: none solid solid; padding-left: 7px; padding-right: 7px;"><div style="text-align: justify;">
<span style="font-family: inherit;">Chace memory </span></div>
</td></tr>
<tr><td style="border-bottom-width: 0.5pt; border-left-width: 0.5pt; border-right-width: 0.5pt; border-style: none solid solid; padding-left: 7px; padding-right: 7px;"><div style="text-align: justify;">
<span style="font-family: inherit;">Main memory </span></div>
</td></tr>
<tr><td style="border-bottom-width: 0.5pt; border-left-width: 0.5pt; border-right-width: 0.5pt; border-style: none solid solid; padding-left: 7px; padding-right: 7px;"><div style="text-align: justify;">
<span style="font-family: inherit;">Disk memory </span></div>
</td></tr>
<tr><td style="border-bottom-width: 0.5pt; border-left-width: 0.5pt; border-right-width: 0.5pt; border-style: none solid solid; padding-left: 7px; padding-right: 7px;"><div style="text-align: justify;">
<span style="font-family: inherit;">Magnetic Disk</span></div>
</td></tr>
<tr><td style="border-bottom-width: 0.5pt; border-left-width: 0.5pt; border-right-width: 0.5pt; border-style: none solid solid; padding-left: 7px; padding-right: 7px;"><div style="text-align: justify;">
<span style="font-family: inherit;">Magnetic Tape Optical disk </span><br />
<span style="font-family: inherit;"><br /></span></div>
</td></tr>
</tbody></table>
</div>
<span style="font-family: inherit;"><br /> 3. PERANGKAT I/O</span><br />
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Perangkat masukan/keluaran digunakan sistem komputer untuk berinteraksi dengan lingkungan luar, baik ke pemakai ataupun lingkungan secara umum.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""><br /> </span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Perangkat masukan/keluaran terdiri dari dua bagian, yaitu:</span></div>
<ol>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Komponen mekanis, yaitu perangkat itu sendiri</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Komponen elektronis, yaitu pengendali perangkat berupa chip controller.</span></div>
</li>
</ol>
<ol>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">INTERKONEKSI ANTARKOMPONEN</span></div>
</li>
</ol>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Disebut BUS dan interkoneksi ini berkaitan dengan tatacara hubungan antarkomponen-komponen sistem komputer.</span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Bus terdiri dari tiga macam, yaitu:</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Bus alamat (addres bus)</span></div>
</li>
</ul>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Untuk memberikan alamat dari memori atau port yang hendak diakses. Bus alamat berisi 16, 20, 24 jalur sinyal paralel atau lebih.</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Bus data (data bus)</span></div>
</li>
</ul>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Untuk membaca dan mengirim data dari/ke memori atau port. Bus data berisi 8,16, 32 jalur sinyal paralel atau lebih.</span></div>
<ul>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Bus kendali (control bus)</span></div>
</li>
</ul>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns=""> Sinyal bus kendali antara lain:</span></div>
<ul style="margin-left: 72pt;">
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Memory Read</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Memory Write</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">I/O read</span></div>
</li>
<li><div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">I/O Write</span></div>
</li>
</ul>
<div style="text-align: justify;">
<span style="font-family: inherit;" xmlns="">Sistem interkoneksi antarkomponen (Bus) yang populer antara lain: ISA, EISA, MCA, VESA, PCI dan AGP.</span></div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com4tag:blogger.com,1999:blog-4496235430100169874.post-52098936095802012572012-12-15T11:14:00.000+07:002012-12-15T11:16:53.580+07:00Pengertian Algoritma & Pemrograman<br />
<ol>
<li><b>Algoritma</b><br />Algoritma merupakan suatu istilah yang luas, yang tidak hanya berkaitan dengan dunia komputer.<br /><br /><u>Asal Usul kata Algoritma</u><br />Para ahli sejarah matematika menemukan asal kata tersebut yang berasal dari nama penulis buku arab yang terkenal yaitu <b>Abu Ja’far Muhammad Ibnu Musa Al-Khuwarizmi</b>. Al-Khuwarizmi dibaca orang barat menjadi <i>Algorism</i>. Al-Khuwarizmi menulis buku yang berjudul <i>Kitab Al Jabar Wal-Muqabala</i> yang artinya “Buku pemugaran dan pengurangan” (<i>The book of restoration and reduction</i>). Dari judul buku itu kita juga memperoleh akar kata “<b>Aljabar</b>” (Algebra). Perubahan kata dari algorism menjadi algorithm muncul karena kata algorism sering dikelirukan dengan <i>arithmetic</i>, sehingga akhiran<i> –sm</i> berubah menjadi <i>–thm</i>. Karena perhitungan dengan angka Arab sudah menjadi hal yang biasa, maka lambat laun kata <i>algorithm </i>berangsur-angsur
dipakai sebagai metode perhitungan (komputasi) secara umum, sehingga
kehilangan makna kata aslinya. Dalam bahasa Indonesia, kata <i>algorithm </i>diserap menjadi <u>algoritma</u>.<br /><br /><u>Definisi</u>“Algoritma adalah urutan langkah-langkah logis penyelesaian masalah yang disusun secara sistematis dan logis”.<br /><br />>
Algoritma adalah urutan langkah logis tertentu untuk memecahkan suatu
masalah. Yang ditekankan adalah urutan langkah logis, yang berarti
algoritma harus mengikuti suatu urutan tertentu, tidak boleh
melompat-lompat. (Dari Microsoft Press Computer and Internet Dictionaary
1997, 1998 )<br /><br />> Alur pemikiran dalam menyelesaikan suatu
pekerjaan yang dituangkan secara tertulis. Yang ditekankan pertama
adalah alur pikiran, sehingga algoritma seseorang dapat juga berbeda
dari algoritma orang lain. Sedangkan penekanan kedua adalah
tertulis, yang artinya dapat berupa kalimat, gambar, atau tabel
tertentu. (Dari Algoritma dan Struktur Data dengan C, C++, dan Java oleh
Moh Sjukani hal 1)<br /></li>
<li><b>Pemograman</b><br />Pemrograman adalah segala kegiatan pembuatan program komputer.<br />Bahasa pemrograman yang berarti bahasa yang digunakan dalam pembuatan program komputer.<br /><br /><u>Definisi </u><br />Adalah kumpulan instruksi-instruksi tersendiri yang biasanya disebut source code yang dibuat oleh programmer (pembuat program).<br /><br />Berdasarkan
pengertian algoritma dan pemrograman, maka dapat dikatakan bahwa
program merupakan hasil penerapan dari algoritma-algoritma.<br /><br />Beberapa pakar memberi formula berikut :<br /><pre>Program = Algoritma + Bahasa (Struktur Data)
From <a href="http://senikode.blogspot.com/2012/12/pengertian-algoritma-pemrograman.html" target="_blank">Seni Kode</a> & <a href="http://kioseo.blogspot.com/2012/12/pengertian-algoritma-pemrograman.html" target="_blank">kioseo</a></pre>
</li>
</ol>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-10617630277746054262012-12-14T12:35:00.002+07:002012-12-16T17:04:48.032+07:00Membuat Tooltip Menggunakan CSSSetelah sebelumnya saya share tentang <a href="http://e-tuts.blogspot.com/2012/12/cara-membuat-tooltip-otomatis-pada.html" target="_blank">Cara Membuat Tooltip Otomatis Pada Semua Tag 'Title' Dengan Script</a>, kali ini saya mencoba share lagi tentang membuat tooltip yang hanya menggunakan CSS.<br />
<div>
Berbeda dengan tooltip dengan script yang lalu, Tooltip ini lebih ringan dari pada dengan menggunakan javascript.Untuk membuatnya sobat bisa menggunakan cara di bawah ini:<br />
<ul>
<li>Login ke blog sobat.</li>
<li>Pilh tata letak.</li>
<li>Klik edit html.</li>
<li>Letakkan kode di bawah ini di atas kode <b><span style="color: #ffd966;">]]></b:skin></span></b> :</li>
</ul>
<br />
<div class="code">
.tooltip {position:relative;}<br />
.tooltip span {display:none;}<br />
.tooltip:hover span {<br />
display:block;<br />
position:absolute;<br />
width:200px;<br />
left:20px;<br />
top:20px;<br />
background-color:#006633;<br />
border:3px solid #0099FF;<br />
padding:5px;<br />
font-size:15px;<br />
color:#000000;<br />
text-decoration:none;<br />
font-family:Verdana,arial, helvetica, sans-serif;}</div>
<br />
<ul>
<li>Kemudian simpan.</li>
</ul>
<h4>
CARA MENAMPILKAN KE DALAM POSTINGAN </h4>
<code><a href="<span style="color: #cc0000;">http://e-tuts.blogspot.com/2012/12/membuat-tooltip-menggunakan-css.html</span>" class="tooltip"><span><span style="color: #6fa8dc;">MEMBUAT TOOLTIP MENGGUNAKAN CSS</span></span><span style="color: #6aa84f;">Tooltip</span></a></code><br />
<code><br /></code>
Ganti <a href="http://e-tuts.blogspot.com/2012/12/membuat-tooltip-menggunakan-css.html" target="_blank">link</a> yang dicetak <span style="color: #cc0000;"><b>merah </b></span>dengan link yang Anda suka.<br />
Sedang yang berwarna <b><span style="color: #6fa8dc;">biru</span> </b>adalah text yang akan keluar pada tooltip, dan warna <b><span style="color: #6aa84f;">hijau </span></b>merupakan tulisan yang mengandung tooltipnya, silahkan sesuaikan dengan text yang Anda inginkan.<br />
<br />
Jika ingin mengganti background-nya dengan gambar, maka sobat cukup menganti <u>background-color:#006633</u>; dengan alamat gambar yang Anda suka.<br />
<br />
Contoh penulisannya :<br />
<br />
<code><i>background:url("<span style="color: #cc0000;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtddvByR15YCRWBy8JGrNGKxjeZtRDymNGz3D0AAcGHcnmf-wy_1JtlkEvii6LD7ENhyqEY1YVrE7aBmUlhcK3IAbMRgnFKNaF1WuvHiaASucoFlQ5VViyfU3jcJKD_yu30bFjkbOAVOoJ/s1600/blue-stripes-300x300.jpg</span>")no-repeat bottom;</i></code><br />
<i><br /></i>
Ganti alamat gambar yang berwarna <span style="color: #cc0000;"><b>merah </b></span>dengan alamat gambar yang Anda suka.<br /><br />Contoh hasilnya :<br />
<br /></div>
<a href="http://e-tuts.blogspot.com/2012/12/membuat-tooltip-menggunakan-css.html" class="tooltip"><span>MEMBUAT TOOLTIP MENGGUNAKAN CSS</span>Tooltip</a>
<br/>
<a href="http://e-tuts.blogspot.com/2012/12/membuat-tooltip-menggunakan-css.html" class="tooltip"><span>Ini contoh tooltip menggunakan balon kata ala e-Tuts,silakan sobat modifikasi sesuka hati. Tooltip disini bentuknya sama karena e-Tuts hanya menggunakan satu model tooltip daripada bikin pusing kan?! heheh</span>Tooltip dengan balon kata ala e-Tuts<br/> Mari telunjuknya disini..</a>
<br/><br/>Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-39815761012960546402012-12-14T02:00:00.001+07:002012-12-14T02:02:09.152+07:00Cara Membuat Tooltip Otomatis Pada Semua Tag 'Title' Dengan ScriptIni hanya sebuah fitur tambahan untuk mempercantik blog/web dan membuatnya tampil beda, dimana sebagian situs besar seperti Kapanlagi.com sepertinya juga memasang tooltip khusus yang begitu menarik.<br />
<div>
Buat yang belum pernah dengar, tooltip itu balon info yang muncul saat sebuah gambar atau link yang berisi tag tittle diarahkan oleh kursor. Bentuk default-nya seperti ketika sobat mengarahkan kursor mouse pada tab atas browser.<br />
<br />
Tooltip kali ini menggunakan sedikit script, jadi bagi sobat yang merasa tidak begitu perlu ya tidak usah memaksakan kecantikan blognya.. :) karena ditakutkan akan sedikit memberatkan blog walau tidak banyak.<br />
<br />
Jika sobat ingin mempraktikkannya, silakan ikuti langkah berikut ini, untuk demonya bisa arahkan pada link di blog ini yang mengandung tag title-nya.. :)</div>
<div>
<br />
Berikut caranya :<br />
<ul>
<li>Login Ke Akun Blogger sobat</li>
<li>Pilih <b><span style="color: #cccccc;">Rancangan/Design</span></b></li>
<li>Pilih <b><span style="color: #cccccc;">EDIT HTML</span></b> (tidak perlu mencentang Expand Template Widget )</li>
<li>Copy kode berikut tepat diatas kode <b><span style="color: #cccccc;"></head></span></b></li>
</ul>
<pre class="brush: html"><style>#tooltip{width:200px;z-index: 10000000;position:absolute;background:#000;-moz-border-radius:5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;-o-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -webkit-transition:0.5s ease-out;padding:2px 5px;font-size:12px;color:#fff;border:1px dashed #ff0000;display:none;font-weight:bold}</style>
<script type='text/javascript'>
this.tooltip = function(){
xOffset = 10;
yOffset = 20;
$(&quot;a[title]&quot;).hover(function(e){
this.t = this.title;
this.title = &quot;&quot;;
$(&quot;body&quot;).append(&quot;<p id='tooltip'>&quot;+ this.t +&quot;</p>&quot;);
$(&quot;#tooltip&quot;)
.css(&quot;top&quot;,(e.pageY - xOffset) + &quot;px&quot;)
.css(&quot;left&quot;,(e.pageX + yOffset) + &quot;px&quot;)
.fadeIn(&quot;fast&quot;);
},
function(){
this.title = this.t;
$(&quot;#tooltip&quot;).remove();
});
$(&quot;a[title]&quot;).mousemove(function(e){
$(&quot;#tooltip&quot;)
.css(&quot;top&quot;,(e.pageY - xOffset) + &quot;px&quot;)
.css(&quot;left&quot;,(e.pageX + yOffset) + &quot;px&quot;);
});
};
// starting the script on page load
$(document).ready(function(){
tooltip();
});
</script></pre>
</div>
<div>
<ul>
<li>Simpan Templatenya Dan Lihat Hasilnya</li>
</ul>
Untuk mengedit tampilan tooltipnya tinggal ubah bagian antara <style> ..... </style> sesuai selera.</div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com1tag:blogger.com,1999:blog-4496235430100169874.post-59567959411365614712012-11-14T16:38:00.001+07:002012-12-14T12:02:18.473+07:00Mengganti Kursor Blog<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipjxx3a7dGFzXSyZ_XIApnuEJ1Q38-lhhcx540yr7rvf0dyAmdxre0UIZbgElWdQ2laOxUmGEyMu1-fWuOPX_-AlGWCBVjehp_7GwfzNS565miTL3Z5J2aTcgykyBquV7VhrXGFg9-hfg/s1600/BrowserCursors_000.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Mengganti Kursor Blog" border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipjxx3a7dGFzXSyZ_XIApnuEJ1Q38-lhhcx540yr7rvf0dyAmdxre0UIZbgElWdQ2laOxUmGEyMu1-fWuOPX_-AlGWCBVjehp_7GwfzNS565miTL3Z5J2aTcgykyBquV7VhrXGFg9-hfg/s200/BrowserCursors_000.png" title="Mengganti Kursor Blog" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kursor</td></tr>
</tbody></table>
Tanpa kita sadari bahwasanya ketika kita membuka layar komputer atau perangkat sejenisnya, hal yang paling kita pantau adalah kursor <i>(cursor) -</i>nya. Itu tidak kita sadari karena memang kita tidak pernah menyengaja untuk melihat kursor itu, tapi apa yang ditunjuk atau diarahkan oleh kursor tersebut.<br />
Kursor ini sendiri punya bentuk khusus sehingga kita mudah mengenalinya. Namun dapat pula kita modifikasi sesuai selera kita. Tentunya kita sudah sering mendapatinya pada perangkat komputer atau sejenisnya dengan tampilan yang beragam. Dan kita tentu dapat pula memodifikasinya khusus pada halaman web/blog kita saja.<br />
Pengunjung akan mendapatkan suasana berbeda ketika melintas pada halaman blog yang telah dimodifikasi kursornya tersebut.<br />
Dan caranya itu-pun sangat gampang.<br />
<br />
Berikut caranya :<br />
<ul>
<li>Login ke <b>Dashboard</b> Blog sobat. </li>
<li>Lalnjut ke menu <b>Rancangan</b></li>
<li>Pilih <b>Tambahkan Gadget</b> </li>
<li>Copy dan Paste-kan Code Di Bawah Ini </li>
<i><p class="code">
<style type="text/css">body {cursor:url("<span style="color: #cc0000;">http://img90.imageshack.us/img90/5195/cursorbc.png</span>"),default}<br /></style></p>
</i><br />
<li>Simpan dan rasakan bedanya...</li>
</ul>
Kode yang berwarna merah itu adalah source gambar kursor yang akan kita gunakan. Terserah sobat mau pakai apa.<br />
<div>
<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeBV0QbMimBjr0qmGDW8a8ZUwRbG6oLDOPa9ywBYF25dR3t1XS2xEWx7GnsMIC4iL6hCIsxJOvhsN33xrMZCb5aG6LRcaQdBhKphJQdzzSgjPtb8T24SVmLRiV0BBN-mDKi9yyvCpUHHU/s1600/cursor2.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Mengganti Kursor Blog" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeBV0QbMimBjr0qmGDW8a8ZUwRbG6oLDOPa9ywBYF25dR3t1XS2xEWx7GnsMIC4iL6hCIsxJOvhsN33xrMZCb5aG6LRcaQdBhKphJQdzzSgjPtb8T24SVmLRiV0BBN-mDKi9yyvCpUHHU/s320/cursor2.gif" title="Mengganti Kursor Blog" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Kursor Modifikasi</td></tr>
</tbody></table>
Bagi yang mau koleksi kursor-kursor unik bisa menuju kemari : <a href="http://www.cursors-4u.com/" rel="nofollow" target="_blank">http://www.cursors-4u.com/</a> atau mencarinya <a href="https://www.google.co.id/search?hl=en&tbm=isch&sa=1&q=blog+kursor&oq=blog+kursor&gs_l=img.3...31406.33118.0.33935.5.5.0.0.0.0.415.764.3-1j1.2.0...0.0...1c.1.UJdCAQT5PqA&pbx=1&bpcl=38626820&biw=1024&bih=574&cad=cbv&sei=8l-jUKWDGsnMrQfd-4GYCg#hl=en&tbm=isch&sa=1&q=custom+web+cursors&oq=web+cursor&gs_l=img.1.4.0j0i24l2j0i5i24l2.0.0.4.63606.2.2.0.0.0.0.803.803.6-1.1.0...0.0...1c.jGszpooPLg0&pbx=1&bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&fp=4083ebd6c76082a&bpcl=38626820&biw=1024&bih=574" rel="nofollow" target="_blank">di sini</a>.</div>
Anonymoushttp://www.blogger.com/profile/12128437638160606720noreply@blogger.com9tag:blogger.com,1999:blog-4496235430100169874.post-75080948128862891112012-11-14T02:04:00.000+07:002012-12-16T02:52:25.086+07:00Trik Agar Seluruh Label Breadcrumbs Terindex Google<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd4ZnRvyu_IExnlenAaRZxU5l8T_IbGokrT-qXnaD3hUhyphenhyphen9hKwGEBPjjHWRqewO-qch-882RQSQFMj9Uaf3eOlgR__i569RTkSufQ1oU9V7SeDxR78AwnUYEH6tI9VZrd6c5by0p2d-YY/s1600/New+Picture+(10).bmp" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Trik Agar Seluruh Label Breadcrumbs Terindex Google" border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd4ZnRvyu_IExnlenAaRZxU5l8T_IbGokrT-qXnaD3hUhyphenhyphen9hKwGEBPjjHWRqewO-qch-882RQSQFMj9Uaf3eOlgR__i569RTkSufQ1oU9V7SeDxR78AwnUYEH6tI9VZrd6c5by0p2d-YY/s400/New+Picture+(10).bmp" title="Trik Agar Seluruh Label Breadcrumbs Terindex Google" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh Breadcumbs</td></tr>
</tbody></table>
<div>
Terlepas dari perdebatan antara bagus-tidaknya blog kita diberikan unsur Breadcumbs terhadap SEO, pada malam ini saya hanya ingin berbagi sebuah model Breadcumbs yang saya temukan setelah lama menghilang dari bookmark. Breadcumbs ini saya katakan berbeda karena Breadcumbs itu banyak jenisnya dan juga cara dan bentuknya, ada yang hanya di halaman, namun tidak untuk di-index google, ada yang terindeks hanya sebagian, sedangkan yang ini keseluruhan dari label pada artikel kita dapat terindeks Google.</div>
<div>
Contoh..</div>
<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22qdJxQ4c_g9eOOGLtDJTlamTydwWvq_ENN6YlIb2qu-uuaOG_3sLnWD3imtpDT-3k0-Z8K3bAySTFeUv1XGJSvH4ODUzjs6qm0kUcWJosVmBBMMlp7FAGo3ZkBO3SfgLY21VGGlK138/s1600/New+Picture+(9).bmp" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Trik Agar Seluruh Label Breadcrumbs Terindex Google" border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22qdJxQ4c_g9eOOGLtDJTlamTydwWvq_ENN6YlIb2qu-uuaOG_3sLnWD3imtpDT-3k0-Z8K3bAySTFeUv1XGJSvH4ODUzjs6qm0kUcWJosVmBBMMlp7FAGo3ZkBO3SfgLY21VGGlK138/s400/New+Picture+(9).bmp" title="Trik Agar Seluruh Label Breadcrumbs Terindex Google" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Contoh Breadcumbs yang lebih banyak label</td></tr>
</tbody></table>
<div>
Caranya tidak rumit, sama seperti biasa. Baiklah, kita mulai..</div>
<ol>
<li>Log in Ke <b>Blogger</b>.</li>
<li>Klik template » <b>Edit</b> <b>HTML </b>» centang <b>Expand Template Widget</b>.</li>
<li>Hapus Breadcumbs lama jika ada. Caranya dengan menghapus semua yang berkaitan dengan Breadcumbs pada penelusuran isi template (CTRL+F).</li>
<li>Cari kode <b>]]></b:skin></b> dan letakkan CSS ini di atasnya.</li>
<pre class="brush: css">.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
</pre>
<br />
<li>Cari kode <b><b:includable id='main' var='top'></b> dan ganti dengan kode dibawah ini :<br /><br /><div class="code">
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br /><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><!-- breadcrumb for the post page --><br /><b:loop values='data:posts' var='post'><br /><b:if cond='data:post.labels'><br /><div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><br /><span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><br /><b:loop values='data:post.labels' var='label'><br />&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span><br /></b:loop><br />&#187; <span><data:post.title/></span><br /></div><br /><b:else/><br /><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div><br /></b:if><br /></b:loop><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;archive&quot;'><br /><!-- breadcrumb for the label archive page and search pages.. --><br /><div class='breadcrumbs'><br /><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span><br /></div><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;index&quot;'><br /><div class='breadcrumbs'><br /><b:if cond='data:blog.pageName == &quot;&quot;'><br /><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><br /><b:else/><br /><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span><br /></b:if><br /></div><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:includable><br /><b:includable id='main' var='top'><br /><b:include data='posts' name='breadcrumb'/></div>
</li>
</ol>
<br />
<br />
<li>Simpan Template anda dan lihat hasilnya...</li>
Untuk mengecek Breadcumbs anda dapat menuju langsung kesini :<br />
<blockquote class="tr_bq">
<u>www.google.com/webmasters/tools/richsnippets</u></blockquote>
Semoga berhasil ya sobat.. :)Anonymoushttp://www.blogger.com/profile/12128437638160606720noreply@blogger.com2tag:blogger.com,1999:blog-4496235430100169874.post-65128025793862061122012-11-13T12:18:00.000+07:002012-11-13T12:18:22.368+07:00Menggunakan Syntax Highlighter Di BloggerTuts ini saya simpan disini selain untuk mengingatkan diri sendiri selain ingin re-post apa yang sudah banyak diposting oleh blogger lainnya. Banyak model Syntax Highlighter yang dipakai oleh para programmer untuk mencatat kode mereka agar lebih mudah dibaca dan dipahami. Salah satunya adalah SyntaxHighlighter versi 3.0.83 ini. Tapi sebelumnya sobat pasti sudah tahu kan apa itu Syntax Highlighter..?<br />
<div>
Berikut penampakan gambarnya :<br />
<div>
<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE2V2uoeAR9FXbRopp8t86r8BJ7DUGWPcmFdCKCUeOdG6MvsF1JjZp-JeI24IRPwoZel4bCZxrfPhyPzbnAxTMQJX9Q8y5KEO-VMOQPbjVxnVCEfZGgxxt3Ua2yaXF3NrCZh6Hb3N-zNLq/s320/syntaxHighlighter.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="SyntaxHighlighter versi 3.0.83" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE2V2uoeAR9FXbRopp8t86r8BJ7DUGWPcmFdCKCUeOdG6MvsF1JjZp-JeI24IRPwoZel4bCZxrfPhyPzbnAxTMQJX9Q8y5KEO-VMOQPbjVxnVCEfZGgxxt3Ua2yaXF3NrCZh6Hb3N-zNLq/s320/syntaxHighlighter.png" title="SyntaxHighlighter versi 3.0.83" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small; text-align: start;">SyntaxHighlighter versi 3.0.83</span></td></tr>
</tbody></table>
Sering lihat kan sob..?? Sobat bisa menulis mengenai pemrograman atau yang mengandung script-script, seperti HTML, CSS, Delphi, PHP, JavaScript, Ruby, SQL, dll.<br />
Baiklah, berikut caranya...<br />
<ol>
<li>Login ke akun <a href="http://www.blogger.com/" rel="nofollow" target="_blank">blogger</a> sobat.</li>
<li>Masuk tab <b>Template</b> - <b>Edit </b>- <b>Proceed </b>kemudian centang <b>Expand Widget Templates</b>.</li>
<li>Sebelum itu jika dirasa perlu, backup dahulu template sobat, untuk persiapan jika nanti terjadi kesalahan dalam pengeditan.</li>
<li>Cari kode <b></head></b> untuk mempermudah pencarian gunakan <b>Ctrl+F</b> pada keyboard.</li>
<li>Lalu masukkan <u>code JavaScript ini</u> diatas Tag <b></head></b> :<br />
<pre class="brush: html"><link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"/> <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js" type="text/javascript"/> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/XRegExp.js" type="text/javascript"/> <script type="text/javascript"> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>
</pre>
</li>
<li>Simpan template dan rasakan khasiatnya... :)</li>
</ol>
</div>
<h4>
Cara Penggunaan Syntax Highlighter dalam postingan:</h4>
Penggunaan Syntax Highlighter ini dalam postingan ada <b>dua cara</b>, pastikan sobat harus berada dalam mode <b>HTML</b>, bukan <b>Compose </b>ketika menulis kode ini:<br />
<ul>
<li>Cara 1: dengan menggunanakan Tag <b><script>....</script></b> , berikut contohnya penggunaannya:</li>
</ul>
<blockquote class="tr_bq">
<b><script class="brush: html" type="syntaxhighlighter"> Script yg mau di tampilkan </script> </b></blockquote>
</div>
<div>
<ul>
<li>Cara 2: dengan menggunakan Tag <b><pre>....</pre></b> , Penulis lebih suka menggunakan cara yg kedua, lebih simple... :D, berikut contoh penggunaannya: </li>
</ul>
<blockquote class="tr_bq">
<b><pre class="brush: html">Script yg mau di tampilkan</pre></b></blockquote>
<br />
<ul>
<li>Untuk Kode <b>CSS</b>:</li>
</ul>
<blockquote class="tr_bq">
<pre class="brush: css"><br />
Letakkan Kode CSS Disini<br />
</pre></blockquote>
<ul>
<li>Untuk Kode <b>HTML</b>:</li>
</ul>
<blockquote class="tr_bq">
<pre class="brush: html"><br />
Letakkan Kode HTML Disini<br />
</pre></blockquote>
<ul>
<li>Untuk Kode <b>Javascript</b>:</li>
</ul>
<blockquote class="tr_bq">
<pre class="brush: Java"><br />
Letakkan Kode Javascript Disini<br />
</pre></blockquote>
<br />
<b> Penjelasan : </b></div>
<div>
Syntax yang ingin sobat tampilkan harus diletakkan di antara tag <b><script class="brush: <span style="color: #cc0000;">html</span>" type="syntaxhighlighter"> dan </script></b> atau <b><pre class="brush: <span style="color: #cc0000;">html</span>"> dan </pre>.</b></div>
<div>
Pada <b>class="brush: <span style="color: #cc0000;">html</span>"</b> , tulisan yang berwarna merah merupakan <i><b><u>brush alias</u></b></i> atau <b>type syntax</b> yang ingin digunakan. </div>
<div>
<br /></div>
<div>
Jika sobat ingin menulis syntax dalam bentuk <b>PHP</b> atau <b>JavaScript </b>atau yang lain, sobat hanya tinggal merubah tulisan yang berwarna merah tersebut ( "<b>brush:<span style="color: #cc0000;"> ..</span></b><b style="color: #cc0000;">?..</b>"<b style="color: #cc0000;"> </b>) dengan <b>php</b> (untuk type syntax php) atau <b>js</b> (untuk type syntax javascript) atau yang lainnya.</div>
<div>
Berikut daftar syntax yang disediakan oleh <b>SyntaxHighlighter</b>:</div>
<div style="text-align: center;">
<br /></div>
<center>
<div>
<table border="1" style="color: black; font-family: arial, 'trebuchet ms', verdana, sans-serif; font-size: 12px; text-align: center;"><thead>
<tr><th>Brush name</th><th>Brush aliases</th><th>File name</th></tr>
</thead><tbody>
<tr><td>ActionScript3</td><td>as3, actionscript3</td><td>shBrushAS3.js</td></tr>
<tr><td>Bash/shell</td><td>bash, shell</td><td>shBrushBash.js</td></tr>
<tr><td>ColdFusion</td><td>cf, coldfusion</td><td>shBrushColdFusion.js</td></tr>
<tr><td>C#</td><td>c-sharp, csharp</td><td>shBrushCSharp.js</td></tr>
<tr><td>C++</td><td>cpp, c</td><td>shBrushCpp.js</td></tr>
<tr><td>CSS</td><td>css</td><td>shBrushCss.js</td></tr>
<tr><td>Delphi</td><td>delphi, pas, pascal</td><td>shBrushDelphi.js</td></tr>
<tr><td>Diff</td><td>diff, patch</td><td>shBrushDiff.js</td></tr>
<tr><td>Erlang</td><td>erl, erlang</td><td>shBrushErlang.js</td></tr>
<tr><td>Groovy</td><td>groovy</td><td>shBrushGroovy.js</td></tr>
<tr><td>JavaScript</td><td>js, jscript, javascript</td><td>shBrushJScript.js</td></tr>
<tr><td>Java</td><td>java</td><td>shBrushJava.js</td></tr>
<tr><td>JavaFX</td><td>jfx, javafx</td><td>shBrushJavaFX.js</td></tr>
<tr><td>Perl</td><td>perl, pl</td><td>shBrushPerl.js</td></tr>
<tr><td>PHP</td><td>php</td><td>shBrushPhp.js</td></tr>
<tr><td>Plain Text</td><td>plain, text</td><td>shBrushPlain.js</td></tr>
<tr><td>PowerShell</td><td>ps, powershell</td><td>shBrushPowerShell.js</td></tr>
<tr><td>Python</td><td>py, python</td><td>shBrushPython.js</td></tr>
<tr><td>Ruby</td><td>rails, ror, ruby</td><td>shBrushRuby.js</td></tr>
<tr><td>Scala</td><td>scala</td><td>shBrushScala.js</td></tr>
<tr><td>SQL</td><td>sql</td><td>shBrushSql.js</td></tr>
<tr><td>Visual Basic</td><td>vb, vbnet</td><td>shBrushVb.js</td></tr>
<tr><td>XML</td><td>xml, xhtml, xslt, html, xhtml</td><td>shBrushXml.js</td></tr>
</tbody></table>
</div>
</center>
<ul>
<li><i>Brush Name</i> adalah jenis syntax yang ingin digunakan </li>
<li><i>Brush Aliases</i> adalah class yang harus digunakan </li>
<li><i>File Name</i> adalah file .js yang diperlukan </li>
</ul>
Sementara itu saja. Semoga berjalan mulus... hehehe<div>
Disarikan dari berbagai sumber diantaranya <a href="http://boelshare.blogspot.com/2011/10/syntax-highlighter_24.html" rel="nofollow" target="_blank">ini</a> dan <a href="http://ea-xp.blogspot.com/2012/09/cara-membuat-syntax-highlighter-untuk.html" rel="nofollow" target="_blank">itu</a>.</div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com7tag:blogger.com,1999:blog-4496235430100169874.post-8505095966446876542012-09-15T14:49:00.000+07:002012-09-15T20:08:10.936+07:00Cara Mudah Membuat Pagination Di BlogIngin membuat <b><a href="http://e-tuts.blogspot.com/2012/09/cara-mudah-membuat-pagination-di-blog.html" rel="" target="_blank">navigasi halaman</a></b> berupa angka bilah halaman atau biasa disebut pagination namun sering gagal atau caranya terlalu berbelit dan hanya memberatkan..?<br />
<div>
Ini ada sebuah cara membuat <i><a href="http://e-tuts.blogspot.com/2012/09/cara-mudah-membuat-pagination-di-blog.html" target="_blank">pagination</a></i> untuk blogger dengan mudah dan singkat sekali.</div>
<div>
hanya butuh satu langkah dan tidak usah mengedit <b>HTML template</b>, cukup menambahkan elemen laman pada edit <b>Tata Letak</b> saja.<br />
Sobat pasti tahu kan apa itu pagination...?!<br />
Ini lho, yang biasanya di blog tulisannya "<b>Older Posts - Home - Newer Post" </b>atau <b>"Posting Lama - Beranda - Posting Baru"</b> lalu kita ganti dengan sistem penomoran agar pengunjung bisa memilih langsung (melompat) ke halaman yang dituju. Tentu banyak juga fungsi lainnya.<br />
<br />
<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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfB6-9BFn-cAodw2R3DsXkMvsiw2ZYkgMe0Hu3ZrbfnUv6j0rL9K3Aa3rZB_0xTaAU1zGIZeZHEI9VuKPhSE3Eckm2xQXgnargDAWwREqhg7rNauYemox3rDUXnoarh6DOPuxErnr2he4v/s1600/pagination+e-Tuts+copy.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Blog Pagination e-Tuts" border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfB6-9BFn-cAodw2R3DsXkMvsiw2ZYkgMe0Hu3ZrbfnUv6j0rL9K3Aa3rZB_0xTaAU1zGIZeZHEI9VuKPhSE3Eckm2xQXgnargDAWwREqhg7rNauYemox3rDUXnoarh6DOPuxErnr2he4v/s320/pagination+e-Tuts+copy.jpg" title="Pagination e-Tuts" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pagination e-Tuts</td></tr>
</tbody></table>
</div>
<div>
Baiklah, langsung saja cara mudahnya :</div>
<div>
<ol>
<li>Login ke Blogger</li>
<li>Buka Tata Letak</li>
<li>Pilih Tambah Gadget (terserah mau yang mana, saran kami yang di bagian bawah saja)</li>
<li>Pilih HTML/JavaScript</li>
<li>Copy code berikut dan paste-kan di dalam kotak yang tersedia.<br />
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; margin: 0px; width: 313px;" wrap="VIRTUAL"><style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea">
<span style="color:#fff;" class="showpage"> Total '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>
';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script>src=http://e-tuts.blogspot.com></script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script> </textarea></div>
</form>
</div>
</li>
<li>Save dan lihat hasilnya...</li>
</ol>
</div>
<i>Sekedar tambahan</i>,<br />
Untuk penyesuaian tampilan saya kira <u><a href="http://e-tuts.blogspot.com/2012/09/cara-mudah-membuat-pagination-di-blog.html" target="_blank">widget pagination</a></u> yang ini sudah sangat sesuai dan cocok untuk blog anda, karena bentuknya yang simpel dan sama sekali tidak macet atau memberatkan blog. Namun bila ingin menyesuaikan lagi dengan selera dan efek lainnya, tinggal anda edit saja CSS-nya.Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com4tag:blogger.com,1999:blog-4496235430100169874.post-53839685868397232022012-09-13T11:27:00.000+07:002012-09-13T11:27:53.328+07:00Karakter dan Simbol Kode Notasi HTML Khusus<br />
<span style="background-color: white; color: #333333; line-height: 19px; text-align: justify;">Berkunjung ke blognya </span><a href="http://bangdel.blogspot.com/" rel="nofollow" style="background-color: white; line-height: 19px; text-align: justify;" target="_blank">Bag Del</a><span style="background-color: white; color: #333333; line-height: 19px; text-align: justify;"> yang membahas tentang cara </span><b style="background-color: white; color: #333333; line-height: 19px; text-align: justify;">menampilkan kode HTML</b><span style="background-color: white; color: #333333; line-height: 19px; text-align: justify;"> pada postingan, saya menemukan apa yang selama ini saya cari, berikut diantaranya.</span><span style="text-align: justify;"> Padahal posting ini sudah dipublish sejak </span><abbr class="published" style="border: none;" title="2009-08-16T05:08:00+07:00"><span style="font-family: inherit;">Minggu, 16 Agustus, 2009, ketika saya baru belajar buat blog.</span></abbr><br />
<abbr class="published" style="border: none;" title="2009-08-16T05:08:00+07:00"><span style="font-family: inherit;">Baiklah, mari kita lihat...</span></abbr><br />
<div style="text-align: justify;">
<br class="Apple-interchange-newline" /></div>
<div style="text-align: justify;">
<b>Karakter dan Simbol Kode Notasi HTML Khusus</b></div>
<br />
<span style="background-color: white; color: #333333; font-family: inherit; line-height: 19px; text-align: justify;">Untuk itu semua sebaiknya kita memahami terlebih dahulu tentang kode </span><span style="background-color: white; color: #333333; font-family: inherit; font-weight: bold; line-height: 19px; text-align: justify;">HTML</span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 19px; text-align: justify;">. Bagaimana menampilkan kode HTML pada posting blog? Untuk menulisnya dapat dilakukan dengan mengganti karakter yang mau ditulis di posting dengan notasi tertentu. Dapat dilakukan secara manual atau dengan bantuan software tertentu dan layanan situs menulis kode html atau <b>parse HTML</b>. Nah, kalau secara manual berarti harus mengetik sendiri notasi yang mau ditulis tersebut. Diantara karakter <b>kode html</b> yang umum digunakan adalah seperti pada tabel di bawah ini:</span><br />
<center>
<div style="text-align: center;">
<span style="font-family: inherit;"><br style="background-color: white; color: #333333; line-height: 19px;" /></span></div>
<div class="nobr" style="background-color: white; color: #333333; line-height: 19px;">
<table border="2" style="margin-left: 0px; margin-right: 0px; text-align: center; width: 455px;"><tbody>
<tr><td><center>
<b><span style="font-family: inherit;">Karakter</span></b></center>
</td><td><center>
<b><span style="font-family: inherit;">Notasi</span></b></center>
</td><td><center>
<b><span style="font-family: inherit;">No. Kode</span></b></center>
</td><td><center>
<b><span style="font-family: inherit;">Keterangan</span></b></center>
</td></tr>
<tr><td><center>
<span style="font-family: inherit;">
<</span></center>
</td><td><center>
<span style="font-family: inherit;">
&lt;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#60;</span></center>
</td><td><span style="font-family: inherit;">Tanda Lebih Kecil Dari</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
></span></center>
</td><td><center>
<span style="font-family: inherit;">
&gt;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#62;;</span></center>
</td><td><span style="font-family: inherit;">Tanda Lebih Besar Dari</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
«</span></center>
</td><td><center>
<span style="font-family: inherit;">
&laquo;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#171;</span></center>
</td><td><span style="font-family: inherit;">Kurung Terbuka Ganda</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
»</span></center>
</td><td><center>
<span style="font-family: inherit;">
&raquo;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#187;</span></center>
</td><td><span style="font-family: inherit;">Kurung Tertutup Ganda</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
&</span></center>
</td><td><center>
<span style="font-family: inherit;">
&amp;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#38;</span></center>
</td><td><span style="font-family: inherit;">Tanda Dan</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
"</span></center>
</td><td><center>
<span style="font-family: inherit;">
&quot;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#34;</span></center>
</td><td><span style="font-family: inherit;">Tanda Petik Ganda</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
±</span></center>
</td><td><center>
<span style="font-family: inherit;">
&plusmn;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#177;</span></center>
</td><td><span style="font-family: inherit;">Tanda Plus Minus</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
Space</span></center>
</td><td><center>
<span style="font-family: inherit;">
&nbsp;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#160;</span></center>
</td><td><span style="font-family: inherit;">Tanda Spasi</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
™</span></center>
</td><td><center>
<span style="font-family: inherit;">
&trade;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#153;</span></center>
</td><td><span style="font-family: inherit;">Tanda Trademark</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
©</span></center>
</td><td><center>
<span style="font-family: inherit;">
&copy;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#169;</span></center>
</td><td><span style="font-family: inherit;">Tanda Hak Cipta</span></td></tr>
<tr><td><center>
<span style="font-family: inherit;">
®</span></center>
</td><td><center>
<span style="font-family: inherit;">
&reg;</span></center>
</td><td><center>
<span style="font-family: inherit;">
&#174;</span></center>
</td><td><span style="font-family: inherit;">Tanda Registered</span></td></tr>
</tbody></table>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">
<span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;">Selain itu masih banyak lagi karakter atau simbol lain yang bisa ditampilkan pada posting blog dengan notasi html khusus. Misalnya kode html untuk simbol yang biasa kita dapati dalam ilmu matematika, simbol mata uang dan editing huruf, garis dan simbol unik lainnya. Menampilkan kode html pada posting bisa dilakukan dengan menulis seperti teks biasa atau dengan cara menampilkan kode html pada text area. Berikut contohnya:</span></span><br />
<span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;"><span style="font-family: inherit; font-weight: bold;"><br />Menulis kode HTML pada posting seperti teks biasa</span></span><br />
<span style="color: #0b5394; font-family: inherit;"><span class="fullpost" style="background-color: white; display: inline; line-height: 19px;"><br /></span>
<span class="fullpost" style="background-color: white; display: inline; line-height: 19px;">Contoh kalimat yang akan anda tulis berada di sini dan kode html ditulis di bawahnya.</span></span><br />
<span style="font-family: inherit;"><span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;"><span style="color: #009900;"><br /></span></span></span>
<span class="fullpost" style="background-color: white; color: #cc0000; display: inline; font-family: inherit; line-height: 19px;"><code></code><meta equiv="Content-Type" content="text/html; charset=win 1252"></span><br />
<span class="fullpost" style="background-color: white; color: #cc0000; display: inline; font-family: inherit; line-height: 19px;"></meta></span><br />
<span style="font-family: inherit;"><span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;"><br /></span>
<span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;">Sekarang bagaimana cara menulis kalimat dan kode html tersebut agar dapat tampil di posting blog? Kalau kalimatnya cukup diketik seperti biasa. Sedangkan untuk kode html-nya dapat dibuat seperti ini.</span></span><br />
<span style="font-family: inherit;"><span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;"><br /></span>
<span class="fullpost" style="background-color: white; display: inline; line-height: 19px;"><span style="color: #0b5394;">Contoh kalimat yang akan anda tulis berada di sini dan kode html ditulis di bawahnya.</span></span></span><br />
<span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;"><span style="color: #ff6666; font-family: inherit;"><code></span></span><br />
<span class="fullpost" style="background-color: white; color: #333333; display: inline; font-family: inherit; line-height: 19px;"><span style="color: #009900;">&lt;</span>meta equiv="Content-Type" content="text/html; charset=win 1252"<span style="color: #009900;">&gt;</span></span><br />
<span class="fullpost" style="background-color: white; color: #333333; display: inline; font-family: inherit; line-height: 19px;"><span style="color: #009900;">&lt;</span>/meta<span style="color: #009900;">&gt;</span></span><br />
<span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;"><span style="color: #ff6666; font-family: inherit;"></code></span></span><br />
<span style="font-family: inherit;"><span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;"><br /></span>
<span class="fullpost" style="background-color: white; color: #333333; display: inline; line-height: 19px;">Penambahan atribut <span style="color: #ff6666;"><code></span> dan <span style="color: #ff6666;"></code></span> adalah perintah yang menandakan anda sedang menulis kode html sehingga yang tampil di posting adalah kode tersebut. Penting, saat menulis kode html pilih <span style="font-weight: bold;">Edit HTML</span> jangan pilih Tulis atau Compose, tapi pilihlah pada tab HTML atau edit HTML-nya.</span></span><br />
<span style="font-family: inherit;"><br /></span></div>
<span class="fullpost" style="background-color: white; color: #333333; display: inline; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 12px; line-height: 19px;">
</span></center>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-47457207468870189182012-09-13T09:33:00.001+07:002012-09-13T11:39:00.534+07:00Kelebihan dan Kekurangan Penggunaan "jQuery"<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_syNQGPV22A7iWEcL7AXMEvgmq52iygbPB8c_mFqz0QEhl_cJ7LevoT5viAN4IxcORN32T05OvfxPy26V6Fax9IatWSsjWNZwMTMN06sBZFeb5svpdTnvSqoeQV7_ccvBjTRD_cbGMaE/s1600/jquery_logo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_syNQGPV22A7iWEcL7AXMEvgmq52iygbPB8c_mFqz0QEhl_cJ7LevoT5viAN4IxcORN32T05OvfxPy26V6Fax9IatWSsjWNZwMTMN06sBZFeb5svpdTnvSqoeQV7_ccvBjTRD_cbGMaE/s200/jquery_logo.jpg" width="200" /></a></div>
Memang sedikit yang mau membahas tentang ini karena sebagian besar pegiat yang aktif di dunia blogging dan web design sudah tahu <b><a href="http://e-tuts.blogspot.com/2012/09/Kelebihan-dan-Kekurangan-Penggunaan-jQuery.html" target="_blank">Kelebihan dan Kekurangan jQuery</a></b>, bahkan lebih dari itu mereka membahas cara bagaimana menyiasati untuk memaksimalkan jQuery dan meminimalisir kekurangannya.<br />
<div>
Berikut yang dapat saya simpulkan secara sederhana.<br />
<ul>
<li><b>Kelebihan : </b></li>
</ul>
- Write Less, Do More.<br />
- Dengan menggunakan jQuery tentu kita telah menyederhanakan penggunaan javascript, karena kita cukup menggunakan fungsi dari <b>library javascript</b> yang ada. Juga mempercepat coding javascript dalam sebuah website. Dibandingkan bila kita harus mulai sebuah script javascript satu per satu dari nol. Dengan <a href="http://e-tuts.blogspot.com/2012/09/Kelebihan-dan-Kekurangan-Penggunaan-jQuery.html" target="_blank">menggunakan jQuery</a> berarti kita telah meringkasnya dan membiarkan jQuery mengolahnya.<br />
- Fungsi pemakaian beserta contohnya bisa anda lihat di <a href="http://jquery.com/" rel="nofollow" target="_blank">http://jquery.com</a> untuk mempermudah dalam pembelajaran jQuery.<br />
- Support terhadap CSS1-3 selector, untuk fleksibilitas desain antar muka halaman website dan interaksinya.<br />
- Halaman website/blog yang dibangun dengan jQuery akan lebih interaktif dan menarik, membuat para pengunjung lebih terkesan.<br />
<div>
<ul>
<li><b>Kekurangan :</b></li>
</ul>
- Walaupun klaim bahwa loading menjadi semakin ringan, web/blog yang tidak menggunakan jQuery alias HTML murni tetap lebih ringan untuk diload terutama dimata CPU dan RAM.<br />
-Dari sisi server hosting pun, CPU dan RAM harus mengalokasikan resource yang mereka miliki untuk menangani request terhadap jQuery. Pada level tertentu request yang sangat banyak melebihi standar akan membebani server tersebut. </div>
<div>
Solusi: host jquery pada situs lain, seperti Google yang menyediakan request jQuery dari servernya (API).</div>
<div>
-Hal ini tidak akan terasa jika anda memiliki komputer yang powerful dan koneksi yang kencang, namun bila pengunjung situt anda tidak memiliki itu semua, alias koneksi lelet dan komputer yang lemah syahwat...? Maka mereka lebih memilih untuk tidak hanya menutup situs web anda, tapi juga situs lainnya yang dirasa berat kecuali beranda browser...<i>[heheh, ngomong apa sich..!]</i> </div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKI0K4dSvIQFUapHCOOHya8AQ-AFCE4UK6n3L7xl2-447Q58IXGdOUJlO-_HJN06XqnowkIa-JDe2H_Fp6ojyyr-LaHB5eoVAdeP2k-M_BPclMHMDJa89kYJZ4bDODFVAhq6wWluC9kF8/s1600/jquery+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKI0K4dSvIQFUapHCOOHya8AQ-AFCE4UK6n3L7xl2-447Q58IXGdOUJlO-_HJN06XqnowkIa-JDe2H_Fp6ojyyr-LaHB5eoVAdeP2k-M_BPclMHMDJa89kYJZ4bDODFVAhq6wWluC9kF8/s400/jquery+1.png" width="400" /></a></div>
<ul>
<li><b>Kesimpulan : </b></li>
</ul>
jQuery mampu merubah interaksi sebuah website menjadi lebih baik dan menarik, namun harus di bayar dengan beban load yang lebih lama dibandingkan dengan tidak menggunakan <i>script jQuery</i>.</div>
</div>
<div>
Ilmu ini kami peroleh dari <a href="http://afterschools.blogspot.com/">afterschools.blogspot.com</a>. Semoga bermanfaat.</div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com1tag:blogger.com,1999:blog-4496235430100169874.post-36159207648274296792012-09-13T08:44:00.000+07:002012-09-13T11:39:00.531+07:00Cara Merubah Windows menjadi Android<div class="separator" style="background-color: white; clear: both; color: #444444; line-height: 18.200000762939453px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmY7W_H_BmsLJspH8Vad0qPMoE5XwLl0j4aTEqB5mV8oyv1OA3bpmgPOTtMvQkcAX2BJNKSJTHF-_DO9TOrBdEB37uUnUS53zmok_5Ef0dULsjIaUP53XE0L0CKd55LTCorGIDbQxgRDI/s1600/Mengubah+Windows+7+Menjadi+Mirip+Android%255B6%255D.jpg" imageanchor="1" style="color: #003567; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="font-family: inherit;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmY7W_H_BmsLJspH8Vad0qPMoE5XwLl0j4aTEqB5mV8oyv1OA3bpmgPOTtMvQkcAX2BJNKSJTHF-_DO9TOrBdEB37uUnUS53zmok_5Ef0dULsjIaUP53XE0L0CKd55LTCorGIDbQxgRDI/s400/Mengubah+Windows+7+Menjadi+Mirip+Android%255B6%255D.jpg" style="border-width: 0px; margin-top: 5px; overflow: hidden; padding: 0px;" width="400" /></span></a></div>
<span style="font-family: inherit;"><br style="background-color: white; color: #444444; line-height: 18.200000762939453px;" /><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;">Windows kamu berubah menjadi Android...?</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;">Penasankah..?? Buat yang sudah tahu tentu tidak wah lagi.. Tapi buat yang baru tahu dan suka modif neeh, ada sebuah truk, eh trik untuk <a href="http://e-tuts.blogspot.com/2012/09/cara-merubah-windows-menjadi-android.html" rel="" target="_blank">mengubah tampilan windows kalian menjadi Android</a>..!</span></span><br />
<span style="color: #444444;"><span style="line-height: 18.200000762939453px;">Menarik sekali bukan..?!</span></span><br />
<span style="color: #444444;"><span style="line-height: 18.200000762939453px;">Tapi tunggu dulu, sobat perlu tahu kalau ini hanya berlaku untuk Windows 7. Jadi buat yang selain Windows 7 bisa dicari lagi dan boleh sobat share disini.</span></span><br />
<span style="font-family: inherit;"><br style="background-color: white; color: #444444; line-height: 18.200000762939453px;" /><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;">Ini bentuknya skin pack yan</span></span><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;">g</span><span style="background-color: white; color: #444444; font-family: inherit; line-height: 18.200000762939453px;"> dapat kalian gunakan untuk memodifikasi dan mempercantik tampilan windows 7 menjadi mirip dengan tampilan Android. Namanya <a href="http://e-tuts.blogspot.com/2012/09/cara-merubah-windows-menjadi-android.html" target="_blank"><b><i>Android Skin Pack</i></b></a>. [Lihat screen shotnya]</span><br />
<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;"><a href="http://th09.deviantart.net/fs71/PRE/i/2011/275/8/e/android_skin_pack_1_0_x64_by_hameddanger-d4bk74s.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="302" src="http://th09.deviantart.net/fs71/PRE/i/2011/275/8/e/android_skin_pack_1_0_x64_by_hameddanger-d4bk74s.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Klik pada gambar untuk memperbesar dan melihat bila gagal muat</td></tr>
</tbody></table>
<ul style="background-color: white; color: #444444; line-height: 18.200000762939453px;"></ul>
<span style="font-family: inherit;"><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;">Cara menggunakan <i>Android Skin Pack</i> ini.</span><br style="background-color: white; color: #444444; line-height: 18.200000762939453px;" /><b style="background-color: white; color: #444444; line-height: 18.200000762939453px;">Android Skin Pack</b><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;"> mudah untuk di install di windows 7, namun jika Windows 7 kamu telah terinstal skin pack sebelumnya, direkomendasikan untuk di uninstall terlebih dahulu. Lalu disable UAC terlebih sebelum kemudian Install Android Skin Pack ini dan restart komputer kalian.</span><br style="background-color: white; color: #444444; line-height: 18.200000762939453px;" /><b style="background-color: white; color: #444444; line-height: 18.200000762939453px;">Penting:</b><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;"> untuk jaga-jaga jika terjadi crash ada baiknya kalian </span><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;"><i><u>membuat sebuah system restore point</u></i></span><b style="background-color: white; color: #444444; line-height: 18.200000762939453px;"></b><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;"> terlebih dahulu. Download Android Skin Pack untuk windows 7</span><br style="background-color: white; color: #444444; line-height: 18.200000762939453px;" /><span style="background-color: white; color: #444444; line-height: 18.200000762939453px;">DOWNLOAD</span></span> <button><a href="http://hameddanger.deviantart.com/art/Android-Skin-Pack-1-0-X86-261282717" rel="nofollow" target="_blank">32-bit</a></button> <span style="font-family: inherit;"><b>atau </b></span><button><a href="http://hameddanger.deviantart.com/art/Android-Skin-Pack-1-0-X64-261282844" rel="nofollow" style="color: blue; text-decoration: none;" target="_blank">64-bit</a></button>Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-3801207932098637612012-09-11T14:11:00.001+07:002012-12-16T02:32:35.834+07:00Tampil Atau Sembunyikan Widget Pada Halaman Tertentu<br />
Biasanya kita melihat penggunaan <b><a href="http://e-tuts.blogspot.com/2012/09/tampil-atau-sembunyikan-widget-pada-halaman-tertentu.html">tag kondisional</a></b> untuk menampilkan dan menyembunyikan widget pada halaman tertentu ini pada template blog dengan gaya Magazine atau Blogazine, dimana pada satu halaman terlihat akan tetapi tidak tampak pada halaman lain. Berbeda dengan setelan default Blogger yang menampilkan seluruh widget secara utuh pada seluruh halaman blog.<br />
<div>
<br /></div>
<div>
Berikut contoh struktur tampat pemakaiannya :</div>
<div>
<div style="text-align: center;">
<center>
<div style="-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 15px inset; background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><div style="color: #676767;">
<span style="color: black;"></b:widget></span></div>
<div>
<b:widget id='HTML6' locked='false' title='Word 2007' type='HTML'></div>
<div>
<b:includable id='main'></div>
<div>
<span style="color: red;"><b>Conditional tag</b></span></div>
<div>
<span style="color: lime;"><!-- only display title if it's non-empty --></span></div>
<div>
<span style="color: lime;"><b:if cond='data:title != &quot;&quot;'></span></div>
<div>
<span style="color: lime;"><h2 class='title'><data:title/></h2></span></div>
<div>
<span style="color: lime;"></b:if></span></div>
<div>
<span style="color: lime;"><div class='widget-content'></span></div>
<div>
<span style="color: lime;"><data:content/></span></div>
<div>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="color: lime;"></div></span></div>
<div>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><b><span style="color: red;"></b:if></span></b><br />
<b:include name='quickedit'/></div>
<div>
</b:includable></div>
<div>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a></b:widget></div>
</div>
</center>
</div>
</div>
Struktur widget pada blogger secara umum seperti diatas. Jangan perhatikan yang berwarna hijau karena setiap widget berbeda pada kode tersebut (hanya contoh saja).<br /><br />Tambahkan Conditional tag yang merupakan kondisi atau syarat di mana widget mau ditampilkan, ditutup dengan <b><span style="color: red;"></b:if></span></b>. Sekarang anda tinggal mengganti Conditional tag dengan kode di bawah sesuai kebutuhan :<div>
<h3>
1.Home Page</h3>
<div>
Home Page adalah halaman utama blog (beranda)<br /><br />Contoh : <a href="http://e-tuts.blogspot.com/">http://e-tuts.blogspot.com</a><br />Menampilkan widget hanya pada Homepage<br /><div style="text-align: center;">
<center>
<div style="-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 15px inset; background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #666666; font-family: inherit;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br />
<span style="color: #666666; font-family: inherit;">. . . </span><br />
<div>
<span style="color: #666666; font-family: inherit;">. . .</span></div>
<div>
<span style="color: #666666; font-family: inherit;"></b:if></span></div>
</div>
</center>
</div>
Menampilkan widget selain pada Homepage<div style="text-align: center;">
<center>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><div style="-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 15px inset; background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; padding: 15px; text-align: left; width: 500px;">
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="color: #676767;"><b:if cond='data:blog.url != data:blog.homepageUrl'></span><br />
<span style="color: #676767;">. . . </span><br />
<span style="color: #676767;">. . .</span><br />
<span style="color: #676767;"></b:if></span></div>
</center>
</div>
<h3>
2. Archive Page</h3>
Archive page adalah halaman arsip blog<br /><br />Menampilkan widget hanya pada Archive Page<div style="text-align: center;">
<center>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><div style="-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 15px inset; background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767;"><b:if cond='data:blog.pageType == &quot;archive&quot;'></span><br />
<span style="color: #676767;">. . . </span><br />
<span style="color: #676767;">. . .</span><br />
<span style="color: #676767;"></b:if></span></div>
</center>
</div>
Menampilkan widget selain pada Archive Page<span style="font-family: inherit;"></span><br />
<div style="text-align: center;">
<center>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767; font-family: inherit;"><b:if cond='data:blog.pageType != &quot;archive&quot;'></span><br />
<span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
<br /><h3>
3. Item Page</h3>
Item page adalahhalaman artikel yang anda posting<br /><br />Menampilkan widget hanya pada Item Page<span style="font-family: inherit;"></span><br />
<div style="text-align: center;">
<center>
<div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767; font-family: inherit;"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span><br />
<span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
Menampilkan widget selain pada Item Page<span style="font-family: inherit;"></span><br />
<div style="text-align: center;">
<center>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767; font-family: inherit;"><b:if cond='data:blog.pageType != &quot;item&quot;'> </span><br />
<span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
<br /><h3>
4. Static Page</h3>
Static page adalah halaman yang tidak termasuk ke dalam postingan blog anda, halaman ini biasanya digunakan untuk halaman About me, Contact Us atau yang lainnya.<br /><br />Menampilkan widget hanya pada Static Page<div style="text-align: center;">
<center>
<div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767;"><b:if cond='data:blog.pageType == &quot;static_page&quot;'></span><br />
<span style="color: #676767;"> </span><span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
Menampilkan widget selain pada Static Page<span style="font-family: inherit;"></span><br />
<div style="text-align: center;">
<center>
<div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767; font-family: inherit;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'> </span><br />
<span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
<br /><h3>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>5. URL Tertentu</h3>
Menampilkan widget hanya pada url tertentu<div style="text-align: center;">
<center>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767; font-family: inherit;"><b:if cond='data:blog.url == &quot;Alamat URL&quot;'> </span><br />
<span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
Menampilkan widget selain pada url tertentu<div style="text-align: center;">
<center>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><div style="background-color: #eeeeee; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; color: #676767; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="font-family: inherit;"><b:if cond='data:blog.url != &quot;Alamat URL&quot;'></span><br />
<div style="color: black;">
<span style="color: #676767; font-family: inherit;">. . . </span></div>
<div style="color: black;">
<span style="color: #676767; font-family: inherit;">. . .</span></div>
<div style="color: black;">
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</div>
</center>
</div>
<br />Alamat URL diganti dengan URL yang anda inginkan.<br /><br /><h3>
6. Label Page</h3>
Label page adalah halaman ketika anda klik label pada posting<br /><br />Menampilkan widget hanya pada Label Page<span style="font-family: inherit;"></span><br />
<div style="text-align: center;">
<center>
<div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767; font-family: inherit;">&lt;b:if cond='data:blog.url == &quot;http://e-tuts.blogspot.com/search/label/Nama Label&quot;'></span><br />
<span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
Menampilkan widget selain pada Label Page<div style="text-align: center;">
<center>
<a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://www.blogger.com/blogger.g?blogID=4496235430100169874" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767; font-family: inherit;"><b:if cond='data:blog.url != &quot;http://</span> <span style="color: #676767;">e-tuts</span> <span style="color: #676767; font-family: inherit;">.blogspot.com/search/label/Nama Label&quot;'></span><br />
<span style="color: #676767; font-family: inherit;">. . . </span><br />
<span style="color: #676767; font-family: inherit;">. . .</span><br />
<span style="color: #676767; font-family: inherit;"></b:if></span></div>
</center>
</div>
<br />Ganti Nama Label dengan nama label pada blog anda. Jika terdapat spasi pada nama label, ganti spasi dengan %20.<br /><br />Anda bisa mengisi dua atau lebih Conditional tag dengan syarat anda harus menutup sebanyak Conditional tag dengan </b:if><br /><br />Misalnya Anda tidak ingin menampilkan widget pada Homepage dan URL tertentu.<div style="text-align: center;">
<center>
<div style="background-color: #eeeeee; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; box-shadow: rgb(0, 0, 0) 0px 0px 9px inset; overflow: auto; padding: 15px; text-align: left; width: 500px;">
<span style="color: #676767;"><b:if cond='data:blog.url == data:blog.homepageUrl'></span><br />
<span style="color: #676767;"><b:if cond='data:blog.url != &quot;Alamat URL&quot;'> </span><br />
<span style="color: #676767;">. . . </span><br />
<span style="color: #676767;">. . .</span><br />
<span style="color: #676767;"></b:if> </span><br />
<span style="color: #676767;"></b:if></span></div>
</center>
</div>
Selamat mencoba...!</div>
</div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-56190190299032814992012-09-11T13:12:00.001+07:002012-09-13T11:39:00.538+07:00Memasang Related Post Tanpa Thumbnail Pada Blog<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioPLKzhfQQXrkAz-eThoEjEYg10OdMN_eiQyTjBEduHON-5yef6ZJIkFAw5jeCDYy3exYdv0ZXDA-nZtjC_1vJ76RK7OSc77YfwQ-1Gs1kk6PhddfLd8hih_QENU-coLgiiDOesEeTfUM/s1600/related-post.jpg" imageanchor="1" style="clear: right; color: #a10102; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;"><img alt="related-post" border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioPLKzhfQQXrkAz-eThoEjEYg10OdMN_eiQyTjBEduHON-5yef6ZJIkFAw5jeCDYy3exYdv0ZXDA-nZtjC_1vJ76RK7OSc77YfwQ-1Gs1kk6PhddfLd8hih_QENU-coLgiiDOesEeTfUM/s320/related-post.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; padding: 1px; position: relative;" title="related-post" width="320" /></a></div>
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Tentu sobat tidak asing lagi dengan istilah <b><a href="http://e-tuts.blogspot.com/2012/09/memasang-related-post-tanpa-thumbnail-pada-blog.html">Related Post</a></b>. Widget yang menampilkan <b><a href="http://e-tuts.blogspot.com/2012/09/memasang-related-post-tanpa-thumbnail-pada-blog.html">artikel terkait</a></b> dengan artikel yang sedang dibaca oleh pengunjung.</span><br />
<span style="font-family: inherit;">Ada beragam bentuk Related Post yang bisa kita pakai.</span><br />
<span style="font-family: inherit;">Diantaranya adalah <a href="http://e-tuts.blogspot.com/2012/09/memasang-related-post-tanpa-thumbnail-pada-blog.html">Related Post Tanpa Thumbnail</a>, atau Related Post yang hanya menampilkan deretan judul artikel terkait saja.</span><br />
<span style="font-family: inherit;">Tujuannya supaya pengunjung ingin terus menelusuri halaman per halaman yang pembaca butuhkan di blog sobat.</span><br />
<span style="font-family: inherit;">Mari kita praktekkan caranya.</span><br />
<span style="font-family: inherit;"><br /></span>
<br />
<hr style="background-color: white; color: #222222; line-height: 18px;" />
<div style="background-color: white; color: #222222; line-height: 18px; text-align: center;">
<b><span style="font-family: inherit;">Related Post Tanpa Thumbnail</span></b></div>
<span style="font-family: inherit;"><br style="background-color: white; color: #222222; line-height: 18px;" /></span>
<b style="background-color: white; color: #222222; line-height: 18px;"><span style="font-family: inherit;">Langkah 1</span></b><br />
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Login ke Blogger</span><br />
<b style="background-color: white; color: #222222; line-height: 18px;"><span style="font-family: inherit;">Langkah 2</span></b><br />
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Masuk ke "<b>Rancangan - Edit HTML</b>"</span><br />
<b style="background-color: white; color: #222222; line-height: 18px;"><span style="font-family: inherit;">Langkah 3</span></b><br />
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Cheklist "<b>Expand Template Widget</b>"</span><br />
<b style="background-color: white; color: #222222; line-height: 18px;"><span style="font-family: inherit;">Langkah 4</span></b><br />
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Cari kode</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> </span><code></head></code><br />
<b style="background-color: white; color: #222222; line-height: 18px;"><span style="font-family: inherit;">Langkah 5</span></b><br />
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Setelah ketemu lalu copy kode dibawah ini dan letakkan diatas <u>langkah 4</u></span><br />
<blockquote class="tr_bq">
<style> #related-postz { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; margin-left: 5px; line-height: 25px; font-weight: bold; font: 18px Arial,sans-serif; margin-bottom: 10px; } #related-postz .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-postz .widget h2, #related-posts h2 { font-size: 0.7em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-postz a { text-decoration : none; } #related-postz a:hover { text-decoration : underline; } #related-postz ul { border : medium none; margin : 10px; padding : 0; } #related-postz ul li { display : block; background : url("") no-repeat 0 0; padding-left : 21px; padding-bottom : 1px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; font-size: 0.7em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; } </style><br /> <script src='http://blognlike.com/amrit/Host/related.js' type='text/javascript'/></blockquote>
<b style="background-color: white; color: #222222; line-height: 18px;"><span style="font-family: inherit;">Langkah 6</span></b><br />
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Setelah itu lanjut cari kode</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> </span> <code><data:post.body/></code><br />
<b style="background-color: white; color: #222222; line-height: 18px;"><span style="font-family: inherit;">Langkah 7</span></b><br />
<span style="background-color: white; color: #222222; font-family: inherit; line-height: 18px;">Lalu copy kode dibawah ini dibawah kode langkah 6</span><br />
<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == "item"'><br /> <div id='related-postz'><font face='Verdana' size='4'><b>Related Posts:</b></font><br /> <b:loop values='data:post.labels' var='label'><b:if cond='data:blog.pageType == "item"'><br /> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script><div align='left' style='font-size:12px'><a href='http://blognlike.com'>Promote Your Blog</a><br /> <div align='right' style='font-size:11px'></div></div></div></b:if></blockquote>
<span style="font-family: inherit;"><b style="background-color: white; color: #222222; line-height: 18px;">Langkah 8</b><br style="background-color: white; color: #222222; line-height: 18px;" /><span style="background-color: white; color: #222222; line-height: 18px;">Klik simpan dan buktikan! :)</span></span>Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com1tag:blogger.com,1999:blog-4496235430100169874.post-28533792627677300022012-09-10T02:18:00.000+07:002012-09-13T11:39:00.529+07:00Agar Kulit Putih Alami<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcREypMLBbIa3wUxTXKVCkoqKpJoYfVIm6TbrnXowqWtKnE4wmAz" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcREypMLBbIa3wUxTXKVCkoqKpJoYfVIm6TbrnXowqWtKnE4wmAz" width="320" /></a></div>
<span style="font-family: inherit;"><span style="background-color: white; color: #242424; line-height: 19px;">Tanpa terbantahkan bahwasanya sebagian kelompok manusia di zaman modern ini telah menganggap memiliki warna kulit yang lebih putih dan cerah merupakan puncak kesempurnaan dari kecantikan seseorang. Itu terbuktikan dari kenekatan mereka mengambil jalur pintas dan ekstrim untuk mendapatkan pesona yang ideal tersebut. Padahal tidak semua itu berdampak positif bagi mereka. Ada yang ingin mendapatkan kulit cantik, eh bukannya cantik tapi malah kebalikannya.</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #242424; line-height: 19px;">Masih nekat menngambil jalur singkat untuk memperoleh penampilan yang sempurna..?</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #242424; line-height: 19px;"><br /></span></span>
<span style="font-family: inherit;"><span style="background-color: white; color: #242424; line-height: 19px;">Tunggu dulu, berikut ini ada tips alami untuk memperoleh keindahan kulit seperti yang anda inginkan.</span></span><br />
<span style="font-family: inherit;"><span style="background-color: white; color: #242424; line-height: 19px;">tips agar kulit menjadi putih tersebut adalah:</span></span><br />
<ol style="background-color: white; color: #242424; line-height: 19px; margin: 0px 0px 0px 5px; padding: 0px 0px 10px;">
<li style="margin: 0px 0px 0px 27px; padding: 0px 0px 5px;"><span style="font-family: inherit;">Tutup bagian tubuhmu dari sengatan matahari saat keluar rumah pada siang hari dengan kemeja panjang, topi, jilbab dan pakaian lainnya yang bisa melindungimu dari teriknya panas matahari. Hal ini akan membuatkulitmu secara alami menjadi putih.</span></li>
<li style="margin: 0px 0px 0px 27px; padding: 0px 0px 5px;"><span style="font-family: inherit;">Gunakanlah sabun mandi dan pembersih wajah yang sesuai dengan kulitmu, dan dengan mandi teratur akan membuat kulitmu terhindar dari kotoran.</span></li>
<li style="margin: 0px 0px 0px 27px; padding: 0px 0px 5px;"><span style="font-family: inherit;">Minumlah air putih, dengan air yang berkecukupan dalam tubuhmu akan membuat kulitmu lebih segar dan sehat</span></li>
<li style="margin: 0px 0px 0px 27px; padding: 0px 0px 5px;"><span style="font-family: inherit;">Makanlah buah-buahan yang bisa memiliki manfaat yang bagus untuk kulit seperti : Bengkuang, Tomat, dan Alpukat</span></li>
<li style="margin: 0px 0px 0px 27px; padding: 0px 0px 5px;"><span style="font-family: inherit;">Menghentikan kebiasaan tidak sehat seperti Merokok, meminum minuman beralkohol dan makanan berlemak akan mengembalikan kulitmu bercahaya, serta biasakanlah hidup sehat dengan berolahraga sehingga racun didalam kulitmu bisa keluar.</span></li>
</ol>
<span style="color: #242424;"><span style="line-height: 19px;">Itulah beberapa tips untuk memutihkan wajah secara alami, mudah dan murah. Namun cara tersebut butuh kesabaran. Oleh karena itu jaga selalu diri anda dan tetaplah hidup sehat.</span></span>Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-36882812492191144162012-09-09T18:21:00.002+07:002012-09-13T11:39:00.532+07:00Sistem Thread comments Blogger ala FacebookSetelah pada kesempatan yang lalu saya sempat membahas tentang <a href="http://e-tuts.blogspot.com/2012/09/Komentar-Blogger-dan-Facebook-Berdampingan-Dengan-Tab.html">KOMENTAR BLOGGER DAN FACEBOOK BERDAMPINGAN DENGAN TAB</a>, kali ini tidak lupa saya mau share sistem thread comments yang kita dapat lebih mempercantik tampilan komentar pada blog kita. <a href="http://e-tuts.blogspot.com/2012/09/Sistem-Thread-comments-Blogger-ala-Facebook.html" rel="nofollow" target="_blank"><b>Sistem Thread comments Blogger ala Facebook</b></a> ini dikembangkan oleh <a href="http://blog.kangismet.net/" rel="nofollow" target="_blank">Kang Ismet</a>. <div>
Rasanya lengkap bila sudah memasang comment dari Facebook lalu kita pasang juga comment blogger ala Facebook di blog kita.</div>
<div>
<br /></div>
<div>
Komentar blogger ala Facebook ini hanya butuh pengeditan pada bagian CSS saja dan kalau berhasil maka tampilan komentar kita persis seperti yang terdapat pada Facebook.</div>
<div>
<br /></div>
<div>
Coba anda perhatikan screenshot di bawah ini :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiep0SMAcmoTfVvZ9FEQBwjyfLUHsB6i00OALsytneoIHrx6FBb2K0QBbXryUUegI296p2Z8BaGVEQ4XGPa5iWMiBDunwHNtkEYfWHBG3hkoN3uwErGfeIrF1SOshEBMP4IP9KWsTOZBTHR/s1600/e-tuts+comment2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiep0SMAcmoTfVvZ9FEQBwjyfLUHsB6i00OALsytneoIHrx6FBb2K0QBbXryUUegI296p2Z8BaGVEQ4XGPa5iWMiBDunwHNtkEYfWHBG3hkoN3uwErGfeIrF1SOshEBMP4IP9KWsTOZBTHR/s400/e-tuts+comment2.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Persis <a href="http://e-tuts.blogspot.com/2012/09/Sistem-Thread-comments-Blogger-ala-Facebook.html" rel="nofollow" target="_blank">seperti Facebook</a> kan..?!</div>
<div class="separator" style="clear: both; text-align: left;">
Setidaknya begitulah... coba anda lihat demonya Kang Ismet <a href="http://kangismet.net/visit/?iframe=http://hanya-contoh-aja.blogspot.com/2012/06/contoh-komentar-blogger-seperti-faebook.html" rel="nofollow" target="_blank">di sini</a>.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3>
Cara membuat Komentar Blogger ala Facebook </h3>
<div class="separator" style="clear: both;">
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="background-color: white; color: #333333; line-height: 21.600000381469727px;">1. Login ke Blogger</span><br style="background-color: white; color: #333333; line-height: 21.600000381469727px;" /><span style="background-color: white; color: #333333; line-height: 21.600000381469727px;">2. Klik Template --> Edit HTML</span><br style="background-color: white; color: #333333; line-height: 21.600000381469727px;" /><span style="background-color: white; color: #333333; line-height: 21.600000381469727px;">3. Cari kode </span><code style="background-color: white; line-height: 21.600000381469727px;"><b style="color: #126aaf;">]]></b></code></span></span></div>
dengan CTRL+F<span style="font-family: inherit;"><span style="font-family: inherit;"><br style="background-color: white; color: #333333; line-height: 21.600000381469727px;" /><span style="background-color: white; color: #333333; line-height: 21.600000381469727px;">4. Tambahkan kode berikut ini diatas </span><code style="background-color: white; color: #126aaf; line-height: 21.600000381469727px;"><b>]]></b></code></span></span><div class="separator" style="clear: both; text-align: left;">
<span style="color: #134f5c; font-family: monospace;"><code style="background-color: white; line-height: 21.600000381469727px;"><b></b></code></span></div>
<blockquote>
<span style="color: #134f5c; font-family: monospace;"><code style="background-color: white; line-height: 21.600000381469727px;"><b>/* CSS Komentar Blogspot - Tema Facebook<br /> */<br />.comments {<br /> font:normal 11px/14px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif !important;color:rgb(51,51,51);<br />}<br />.comments .comments-content a {color:#3B5998 !important;}<br />.comments h2, .comments h3, .comments h4 {<br /> font-family:"Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif !important;<br /> font-size:16px;}<br />.comments .comments-content .comment {<br /> margin:0 0 0;<br /> padding:10px 0px 10px 0px;<br /> border-top:1px solid #e9e9e9;<br /> border-left:none;<br />}<br />.comments .comment .comment-header,<br />.comments .comment .comment-actions,<br />.comments .comment .comment-actions a,<br />.comments .comment .comment-thread.inline-thread,<br />.comments .comment .continue {margin:0 0 0; padding:0 0 0; border:none; background:transparent;}<br />.comments .comment .comment-header {margin-bottom:4px;}<br />.comments .comment .comment-header .datetime a {color:#808080 !important;}<br />.comments .comment .comment-actions a {padding-right:5px;}<br />.comments .thread-toggle .thread-arrow {width:7px; height:7px; padding-right:4px}<br />.comments .comment .avatar-image-container,<br />.comments .comment .avatar-image-container img {<br /> width:50px;<br /> height:50px;<br /> max-width:none;<br /> max-height:none;<br /> border:none;<br /> padding:0;<br /> margin:0;<br /> outline:none;<br />}<br />.comments .comment .comment-block {margin:0 0 0 60px !important;}<br />.comments .comment .comment-thread.inline-thread {margin:7px 0 0 22px;}<br />.comments .comment .comment-thread.inline-thread ol {margin:7px 0 10px !important;}<br />.comments .comment .comment-thread.inline-thread .comment {<br /> background-color:#EDEFF4;<br /> padding:5px 5px 0;<br /> margin:1px 0 0;<br /> border:none;<br /> border-bottom:1px solid #D2D9E7;<br />}<br />.comments .comment .comment-thread.inline-thread .comment .avatar-image-container,<br />.comments .comment .comment-thread.inline-thread .comment .avatar-image-container img {width:32px;height:32px;}<br />.comments .comment .comment-thread.inline-thread .comment .comment-block {<br /> margin:0 0 0 40px !important;}<br />.comments .comment .comment-content {text-align:left;}<br />.comments .comments-content .icon.blog-author {<br /> width:16px;<br /> height:16px;<br /> display:inline-block;<br /> vertical-align:top;<br /> background:transparent url('/favicon.ico') no-repeat 50% 50%;}<br />.comments .comment .comment-thread.inline-thread .comment:last-child {<br /> border-left:2px solid #A8B2CE !important;<br />}</b></code></span></blockquote>
<br />
5. Simpan Template<br /><br />Dan sekarang tampilan komentar blog anda sudah tampak seperti Facebook.<div>
<br /></div>
<div>
Terima kasih Kang Ismet dengan <a href="http://blog.kangismet.net/2012/06/komentar-blogger-seperti-facebook.html" rel="nofollow" target="_blank">Komentar Blogger Seperti Facebook</a>-nya.</div>
<div class="post-header">
<div class="post-header-line-1" style="background-color: white; color: #2c2c2c; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 21.600000381469727px; margin: 0px 0px 15px; padding: 0px;">
</div>
<ins style="background-color: white; border: none; color: #2c2c2c; display: inline-table; font-family: arial, sans-serif; font-size: 12px; height: 15px; line-height: 21.600000381469727px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 468px;"></ins></div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com1tag:blogger.com,1999:blog-4496235430100169874.post-51582661491712329182012-09-09T17:52:00.000+07:002012-09-13T11:39:00.536+07:00Komentar Blogger dan Facebook Berdampingan Dengan Tab<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJfcs8FEfwLcVwc7ZTgQOYtwvcZ0MkYBUow7lX3wA1fgvAf903v_cb0JFf3FKYY4VcRAbb_Ag6_p8lSgyDh966TmaE_wTfRgZ3ly3PnFzUMtVKO3SDkMMF-eDvc4Zm8n_Fwb9Um67QWID/s1600/e-tuts+comment.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJfcs8FEfwLcVwc7ZTgQOYtwvcZ0MkYBUow7lX3wA1fgvAf903v_cb0JFf3FKYY4VcRAbb_Ag6_p8lSgyDh966TmaE_wTfRgZ3ly3PnFzUMtVKO3SDkMMF-eDvc4Zm8n_Fwb9Um67QWID/s320/e-tuts+comment.jpg" width="320" /></a>Assalamu'alaikum..<br />
Selamat sore sahabatku...<br />
<br />
Sebenarnya saya sedang geram setelah berhasil memasang <b><a href="http://e-tuts.blogspot.com/2012/09/Komentar%20Blogger-dan-Facebook-Berdampingan-Dengan-Tab.html">komentar Facebook berdampingan dengan komentar Blogger</a></b>. Trik biasa memang bagi sebagian blogger, tapi setelah berhasil dengan mulusnya, ntah apa yang saya lakukan sehingga seperti yang anda lihat, <i>kotak komentar Facebook</i>-nya kadang-kadang tidak bisa dilihat.... :(<br />
Bagi para master saya mohon pencerahannya...<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiep0SMAcmoTfVvZ9FEQBwjyfLUHsB6i00OALsytneoIHrx6FBb2K0QBbXryUUegI296p2Z8BaGVEQ4XGPa5iWMiBDunwHNtkEYfWHBG3hkoN3uwErGfeIrF1SOshEBMP4IP9KWsTOZBTHR/s1600/e-tuts+comment2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiep0SMAcmoTfVvZ9FEQBwjyfLUHsB6i00OALsytneoIHrx6FBb2K0QBbXryUUegI296p2Z8BaGVEQ4XGPa5iWMiBDunwHNtkEYfWHBG3hkoN3uwErGfeIrF1SOshEBMP4IP9KWsTOZBTHR/s320/e-tuts+comment2.jpg" width="320" /></a></div>
Akan tetapi saya walaupun sedikit kesal dengan <b><a href="http://e-tuts.blogspot.com/2012/09/Komentar%20Blogger-dan-Facebook-Berdampingan-Dengan-Tab.html"><span style="color: black;">tab komentar Facebook dan Blogger</span></a></b> tersebut berusaha untuk membagikannya kepada sobat di jagat maya.<br />
<br />
Berikut caranya bagi yang ingin tahu :<br />
<div style="background-color: white; color: #333333; line-height: 18px;">
<span style="font-family: inherit;">1. Login ke akun blogger sobat kemudian ke <b>Edit HTML</b></span></div>
<div style="background-color: white; color: #333333; line-height: 18px;">
<span style="font-family: inherit;">2. Di </span>
Edit HTML<span style="font-family: inherit;"> tersebut jangan lupa untuk mencentang </span><span style="color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><b>Expand Template Widget</b></span></div>
<div style="background-color: white;">
<span style="color: #333333; font-family: inherit; line-height: 18px;">3. Temukan kode<span style="color: red; font-style: italic; font-weight: bold;"> </span></span><span style="background-color: white; line-height: 18px;"><span style="color: red;"><b><div class='comments' id='comments'></b></span></span><br />
<div class="comments" id="comments">
</div>
<b><span style="color: red;">
</span></b><span style="color: #333333; font-family: inherit; line-height: 18px;"><span style="color: red; font-style: italic; font-weight: bold;"> </span>dengan bantuan CTRL+F atau F3</span></div>
<span style="font-family: inherit;"><span style="background-color: white; color: #333333; line-height: 18px;">4. Copy kode dibawah ini dibawah kode </span></span><span style="color: red;"><b><div class='comments' id='comments'> </b></span><span style="background-color: white;">yang kedua</span><br />
<br />
<blockquote class="tr_bq">
<span style="color: #134f5c;"><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='400'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'></span></blockquote>
<blockquote class="tr_bq">
</blockquote>
<span style="background-color: white;"><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;">5. Temukan kode</span><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"><b><i> </i></b></span></span><span style="font-family: Tahoma, Arial, Verdana;"><b><span style="color: red;"><span style="font-size: 12px; line-height: 18px;"></head></span></span><i style="font-size: 12px; line-height: 18px;"> </i></b></span><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;">dengan bantuan CTRL+F dan Copy kode dibawah ini diatas kode </span><span style="color: red; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"><b></head></b></span></span><br />
<b style="background-color: white; color: red; font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"></b><br />
<blockquote class="tr_bq" style="border: 2px solid rgb(221, 221, 221); margin: 0px 25px 15px; padding: 10px 20px 10px 15px;">
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> </span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"><script src='http://code.jquery.com/jquery-latest.js'/></span></span><br />
<span style="font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"><span style="color: #134f5c;"><meta content='</span><b><span style="color: red;">YOUR_FB_ID</span></b><span style="color: #134f5c;">' property='fb:admins'/></span></span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"><script type='text/javascript'></span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;">function commentToggle(selectTab) {</span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"> $(".comments-tab").addClass("inactive-select-tab");</span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"> $(selectTab).removeClass("inactive-select-tab");</span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"> $(".comments-page").hide();</span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"> $(selectTab + "-page").show();</span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;">}</span></span><br />
<span style="color: #134f5c; font-family: Tahoma, Arial, Verdana;"><span style="font-size: 12px; line-height: 18px;"></script></span></span></blockquote>
<span style="background-color: white;"><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"><i>6. </i>Temukan kode</span><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"> <b><span style="color: red;">#comments</span></b> </span><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;">dengan bantuan CTRL+F dan </span><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;">Copy kode dibawah ini diatas kode <span style="color: red;"><b>#comments</b></span></span><br style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;" /><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"></span></span><br />
<blockquote class="tr_bq" style="border: 2px solid rgb(221, 221, 221); font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px; margin: 0px 25px 15px; padding: 10px 20px 10px 15px;">
<span style="background-color: white;"><span style="color: #45818e;">.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</span></span></blockquote>
<span style="background-color: white;"><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;">7. Simpan dan buktikan hasilnya. jangan lupa ganti</span><b style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"> </b><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"><span style="font-weight: bold;"><span style="color: red;">YOUR_FB_ID</span></span></span><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;"> dengan kode facebook Anda.</span></span><br />
<span style="background-color: white;"><span style="font-family: Tahoma, Arial, Verdana; font-size: 12px; line-height: 18px;">Selamat menikmati..!</span></span>Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com5tag:blogger.com,1999:blog-4496235430100169874.post-78847906665205667232012-09-09T03:41:00.000+07:002012-09-13T16:01:40.572+07:00Membuat Blog Terkenal Dengan Mudah dan Gratis<div class="separator" style="clear: both; text-align: center;">
<a href="http://odestory.com/assets/images/Menjadi-Terkenal-dengan-storiesMe-Video.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: justify;"><img alt="Membuat Blog Terkenal" border="0" height="185" src="http://odestory.com/assets/images/Menjadi-Terkenal-dengan-storiesMe-Video.jpg" title="Membuat Blog Terkenal" width="320" /></a></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14px; line-height: 22.383333206176758px;"><span style="font-family: inherit;">Ingin blog anda terkenal dan target agar tulisan anda banyak mendapat pembaca.</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: inherit;"><span style="font-size: 14px; line-height: 22.383333206176758px;">Banyak syarat-syaratnya..! dan bahkan sebagian orang setelah menghabiskan dana untuk membangun sebuah web/blog, dituntut lagi untuk menghabiskan dana demi membuat </span><span style="font-size: 14px; line-height: 22.366666793823242px;">web/</span><span style="font-size: 14px; line-height: 22.383333206176758px;">blog itu terkenal.</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14px; line-height: 22.383333206176758px;"><span style="font-family: inherit;">Blog menjadi terkenal dan mendapat pengunjung yang dahsyat memang sudah menjadi keinginan rata-rata blogger. Hanya bloger aneh saja yang setelah menulis sesuatu yang bermanfaat, namun tudak ingin membuatnya semakin digemari oleh peselancar di dunia maya.</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14px; line-height: 22.383333206176758px;"><span style="font-family: inherit;">Nah, oleh karena itu saya setelah menelusuri beberapa master yang masing masing punya cara tersendiri dan akhirnya kami pilih beberapa poin penting yang perlu anda lakukan jika ingin membuat blog anda terkenal. Cara ini <b>gratis</b> dan <b>sangat mudah</b> untuk dilakukan...!</span></span></div>
<br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;">Mari kita telusuri satu per satu.</span></div>
<span style="background-color: white;"><div style="text-align: justify;">
<span style="line-height: 22.366666793823242px;"><br /></span></div>
<span style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<b style="font-family: inherit; line-height: 22.383333206176758px;"><u><span style="font-size: medium;">Mengunjungi blog-blog sahabat yang lain dan berkomentar</span></u></b></div>
</span><span style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<span style="font-family: inherit; line-height: 22.383333206176758px;">Target pembaca anda tidak akan menemukan blog anda kalau anda tidak rajin memperlihatkannya. Maka carilah blog yang relevan dengan blog anda atau pada topik yang anda sukai dan banyak pengunjungnya. Lalu berkomentarlah dengan mematuhi aturan dan berikan url blog anda ketika berkomentar disana. Ingat, jangan kegirangan atau akan dianggap spam. Komentar positif dari anda akan menyemangati pemilik blog tersebut dan bisa jadi dia duluan yang akan kembali mengunjungi blog anda dan akan diikuti pengunjung blog tersebut tentunya.</span></div>
</span></span><br />
<br />
<div style="text-align: justify;">
<span style="line-height: 22.366666793823242px;"><br /></span></div>
<span style="background-color: white; font-family: inherit;"><div style="text-align: justify;">
<b style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><u><span style="font-size: medium;">Bergabung dengan forum yang relevan</span></u></b></div>
<span style="font-size: 14px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<span style="font-family: inherit; line-height: 22.383333206176758px;">Dengan bergabung dengan forum terlebih bila forum tersebut relevan dengan blog anda maka akan memudahkan anda dalam membangun relasi yang positif dan semangat dalam dunia blogging ini. </span></div>
</span></span><br />
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14px; line-height: 22.383333206176758px;"><span style="font-family: inherit;">Jangan lupa untuk menampilkan alamat blog anda supaya mereka mudah menemukannya.</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: inherit;">Diantara beberapa forum tersebut yaitu :</span></div>
<ul style="font-size: 14px; line-height: 22.383333206176758px;">
<li style="text-align: justify;"><a href="http://www.facebook.com/groups/shareyourblog/" style="text-decoration: none;" target="_blank"><span style="background-color: white; color: black; font-family: inherit;">Share Your Blog</span></a></li>
<li style="text-align: justify;"><span style="background-color: white; text-decoration: none;"><a href="http://www.facebook.com/groups/blogam/" style="text-decoration: none;" target="_blank"><span style="font-family: inherit;">Blogger Amatir Indonesia</span></a></span></li>
<li style="text-align: justify;"><a href="http://www.facebook.com/groups/250732861682621/" style="text-decoration: none;" target="_blank"><span style="background-color: white; color: black; font-family: inherit;">Blogger Indonesia</span></a></li>
</ul>
<span style="background-color: white;"><div style="text-align: justify;">
<span style="line-height: 22.366666793823242px;"><br /></span></div>
<b style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<b style="font-family: inherit; line-height: 22.383333206176758px;"><u><span style="font-size: medium;">Submit URL ke blog directories</span></u></b></div>
</b><span style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<span style="font-family: inherit; line-height: 22.383333206176758px;">Melakukan submit url blog anda pada blog directories sangat diperlukan untuk menunjang ketenaran blog anda. Karena jika anda hanya diam saja, maka Blog Directory yang memuat daftar blog-pun akan meninggalkan anda. Ini tentunya akan mengingatkan mesin pencari untuk menyertakan blog anda dalam daftar mereka. Dan ini tidak sulit, anda bosa melakukannya dengan rutin namun tetap tidak boleh berlebihan. Contoh untuk submit ke directory Google</span><span style="font-family: inherit; line-height: 22.383333206176758px;"> </span><a href="https://www.google.com/webmasters/tools/submit-url" style="font-family: inherit; line-height: 22.383333206176758px; text-decoration: none;" target="_blank">disini</a><span style="font-family: inherit; line-height: 22.383333206176758px;">. Dan masih banyak tempat lainnya yang memiliki daya yang berbeda.</span></div>
</span></span><div>
<div style="text-align: justify;">
<span style="line-height: 22.366666793823242px;"><br /></span></div>
<span style="background-color: white;"><div style="font-family: inherit; text-align: justify;">
<b style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><u><span style="font-size: medium;">Manfaatkan jejaring sosial yang ada</span></u></b></div>
<span style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<span style="font-family: inherit; line-height: 22.383333206176758px;">Anda sekarang memiliki Twitter dan Facebook yang sekarang disusul oleh senjata raksasa Google, Google+. Anda dapat menggunakannya untuk terus-menerus update isi dan informasi terkini dari blog anda kepada rekan-rekan disana. dan juga masih banyak jejaring sosial lainnya yang tidak boleh ditinggalkan.</span></div>
</span><div style="text-align: justify;">
<span style="line-height: 22.366666793823242px;"><br /></span></div>
<b style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<b style="font-family: inherit; line-height: 22.383333206176758px;"><u><span style="font-size: medium;">Gunakan gambar ilustrasi</span></u></b></div>
</b><span style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<span style="font-family: inherit; line-height: 22.383333206176758px;">Sama seperti anda ketika berselancar di dunia maya, ketka melihat gambar, anda semakin terangsang untuk setia membaca ataupun kadang kala hanya ingin melihat gambar saja.</span></div>
</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14px; line-height: 22.383333206176758px;"><span style="font-family: inherit;">Maka gunakanlah setidaknya sebuah gambar penguat yang membuat pembaca semakin tertarik. Dan ini juga terkait dengan ketenaran blog anda di mesin pencari.</span></span></div>
<div>
<div style="text-align: justify;">
<span style="line-height: 22.366666793823242px;"><br /></span></div>
<span style="background-color: white; font-family: inherit;"><div style="text-align: justify;">
<b style="font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;"><u><span style="font-size: medium;">Menyisipkan signature</span></u></b></div>
<span style="font-size: 14px; line-height: 22.383333206176758px;"><div style="text-align: justify;">
<span style="font-family: inherit; line-height: 22.383333206176758px;">Sangat mudah dilakukan untuk hanya menyertakan alamat blog anda ketika aktif di berbagai forum. Sehingga akan lebih banyak yang mencoba dan akhirnya setia dengan blog anda.</span></div>
</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-size: 14px; line-height: 22.383333206176758px;"><span style="font-family: inherit;"><br /></span></span></div>
<div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: inherit; font-size: 14px; line-height: 22.383333206176758px;">Langkah tersebut memang sangat mudah, tapi untuk mencapainya tidak semudah yang anda bayangkan sekarang. Bersabarlah dan sedikit demi sedikit blog anda akan ramai seperti pasar ikan.</span></div>
<span style="background-color: white;"><div style="text-align: justify;">
<br /></div>
</span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: inherit;">Dirangkum dari beberapa sumber dan bila ada yang ingin menambahkan dipersilahkan.</span></div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-48989474799661428622012-09-08T14:59:00.002+07:002012-09-13T16:01:40.570+07:00Cara Membuat Blog dengan Blogger<div class="separator" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TCLQAtrj0UA0jMqP1zv0wsg6wOGLn4MLjJOl2aoxoWyJhEV_N-GvmxpubwmrA9MUQvW5pUd_W4KZogVCVjyOMT81zQF32UpTwq2pHGAkQAR4UFBQhGC5HllcWCg1Nh_a1nUx6SchN-A/s1600/shadow.png); background-position: 50% 100%; background-repeat: no-repeat no-repeat; border: 0px; clear: both; font: inherit; line-height: 22px; margin: 0px; padding: 5px 0px 25px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; color: #084a6b; font-family: inherit; font: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP3IeSuOUq2Of38wPNMwhbe7xLr-2aQtduj1sV-QZ9aZO4cLKqOuC2G_alH_QH208nYF7QfZ0n9V6rg2mh2eiUXkO1d9X33xyGydmqeyOKFCb05hRL04vCT4PBclmQP5LljW0zGwYQLYo/s400/blogger.png" imageanchor="1" style="border: 0px; color: #084a6b; font-size: 12px; font: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP3IeSuOUq2Of38wPNMwhbe7xLr-2aQtduj1sV-QZ9aZO4cLKqOuC2G_alH_QH208nYF7QfZ0n9V6rg2mh2eiUXkO1d9X33xyGydmqeyOKFCb05hRL04vCT4PBclmQP5LljW0zGwYQLYo/s200/blogger.png" style="-webkit-box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px; box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" width="200" /></a></span></div>
<div style="background-color: white; border: 0px; font: inherit; line-height: 22px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: inherit;"><b>Blogger</b> seperti yang kita tahu merupakan salah satu Produk Google yang dimiliki oleh <b>PyraLab</b>, sampai pada akhir tahun 2002 PyraLab telah diakuisi oleh <b>Google.Com</b>. Semenjak itu, pada blogger tersebut banyak terdapat aplikasi-aplikasi yang bersifat umum atau terbuka yang mampu mempermudah penulisan dan pengelolaan sebuah blog dengan domain <i><b>namablog.blogspot.com</b></i>.</span><br />
<span style="background-color: white; font-family: inherit;">Banyak sekali situs-situs yang menyediakan artikel tutorial dalam mengelola sebuah Blog di Blogger. Bagi yang belum, jika penasaran silahkan coba saja mendaftarkan diri di blogger sekarang juga.</span></div>
<h4>
<span style="font-family: inherit;"><span style="background-color: white; line-height: 22px; text-align: justify;">Caranya sangat mudah :</span></span></h4>
<span style="font-family: inherit;"><span style="background-color: white; line-height: 22px; text-align: justify;">1. Sangat disarankan untuk membuat email Gmail, ini akan menguntungkan anda jika menggunakan email produk google yang akan fleksible untuk menggunakan produk google lainnya. Namun j</span><span style="background-color: white; line-height: 22px; text-align: justify;">ika anda ingin membuatnya dengan email seperti </span>yahoo<span style="background-color: white; line-height: 22px; text-align: justify;"> atau </span>hotmail<span style="background-color: white; line-height: 22px; text-align: justify;"> pun tidak masalah.</span><br style="background-color: white; line-height: 22px; text-align: justify;" /><span style="background-color: white; line-height: 22px; text-align: justify;">2. Sebelumnya kita akan bahas pembuatan blog jika anda sudah mempunyai Akun </span>Gmail<span style="background-color: white; line-height: 22px; text-align: justify;">.</span><br style="background-color: white; line-height: 22px; text-align: justify;" /><span style="background-color: white; line-height: 22px; text-align: justify;">3. Kunjungi situs </span><b style="background-color: white; line-height: 22px; text-align: justify;"><a href="http://blogger.com/" style="border: 0px; color: #084a6b; font-size: 12px; font: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">blogger.com</a></b><span style="background-color: white; line-height: 22px; text-align: justify;">, setelah itu anda cukup login dengan menggunakan email google yang sudah dibuat.</span></span><br />
<div class="separator" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TCLQAtrj0UA0jMqP1zv0wsg6wOGLn4MLjJOl2aoxoWyJhEV_N-GvmxpubwmrA9MUQvW5pUd_W4KZogVCVjyOMT81zQF32UpTwq2pHGAkQAR4UFBQhGC5HllcWCg1Nh_a1nUx6SchN-A/s1600/shadow.png); background-position: 50% 100%; background-repeat: no-repeat no-repeat; border: 0px; clear: both; font: inherit; line-height: 22px; margin: 0px; padding: 5px 0px 25px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPg-aOyL9jc9rnC1e4ifI6fkOFjXkhbQabsMN9id_8yUFdgAzbna0xV-7vnbqJpb5PP34YaB-WHBAUFUQiDjnK0nFEVdtMRnIHKO9csBnqLTNoeXQk5LS5oRxt1Epwc9AFsaIoMVCbN4/s1600/login-menu-blogger.jpg" imageanchor="1" style="border: 0px; color: #084a6b; font-size: 12px; font: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="font-family: inherit;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPg-aOyL9jc9rnC1e4ifI6fkOFjXkhbQabsMN9id_8yUFdgAzbna0xV-7vnbqJpb5PP34YaB-WHBAUFUQiDjnK0nFEVdtMRnIHKO9csBnqLTNoeXQk5LS5oRxt1Epwc9AFsaIoMVCbN4/s320/login-menu-blogger.jpg" style="-webkit-box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px; box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" width="320" /></span></a></div>
<span style="font-family: inherit;"><span style="background-color: white; line-height: 22px; text-align: justify;">4. Isi </span><b style="background-color: white; line-height: 22px; text-align: justify;">Nama Tampilan</b><span style="background-color: white; line-height: 22px; text-align: justify;"> sesuai keinginan, dan beri tanda ceklist pada tulisan persetujuan persyaratan dan layanan, dan pilih </span><b style="background-color: white; line-height: 22px; text-align: justify;">LANJUTKAN</b><span style="background-color: white; line-height: 22px; text-align: justify;">.</span></span><br />
<div class="separator" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TCLQAtrj0UA0jMqP1zv0wsg6wOGLn4MLjJOl2aoxoWyJhEV_N-GvmxpubwmrA9MUQvW5pUd_W4KZogVCVjyOMT81zQF32UpTwq2pHGAkQAR4UFBQhGC5HllcWCg1Nh_a1nUx6SchN-A/s1600/shadow.png); background-position: 50% 100%; background-repeat: no-repeat no-repeat; border: 0px; clear: both; font: inherit; line-height: 22px; margin: 0px; padding: 5px 0px 25px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRoF5_qaKHrhozxWz4mrIfiRiUjjlFAyxUdeiivf7khhaXjm5LqJNC1UW1iP84nlJ-z05PCgt3XmCQ-BuH1IXdUx0M__7-GK5H6WQ5lt_k_WXp3wjf5QoTcCbyQjO3Ls7OyTsnN3ceJ_Q/s1600/MENDAFTAR-BLOGGER.jpg" imageanchor="1" style="border: 0px; color: #084a6b; font-size: 12px; font: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="font-family: inherit;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRoF5_qaKHrhozxWz4mrIfiRiUjjlFAyxUdeiivf7khhaXjm5LqJNC1UW1iP84nlJ-z05PCgt3XmCQ-BuH1IXdUx0M__7-GK5H6WQ5lt_k_WXp3wjf5QoTcCbyQjO3Ls7OyTsnN3ceJ_Q/s320/MENDAFTAR-BLOGGER.jpg" style="-webkit-box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px; box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" width="320" /></span></a></div>
<span style="font-family: inherit;"><span style="background-color: white; line-height: 22px; text-align: justify;">5. Pilih menu </span><b style="background-color: white; line-height: 22px; text-align: justify;">Blog Baru</b></span><br />
<div class="separator" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TCLQAtrj0UA0jMqP1zv0wsg6wOGLn4MLjJOl2aoxoWyJhEV_N-GvmxpubwmrA9MUQvW5pUd_W4KZogVCVjyOMT81zQF32UpTwq2pHGAkQAR4UFBQhGC5HllcWCg1Nh_a1nUx6SchN-A/s1600/shadow.png); background-position: 50% 100%; background-repeat: no-repeat no-repeat; border: 0px; clear: both; font: inherit; line-height: 22px; margin: 0px; padding: 5px 0px 25px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyYRHw9rpPGMttQHIAsryEVkBLNWCkvBwnBbx94dBbwmyuXN_MtB48EPkyzZ8GAVLx5XwxB5e9CuL6d2EKsxTfrqU8ZizGfGKLyudWmn8ed8qCub5LVOD1LLXnPbIS5B3EpcVL-0zdHTM/s1600/blog-baru-blogger.jpg" imageanchor="1" style="border: 0px; color: #084a6b; font-size: 12px; font: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="font-family: inherit;"><img border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyYRHw9rpPGMttQHIAsryEVkBLNWCkvBwnBbx94dBbwmyuXN_MtB48EPkyzZ8GAVLx5XwxB5e9CuL6d2EKsxTfrqU8ZizGfGKLyudWmn8ed8qCub5LVOD1LLXnPbIS5B3EpcVL-0zdHTM/s400/blog-baru-blogger.jpg" style="-webkit-box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px; box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" width="400" /></span></a></div>
<span style="font-family: inherit;"><span style="background-color: white; line-height: 22px; text-align: justify;">6. Isi </span><b style="background-color: white; line-height: 22px; text-align: justify;">Judul Blog</b><span style="background-color: white; line-height: 22px; text-align: justify;">, pilih </span><b style="background-color: white; line-height: 22px; text-align: justify;">Alamat</b><span style="background-color: white; line-height: 22px; text-align: justify;"> blog anda, dan pilih </span><b style="background-color: white; line-height: 22px; text-align: justify;">Template</b><span style="background-color: white; line-height: 22px; text-align: justify;"> awal yang diinginkan.</span></span><br />
<div class="separator" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TCLQAtrj0UA0jMqP1zv0wsg6wOGLn4MLjJOl2aoxoWyJhEV_N-GvmxpubwmrA9MUQvW5pUd_W4KZogVCVjyOMT81zQF32UpTwq2pHGAkQAR4UFBQhGC5HllcWCg1Nh_a1nUx6SchN-A/s1600/shadow.png); background-position: 50% 100%; background-repeat: no-repeat no-repeat; border: 0px; clear: both; font: inherit; line-height: 22px; margin: 0px; padding: 5px 0px 25px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xseOSaHmMcPtMDNLkKChlfv0ugVJmWI_Sf_XDOOjGYmBwoPnUCPz3sISZLFatbsIZ4PmfBdim4XtS_CIYG9kI3KBtx83fnFq0gXjwdhbGjVw2wLFykzFyipiOMoA06FrCD6nfXg7cZg/s1600/blog-baru-blogger2.jpg" imageanchor="1" style="border: 0px; color: #084a6b; font-size: 12px; font: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="font-family: inherit;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xseOSaHmMcPtMDNLkKChlfv0ugVJmWI_Sf_XDOOjGYmBwoPnUCPz3sISZLFatbsIZ4PmfBdim4XtS_CIYG9kI3KBtx83fnFq0gXjwdhbGjVw2wLFykzFyipiOMoA06FrCD6nfXg7cZg/s320/blog-baru-blogger2.jpg" style="-webkit-box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px; box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" width="320" /></span></a></div>
<span style="font-family: inherit;"><span style="background-color: white; line-height: 22px; text-align: justify;">7. Jika sudah pilih </span><b style="background-color: white; line-height: 22px; text-align: justify;">Buat Blog</b><span style="background-color: white; line-height: 22px; text-align: justify;">.</span><br style="background-color: white; line-height: 22px; text-align: justify;" /><span style="background-color: white; line-height: 22px; text-align: justify;">8. Tampilan berikutnya akan muncul menu seperti dibawah ini :</span></span><br />
<div class="separator" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TCLQAtrj0UA0jMqP1zv0wsg6wOGLn4MLjJOl2aoxoWyJhEV_N-GvmxpubwmrA9MUQvW5pUd_W4KZogVCVjyOMT81zQF32UpTwq2pHGAkQAR4UFBQhGC5HllcWCg1Nh_a1nUx6SchN-A/s1600/shadow.png); background-position: 50% 100%; background-repeat: no-repeat no-repeat; border: 0px; clear: both; font: inherit; line-height: 22px; margin: 0px; padding: 5px 0px 25px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UxPj2GUwUo22ImP5nIoTgP-bSco4itobhjoT2T1RAEObocxL524YtzRQsImjH7atonSnsFMSP1I2zxyFww6r9k1ChV2syTeGhp8fJ-l82eBeFw_kKfbInndZ_fFVy1nljfXTC7pB6ks/s1600/mulai-blogging-blogger.jpg" imageanchor="1" style="border: 0px; color: #084a6b; font-size: 12px; font: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="font-family: inherit;"><img border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UxPj2GUwUo22ImP5nIoTgP-bSco4itobhjoT2T1RAEObocxL524YtzRQsImjH7atonSnsFMSP1I2zxyFww6r9k1ChV2syTeGhp8fJ-l82eBeFw_kKfbInndZ_fFVy1nljfXTC7pB6ks/s400/mulai-blogging-blogger.jpg" style="-webkit-box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px; box-shadow: rgb(51, 51, 51) 0px 5px 9px -5px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" width="400" /></span></a></div>
<span style="background-color: white; line-height: 22px; text-align: justify;"><span style="font-family: inherit;">9. Blog sudah berhasil dibuat, berikutnya tinggal anda isi dan kelola menggunakan menu-menu yang tersedia.</span></span><br />
<div style="text-align: justify;">
<span style="line-height: 22px;">Referensi : </span><a href="http://www.dadangherdiana.com/">www.dadangherdiana.com</a>/</div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0tag:blogger.com,1999:blog-4496235430100169874.post-39780517432063394042012-09-08T14:24:00.002+07:002012-09-08T14:24:47.167+07:00Muqaddimah<br />
<div style="text-align: justify;">
Assalamu'alaikum.....</div>
<div style="text-align: justify;">
Bismillah...</div>
<br />
<div style="text-align: justify;">
Alhamdulillah...</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Blog ini lahir dengan rencana yang muncul secara kebetulan namun dengan niat tulus untuk mencari, mengumpulkan, mempelajari dan berbagi tentang tutorial-tutorial yang kita butuhkan dalam hidup mencakup segala aspek kehidupan yang kita rasa perlu.</div>
<div style="text-align: justify;">
Terima kasih kami ucapkan bagi sahabat-sahabat kami yang sudah bersedia membantu untuk kebaikan bersama.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wassalam...</div>
Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com1tag:blogger.com,1999:blog-4496235430100169874.post-58345658712522723062012-09-01T22:30:00.000+07:002012-09-10T13:57:36.120+07:00Buku Tamu e-Tuts<span style="font-family: inherit;"><span style="background-color: white; color: #222222; line-height: 20px; text-align: justify;">Halaman ini berfungsi mencakup masukan dan lainnya yang terangkum dalam Buku Tamu.</span><br style="background-color: white; color: #222222; line-height: 20px; text-align: justify;" /><span style="background-color: white; color: #222222; line-height: 20px; text-align: justify;">Sobat silakan gunakan laman ini untuk berkomentar sepuasnya..!</span></span>
<br />
<br class="Apple-interchange-newline" />Berikut daftarnya :
<br />
<style type="text/css">
#komentar {
font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
background-color:#f9f9f9;
margin:0px 0px;
padding:10px 10px;
color:#000;
border:0px solid #00B4B5;
-webkit-box-shadow:inset 0px 0px 9px #000;
-moz-box-shadow:inset 0px 0px 9px #000;
box-shadow:inset 0px 0px 9px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#komentar ul {
margin:0px 0px;
padding:0px 0px;
border-top:1px solid #ddd;
border-bottom:1px solid #fff;
}
#komentar ul li {
border-top:1px solid #fff;
border-bottom:1px solid #ddd;
padding:3px 0px;
list-style:none;
}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
color:#00B4B5;
text-shadow:0 1px 1px #f9f9f9;
}
#komentar ul li b:before {
content:url(http://3.bp.blogspot.com/-
abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
margin:0px 4px 0px 0px;
display:inline-block;
*display:inline;
vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 15,
jmlkarakter = 200,
home_page = "http://e-tuts.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js"
type="text/javascript"></script>Sixrone 609 Communityhttp://www.blogger.com/profile/13009070048771828596noreply@blogger.com0