<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-2395972371606579955</id><updated>2026-04-26T11:27:32.144-07:00</updated><category term="Blogger Tutorial"/><category term="HTML"/><category term="CSS"/><category term="SEO Technique"/><category term="JQuery"/><category term="Tools Web-Blog"/><category term="PTI"/><category term="Aplikasi Pemrograman Web"/><category term="JavaScript"/><title type='text'>D-Crow</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default?start-index=26&amp;max-results=25'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>64</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-1250022948841751568</id><published>2013-03-11T13:25:00.002-07:00</published><updated>2013-03-11T13:26:21.282-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aplikasi Pemrograman Web"/><title type='text'>Notepad++ Free Download</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw5n0LiQgzUR596OnhSAZSKuu8D4agbg-miQvaJRHfiPxSyR-5QJ-YsrkyuoqjgT3_UzHNC06xxEn9ID5RloIS32aRzbCKWiZXwaJwIBHvTgJdHoA-htS7q4608y12M7bVPUkA2dBtIaf/s1600/N+++icon.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Notepad++&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw5n0LiQgzUR596OnhSAZSKuu8D4agbg-miQvaJRHfiPxSyR-5QJ-YsrkyuoqjgT3_UzHNC06xxEn9ID5RloIS32aRzbCKWiZXwaJwIBHvTgJdHoA-htS7q4608y12M7bVPUkA2dBtIaf/s1600/N+++icon.png&quot; title=&quot;Notepad++&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Nama File : Notepad++&lt;br /&gt;
Ukuran : 5.62MB&lt;br /&gt;
Persyaratan : Windows XP,Vista,7 &amp;amp; Win8&lt;br /&gt;
Lisensi : Open Source&lt;br /&gt;
Pencipta : Notepad++&lt;br /&gt;
&lt;div&gt;
URL File :&lt;a href=&quot;http://notepad-plus-plus.org/download/v6.3.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Download Here&lt;/button&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
Diskripsi Notepad++&lt;/h2&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Notepad++ adalah aplikasi yang berguna untuk mengedit teks dan skrip kode pemrograman.Program Notepad++ banyak digunakan oleh kalangan pengguna komputer di bidang pemrograman aplikasi desktop dan web.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Perangkat lunak komputer ini memiliki kelebihan pada peningkatan kemampuan sebuah program text editor, lebih dari sekedar program Notepad bawaan Windows. Notepad++ bisa mengenal tag dan kode dalam berbagai bahasa pemrograman. Fitur pencarian tingkat lanjut dan pengeditan teks yang tersedia juga cukup ampuh, sangat membantu tugas seorang programmer atau developer dalam menyelesaikan skript kode programnya.&lt;/div&gt;
&lt;h4 style=&quot;text-align: left;&quot;&gt;
Fitur lain :&lt;/h4&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Syntax Highlighting and Syntax Folding&lt;/li&gt;
&lt;li&gt;WYSIWYG&lt;/li&gt;
&lt;li&gt;User Defined Syntax Highlighting&lt;/li&gt;
&lt;li&gt;Auto-completion&lt;/li&gt;
&lt;li&gt;Multi-Document&lt;/li&gt;
&lt;li&gt;Multi-View&lt;/li&gt;
&lt;li&gt;Regular Expression Search/Replace supported&lt;/li&gt;
&lt;li&gt;Full Drag &#39;N&#39; Drop supported&lt;/li&gt;
&lt;li&gt;Dynamic position of Views&lt;/li&gt;
&lt;li&gt;File Status Auto-detection&lt;/li&gt;
&lt;li&gt;Zoom in and zoom out&lt;/li&gt;
&lt;li&gt;Multi-Language environment supported&lt;/li&gt;
&lt;li&gt;Bookmark&lt;/li&gt;
&lt;li&gt;Brace and Indent guideline Highlighting&lt;/li&gt;
&lt;li&gt;Macro recording and playback&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;SCreenShoot Notepad++&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOoNVf14fctm3HkZgcyYdZ4CuimUEtyAOPGQxPGbjbBzn3poV-ewnRu0OuNye7Aous8VbB3pZGJ7b4GFqI-0FxAw7kZdQFfsBGsZnbB9p3yhlhsuZFVIQpKecGTqBacoch3LILcB_pVzi/s1600/ss+notepad++.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;SCreenShoot Notepad++&quot; border=&quot;0&quot; height=&quot;240&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOoNVf14fctm3HkZgcyYdZ4CuimUEtyAOPGQxPGbjbBzn3poV-ewnRu0OuNye7Aous8VbB3pZGJ7b4GFqI-0FxAw7kZdQFfsBGsZnbB9p3yhlhsuZFVIQpKecGTqBacoch3LILcB_pVzi/s320/ss+notepad++.png&quot; title=&quot;SCreenShoot Notepad++&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/1250022948841751568/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/03/notepad-free-download.html#comment-form' title='24 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/1250022948841751568'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/1250022948841751568'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/03/notepad-free-download.html' title='Notepad++ Free Download'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw5n0LiQgzUR596OnhSAZSKuu8D4agbg-miQvaJRHfiPxSyR-5QJ-YsrkyuoqjgT3_UzHNC06xxEn9ID5RloIS32aRzbCKWiZXwaJwIBHvTgJdHoA-htS7q4608y12M7bVPUkA2dBtIaf/s72-c/N+++icon.png" height="72" width="72"/><thr:total>24</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-409407372521224349</id><published>2013-03-10T08:32:00.001-07:00</published><updated>2013-03-11T10:21:52.350-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aplikasi Pemrograman Web"/><title type='text'>Apa Itu XAMPP ?</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhroHqohF-XRLm265fBRIHZ_PURmMJ-OcfeFYANdMACMAan30Q_93IDdzlqwdps2VnLKVy7FDEwMFde7VUN3b3ENOiNtCMiJZpvf-MSb2NpjlIvyfVz6WhZ8wTI1OpbLkRS2PXQ4KhknPs-/s1600/xamp+icon.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;XAMPP&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhroHqohF-XRLm265fBRIHZ_PURmMJ-OcfeFYANdMACMAan30Q_93IDdzlqwdps2VnLKVy7FDEwMFde7VUN3b3ENOiNtCMiJZpvf-MSb2NpjlIvyfVz6WhZ8wTI1OpbLkRS2PXQ4KhknPs-/s1600/xamp+icon.png&quot; title=&quot;XAMPP&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
Nama File : XAMPP&lt;br /&gt;
Ukuran : 70,32MB&lt;br /&gt;
Persyartan : ALL OS&lt;br /&gt;
Lisensi : Freeware&lt;br /&gt;
Pencipta :&amp;nbsp;Apache Friends&lt;br /&gt;
URL File :&lt;a href=&quot;http://www.apachefriends.org/en/xampp-windows.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Download Here&lt;/button&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h1 style=&quot;text-align: left;&quot;&gt;
Diskripsi XAMPP&lt;/h1&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
XAMPP adalah sebuah open-source web server paket yang bekerja pada berbagai platform. XAMPP adalah kepanjangan dari :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;X = multi platform, bisa Windows, Linux, Mac OS, maupun Solaris&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;A : Apache HTTP Server&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;M= MySQL Database Server&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;P =PHP Scripting Language&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;P= Perl Scripting Language&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
XAMPP dirancang untuk membantu pengembang halaman web, programer, desainer dan memeriksa dan meninjau pekerjaan mereka menggunakan komputer mereka bahkan tanpa koneksi ke web atau internet. Jadi, pada dasarnya XAMPP dapat digunakan untuk berdiri sebagai halaman untuk internet bahkan tanpa sambungan untuk itu. Hal ini juga dapat digunakan untuk membuat dan mengkonfigurasi dengan database ditulis dalam MySQL dan / atau SQLite. Dan karena XAMPP dirancang sebagai paket server cross-platform, tersedia untuk berbagai sistem operasi dan platform seperti Microsoft Windows, Mac OS X, Linux, dan Solaris. Paket XAMPP ini juga diperbarui secara teratur untuk menyinkronkan dengan update yang dibuat pada platform yang berbeda terlibat dalam paket seperti Apache, PHP, Perl, dan MySQL.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Selain menjadi cross-platform, XAMPP juga freeware. Ini berarti pengguna pada sistem operasi yang berbeda dapat men-download paket server ini secara gratis. Belum lagi bahwa tidak ada konfigurasi yang diperlukan untuk setup sistem. Setelah men-download dan mengekstrak aplikasi gratis, pengguna dapat langsung menggunakan XAMPP.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
SCreenShoot XAMPP&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9kgKlk38iBvaILJlLVHBJbScBbimXPmd0DvGV6Od2CVUvJgYMKaUlhc-qMq2U6b6M3QJY3SqKaHw-94Zu3XQbYH_cU5c04_2hTBW_M7WfD16C6Yc2XEj24H83idgKNagb4zVgYJYPV8s/s1600/xamp+ss.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;SCreenShoot XAMPP&quot; border=&quot;0&quot; height=&quot;250&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9kgKlk38iBvaILJlLVHBJbScBbimXPmd0DvGV6Od2CVUvJgYMKaUlhc-qMq2U6b6M3QJY3SqKaHw-94Zu3XQbYH_cU5c04_2hTBW_M7WfD16C6Yc2XEj24H83idgKNagb4zVgYJYPV8s/s320/xamp+ss.png&quot; title=&quot;SCreenShoot XAMPP&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/409407372521224349/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/03/apa-itu-xampp.html#comment-form' title='11 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/409407372521224349'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/409407372521224349'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/03/apa-itu-xampp.html' title='Apa Itu XAMPP ?'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhroHqohF-XRLm265fBRIHZ_PURmMJ-OcfeFYANdMACMAan30Q_93IDdzlqwdps2VnLKVy7FDEwMFde7VUN3b3ENOiNtCMiJZpvf-MSb2NpjlIvyfVz6WhZ8wTI1OpbLkRS2PXQ4KhknPs-/s72-c/xamp+icon.png" height="72" width="72"/><thr:total>11</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-6507430895411351358</id><published>2013-03-10T06:34:00.001-07:00</published><updated>2013-03-10T06:45:32.466-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aplikasi Pemrograman Web"/><title type='text'>Crimson Editor Free Download</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFv3jrtOe9uJ8d7hL6otaVQ4TbVv6UtMs76PCEBUsQMLhTrwsb_4btr0t0Hn-XQD6jkd18g4WvgxAK6SrHKTYT0F7jfmnlcRGaon5oZDfvlo356JW72H9GbkFdV2UdzrfArv9ogoskLfD/s1600/crimson+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Crimson Editor&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFv3jrtOe9uJ8d7hL6otaVQ4TbVv6UtMs76PCEBUsQMLhTrwsb_4btr0t0Hn-XQD6jkd18g4WvgxAK6SrHKTYT0F7jfmnlcRGaon5oZDfvlo356JW72H9GbkFdV2UdzrfArv9ogoskLfD/s1600/crimson+icon.jpg&quot; title=&quot;Crimson Editor&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Nama File : Crimson Editor&lt;br /&gt;
Ukuran : 2MB&lt;br /&gt;
Persyartan : Windows XP,Vista,7 &amp;amp; Win8&lt;br /&gt;
Lisensi : Freeware&lt;br /&gt;
Pencipta :&amp;nbsp;crimsoneditor.com&lt;br /&gt;
URL File :&lt;a href=&quot;http://www.crimsoneditor.com/download/cedt370r.exe&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Download Here&lt;/button&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
&lt;/h2&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
Diskripsi&amp;nbsp;Crimson Editor&amp;nbsp;:&lt;/h2&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Crimson Editor adalah editor kode sumber profesional untuk Windows. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Program ini tidak hanya cepat dalam waktu pembukaan, tetapi juga kecil dalam ukuran &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sementara itu dapat berfungsi sebagai pengganti yang baik untuk Notepad, juga menawarkan banyak fitur canggih untuk bahasa pemrograman seperti HTML, C/C++, Perl, dan Java. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
Fitur Crimson Editor :&lt;/h3&gt;
&lt;b&gt;Mengedit beberapa dokumen &lt;/b&gt;&lt;br /&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;beralih di antara dokumen menggunakan file seleksi tab.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Ctrl + Tab membawa dokumen diakses terakhir ke paling atas.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;mendukung splitter jendela untuk melihat bagian yang berbeda dari sebuah dokumen.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;Penyorotan sintaks&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;dapat dikonfigurasi melalui file kustom sintaks.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;telah dikonfigurasikan untuk lebih dari 100 bahasa komputer.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Multi-level undo / mengulang&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;mengedit semua tindakan dicatat dari pembukaan file.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;dokumen selalu dapat dibatalkan untuk isi awal.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;undo tak terbatas dan mengulang buffer.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Manajemen proyek&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;mengelola kelompok file terkait ke satu proyek.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;remote file juga dapat dimasukkan dalam sebuah proyek.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Jendela tampilan struktur pohon direktori&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Klik untuk membuka dokumen.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;filter untuk menampilkan hanya dipilih file kelas.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Cari &amp;amp; ganti&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Ganti teks yang ditentukan salah satu oleh salah satu, atau secara keseluruhan.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;mendukung ekspresi reguler.&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Kolom modus mengedit&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;copy dan paste persegi panjang pilihan.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;beralih di antara modus kolom dan baris mode. (Alt + C)&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Spell checker&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;kata-kata sekitar 100000 ditambahkan dalam kamus.&amp;nbsp;&lt;/li&gt;
&lt;li&gt;pengguna dapat mendaftar kata-kata baru dalam kamus mereka sendiri&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;
ScreenShoot Crimson Editor&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUdvPsyYuklFM1qJ5rcCpNBkysluQ87_vAqe1S_tyxqcfVu-EKZFB5dELjK3LE9ySs8XNwiqw4s5N86vtBPn7QlKqusUpBs4hz-BZCSWtlnqw5sx5BFy56VFQ-x2sQnnVadBcVe6p3k7QE/s1600/crimson_editor-65360-1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;ScreenShoot Crimson Editor&quot; border=&quot;0&quot; height=&quot;220&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUdvPsyYuklFM1qJ5rcCpNBkysluQ87_vAqe1S_tyxqcfVu-EKZFB5dELjK3LE9ySs8XNwiqw4s5N86vtBPn7QlKqusUpBs4hz-BZCSWtlnqw5sx5BFy56VFQ-x2sQnnVadBcVe6p3k7QE/s320/crimson_editor-65360-1.jpg&quot; title=&quot;ScreenShoot Crimson Editor&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/6507430895411351358/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/03/crimson-editor-free-download.html#comment-form' title='10 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6507430895411351358'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6507430895411351358'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/03/crimson-editor-free-download.html' title='Crimson Editor Free Download'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFv3jrtOe9uJ8d7hL6otaVQ4TbVv6UtMs76PCEBUsQMLhTrwsb_4btr0t0Hn-XQD6jkd18g4WvgxAK6SrHKTYT0F7jfmnlcRGaon5oZDfvlo356JW72H9GbkFdV2UdzrfArv9ogoskLfD/s72-c/crimson+icon.jpg" height="72" width="72"/><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-17629151264614311</id><published>2013-02-05T05:27:00.000-08:00</published><updated>2013-02-05T05:29:06.255-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Cara Membuat Layout dengan CSS part II</title><content type='html'>&lt;h1 style=&quot;text-align: center;&quot;&gt;
LAYOUT&lt;/h1&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQUcHWF2cAAlyuaIXbtxrol0LWou_rn2NhhgdPXnY_HMOFKAbWmtDuBLLLtcLExH3S47T4iDHeyKXS8HulALZtwFtU-a5vZ1PJprWvbKeKpcwV8UM_T8ePrbsf_mcixQ28DjUrh9j7KPX/s1600/111111111111111111111.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;LAYOUT&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQUcHWF2cAAlyuaIXbtxrol0LWou_rn2NhhgdPXnY_HMOFKAbWmtDuBLLLtcLExH3S47T4iDHeyKXS8HulALZtwFtU-a5vZ1PJprWvbKeKpcwV8UM_T8ePrbsf_mcixQ28DjUrh9j7KPX/s1600/111111111111111111111.PNG&quot; height=&quot;242&quot; title=&quot;LAYOUT&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h3&gt;
Membuat Tampilan WEB sederhana dengan menggunakan CSS internal&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada kesempatan yang lalu,sebelumnya saya sudah Memposting tentang bagaimana cara membuat layout dengan menggunakan CSS, bagi sobat yang Belum sempat,&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/membuat-layout-dengan-css.html&quot; target=&quot;_blank&quot;&gt;Sobat Bisa baca artikelnya di sini&lt;/a&gt;&lt;/b&gt;.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Lanjut pada Topik,yaitu cara membuat tampilan web sederhana dengan menggunakan CSS.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dimana kali ini saya masih menggunakan cara yang sama seperti pada postingan saya 1 bulan yang lalu,yaitu dengan membuat layout.Perbedaan layout kali ini dengan sebelumnya hanya pada tampilan di mana kali ini saya menambahkan tombol navigasi kemudian memiliki 2 buah sidebar kiri dan kanan&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;i&gt;Dan sedikit tambahan buat sobat yang belum tau tentang apa itu layout.&amp;nbsp;&lt;/i&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;u&gt;Layout adalah&lt;/u&gt;&lt;/b&gt; penyusunan dari elemen-elemen desain yang berhubungan kedalam sebuah bidang sehingga membentuk susunan artistik. Hal ini bisa juga disebut manajemen bentuk dan bidang. Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi komunikatif.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk Lebih jelas nya, berikut adalah listing yang saya gunakan :&lt;br /&gt;
&lt;blockquote&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;CSS Portal - Layout&amp;lt;/title&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;body {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;font-family: Verdana, Arial, Helvetica, sans-serif;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;font-size: 13px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;color:#333&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;p {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;padding: 10px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#wrapper {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 0 auto;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 1000px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#headerwrap {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 1000px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float: left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 0 auto;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#header {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;height: 75px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background: #FF6633;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border-radius: 5px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border: 1px solid #eb521f;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 5px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#navigationwrap {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 1000px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float: left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 0 auto;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#navigation {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;height: 40px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background: #;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border-radius: 5px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border: 1px solid #;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: -13px 0 0 -30px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#contentwrap {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 700px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float: left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 0 auto;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#content {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background: #FFFFFF;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border-radius: 10px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border: 1px solid #ebebeb;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin:-5px 3px 3px 3px ;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#leftcolumnwrap {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 150px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float: left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 0 auto;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#leftcolumn {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background: #33CCFF;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border-radius: 2px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border: 1px solid #1fb8eb;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: -5px 3px 3px 3px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#rightcolumnwrap {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 150px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float: left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 0 auto;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#rightcolumn {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background: #CC33FF;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border-radius: 2px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border: 1px solid #b81feb;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: -5px 3px 3px 3px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#footerwrap {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width: 1000px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float: left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 0 auto;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;clear: both;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#footer{&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;height: 40px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background: #33FF66;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border-radius: 10px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;border: 1px solid #1feb52;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin: 5px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&amp;nbsp;
&lt;span style=&quot;color: red;&quot;&gt;/*- Menu Tabs 6-- */&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;font: bold 11px/1.5em Verdana;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;float:left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;width:100%;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background:change-background;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;font-size:93%;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;line-height:normal;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 ul {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin:0;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;padding:10px 10px 0 50px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;list-style:none;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 li {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;display:inline;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin:0;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;padding:0;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;#tabs6 a {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float:left;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuiakMeIgFDevPurv7wckSs4lQshTlFKWFcj-umf4dz270WkNo_lAUuQF3TLVjNA4KQVpYTdE0KlbVtTwGyNoXs-A4i75qKmaSjNEm6x_aktStvmmz26yyusl9VAK7O6A0keZLvDID7y1M/s84/tableft6.gif&quot;) no-repeat left top;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;margin:0;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;padding:0 0 0 4px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;text-decoration:none;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 a span {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;float:left;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;display:block;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kz4HljTz7-Q27dWj-llSbJutOpnwRm0qNd7eD_1zqi8DPDZk1wxeljwjTaWpdVBN2FUlLo1VY9Shds4k2EbwTwKrOj5_LSetuLteteJVDd0zt-4y91TJVCOFjrMiTIdai7a-zhDuslwT/s175/tabright6.gif&quot;) no-repeat right top;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;padding:5px 15px 4px 6px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;color:#FFF;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;/* Commented Backslash Hack hides rule from IE5-Mac \*/&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 a span {float:none;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;/* End IE5-Mac hack */&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 a:hover span {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;color:#FFF;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 a:hover {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background-position:0% -42px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#tabs6 a:hover span {&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;background-position:100% -42px;&lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;wrapper&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;headerwrap&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;header&quot;&amp;gt;&lt;br /&gt;
&amp;lt;H1 align=&quot;center&quot;&amp;gt;JUDUL DI SINI&amp;lt;/H1&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;navigationwrap&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;navigation&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;tabs6&quot;&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;http://d-crow.blogspot.com/&quot; title=&quot;D-Crow web developer&quot;&amp;gt;&amp;lt;span&amp;gt;D-Crow&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 1&quot;&amp;gt;&amp;lt;span&amp;gt;Link 1&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 2&quot;&amp;gt;&amp;lt;span&amp;gt;Link 2&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 3&quot;&amp;gt;&amp;lt;span&amp;gt;Link 3&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;http://d-crow.blogspot.com/&quot; title=&quot;D-Crow web developer&quot;&amp;gt;&amp;lt;span&amp;gt;D-Crow&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 5&quot;&amp;gt;&amp;lt;span&amp;gt;Link 5&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 6&quot;&amp;gt;&amp;lt;span&amp;gt;Link 6&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 7&quot;&amp;gt;&amp;lt;span&amp;gt;Link 7&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 7&quot;&amp;gt;&amp;lt;span&amp;gt;Link 8&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 7&quot;&amp;gt;&amp;lt;span&amp;gt;Link 9&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 7&quot;&amp;gt;&amp;lt;span&amp;gt;Link 10&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 7&quot;&amp;gt;&amp;lt;span&amp;gt;Link 11&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot; title=&quot;Link 7&quot;&amp;gt;&amp;lt;span&amp;gt;Link 12&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;leftcolumnwrap&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;leftcolumn&quot;&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Jquery merupakan salah satu pustaka javascirpt (JS) yang di bangun untuk mempercepat dan memperingkas serta menyederhanakan manipulasi dokumen HTML.penanganan even,animasi,dan interksi ajax untuk mempercepat pemgembangan web.Sebelum anda memperlajari jquery,anda harus mempunyai pengetahuan dasar tentang mengenai HTML,CSS dan javascript.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;contentwrap&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;content&quot;&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;MAMPU MENGAKSES BAGIAN HALAMAN TERTENTU DENGAN MUDAH&amp;lt;br&amp;gt;&lt;br /&gt;
Tanpa adanya library js khusus untuk mengaksses bagian tertentu di halaman,anda harus mengikuti aturan document object model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML,dengan kata lain pengaksesan bagian tertentu dari halaman sangat tergantung pada sturuktur HTML.Jquery menawarkan cara yang mudah dalam mengakses bagian tertentu dari halaman.&amp;lt;/p&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLc9mbZcHaAXzDWcEtw98pqSc3y8WQ_PXD7uSOIyV6n_VgaBS7vWhuvR2hFuBxJDt9IHxbPEZNghCop_J18be7pFYRBQiViF2hLp-JXa1N2Vwq8l80Frnwm1WyJ3PNxf8akXxT9OEnix2r/s125/icon%2520feed.png&quot; height=&quot;160&quot; widdth=&quot;150&quot;&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt; MAMPU MENGUBAH TAMPILAN HALAMAN DI BAGIAN TERTENTU&amp;lt;br&amp;gt;&lt;br /&gt;
CSS menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web,namun CSS mempunyai kelemahan,yaitu beberapa perintah CSS tidak di dukung oleh semua browser,cukup merepotkan jika anda harus mendesain halaman dengan beberapa CSS sekaligus.Jquery menawarkan solusi untuk mengatasi hal tersebut.dengan Jquery kesenjangan yang terjadi antar Browser dalam urusan CSS akan dapat teratasi dengan baik. &amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;rightcolumnwrap&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;rightcolumn&quot;&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;Jquery merupakan salah satu pustaka javascirpt (JS) yang di bangun untuk mempercepat dan memperingkas serta menyederhanakan manipulasi dokumen HTML.penanganan even,animasi,dan interksi ajax untuk mempercepat pemgembangan web.Sebelum anda memperlajari jquery,anda harus mempunyai pengetahuan dasar tentang mengenai HTML,CSS dan javascript.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;footerwrap&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;footer&quot;&amp;gt;&lt;br /&gt;
&amp;lt;h3 align=&#39;center&#39;&amp;gt;&amp;lt;b&amp;gt;Support by: &amp;lt;a href=&quot;http://d-crow.blogspot.com/&quot; style=&quot; text-decoration:none&quot;&amp;gt;D-Crow Web-Developer &amp;lt;/a&amp;gt;&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/blockquote&gt;
&lt;br /&gt;
&lt;b&gt;Catatan :&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
untuk yang berwarna merah di atas merupakan elemen di dalam CSS, bagi sobat yang Belum Jelas Atau ingin Lebih memperjelas tentang Tag-tag di dalam CSS sobat Bisa baca &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/property-yang-digunakan-dalam-css.html&quot; target=&quot;_blank&quot;&gt;artikelnya di sini&lt;/a&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
Untuk yang ingin Men-download &lt;b&gt;Lisitng secara rinci&lt;/b&gt; di atas,Sobat Bisa&lt;b&gt;&lt;a href=&quot;http://www.mediafire.com/?wnc178nzlg1a3w6&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt; Cek filenya di sini.&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
Dan untuk Melihat Contoh hasil dari Listing,Sobat Bisa lihat pada Gambar Di atas.semoga Tutor ini Bisa membantu,Atau bisa menjadi Bahan Referensi Belajar Anda.Terima kasih.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/17629151264614311/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-membuat-layout-dengan-css-part-ii.html#comment-form' title='15 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/17629151264614311'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/17629151264614311'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-membuat-layout-dengan-css-part-ii.html' title='Cara Membuat Layout dengan CSS part II'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQUcHWF2cAAlyuaIXbtxrol0LWou_rn2NhhgdPXnY_HMOFKAbWmtDuBLLLtcLExH3S47T4iDHeyKXS8HulALZtwFtU-a5vZ1PJprWvbKeKpcwV8UM_T8ePrbsf_mcixQ28DjUrh9j7KPX/s72-c/111111111111111111111.PNG" height="72" width="72"/><thr:total>15</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-154630550041412374</id><published>2013-02-02T17:18:00.000-08:00</published><updated>2013-02-02T17:20:22.672-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aplikasi Pemrograman Web"/><title type='text'>Wampserver Beserta Fungsinya</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlr_xFNSsdtLhEelHyP8MtyfF8nOfGVAvhZt2mDvlNZUn6EwIu1RWGq9ON6D4IOsOYqAXGbSBYRgx6fxJdlnC397uzT7WpK_I0Cac_BLcQJ1bFYlCOXeZVhasNR6EO3knufCrZtATxYQuc/s1600/wamp+server+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Wampserver &quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlr_xFNSsdtLhEelHyP8MtyfF8nOfGVAvhZt2mDvlNZUn6EwIu1RWGq9ON6D4IOsOYqAXGbSBYRgx6fxJdlnC397uzT7WpK_I0Cac_BLcQJ1bFYlCOXeZVhasNR6EO3knufCrZtATxYQuc/s1600/wamp+server+icon.jpg&quot; title=&quot;Wampserver &quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
Nama File : Wamp Server&lt;br /&gt;
Ukuran : 27.32MB &lt;br /&gt;
Persyaratan : Windows XP,Vista,7 &amp;amp; Win8 &lt;br /&gt;
Lisensi : open-source &lt;br /&gt;
Pencipta : WampServer&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2&gt;
&lt;br /&gt;&lt;/h2&gt;
&lt;h2&gt;
WAMPSERVER DISCRIPTION :&lt;/h2&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;WAMP (Windows, Apache, MySQL, PHP/Perl/Python) &lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
WampServer adalah perangkat lunak server, yang memungkinkan pengguna untuk membuat aplikasi &lt;b&gt;Web&lt;/b&gt; Dengan Apache, PHP5 dan MySQL. Ini adalah proyek open source yang dirancang untuk lingkungan Web Development Windows.&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/apa-itu-server-web-dan-page-browser.html&quot; target=&quot;_blank&quot;&gt;WampServer&lt;/a&gt;&lt;/b&gt; juga dilengkapi dengan PHPMyAdmin dan SQLiteManager untuk mengelola database yang dibuat. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
WampServer diinstal secara otomatis (installer), dan penggunaannya sangat intuitif. Anda akan dapat menyetel server Anda tanpa menyentuh file pengaturan. WampServer adalah satu-satunya solusi paket yang akan memungkinkan Anda untuk mereproduksi server produksi Anda. WampServer juga memiliki ikon tray untuk mengelola server  dan pengaturannya.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bagi sobat yang tertarik dengan Program yang satu ini,sobat bisa &lt;a href=&quot;http://sourceforge.net/projects/wampserver/files/latest/download?source=dlp&amp;amp;utm_expid=65835818-0&amp;amp;utm_referrer=http%3A%2F%2Fadf.ly%2FHdzX7&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Download Filenya Disini&lt;/button&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;SCreenShoot WampServer&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHf9WYMI9WUqC6r_7sAG0562wwhriB8LchBEL9W3kQOZ9O1ZvQEThoy9XPNitXoOjz9XX9geyR08H2umRQuLuXuK35oFS59rWEbAAZgL2m9rJUDW66Q1Msutn6I9X74J3HLxs-4fOra3sL/s1600/01.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;SCreenShoot WampServer&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHf9WYMI9WUqC6r_7sAG0562wwhriB8LchBEL9W3kQOZ9O1ZvQEThoy9XPNitXoOjz9XX9geyR08H2umRQuLuXuK35oFS59rWEbAAZgL2m9rJUDW66Q1Msutn6I9X74J3HLxs-4fOra3sL/s1600/01.png&quot; title=&quot;SCreenShoot WampServer&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/154630550041412374/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/02/wampserver-beserta-fungsinya.html#comment-form' title='10 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/154630550041412374'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/154630550041412374'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/02/wampserver-beserta-fungsinya.html' title='Wampserver Beserta Fungsinya'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlr_xFNSsdtLhEelHyP8MtyfF8nOfGVAvhZt2mDvlNZUn6EwIu1RWGq9ON6D4IOsOYqAXGbSBYRgx6fxJdlnC397uzT7WpK_I0Cac_BLcQJ1bFYlCOXeZVhasNR6EO3knufCrZtATxYQuc/s72-c/wamp+server+icon.jpg" height="72" width="72"/><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-6752922919793762486</id><published>2013-02-02T10:40:00.001-08:00</published><updated>2013-02-02T10:43:05.690-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools Web-Blog"/><title type='text'>Cara membuat Form Contact Us</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
FORM CONTACT US&lt;/h1&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;center&gt;

&lt;iframe frameborder=&quot;0&quot; height=&quot;440&quot; src=&quot;http://www.foxyform.com/form.php?id=365241&amp;amp;sec_hash=064ae5fa59a&quot; width=&quot;400&quot;&gt;&lt;/iframe&gt;&lt;/center&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Membuat &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/p/foxyform.html&quot; target=&quot;_blank&quot;&gt;contact us&lt;/a&gt;&lt;/b&gt; (hubungi kami) pada &lt;a href=&quot;http://d-crow.blogspot.com/search/label/Blogger%20Tutorial&quot; target=&quot;_blank&quot;&gt;Blog&lt;/a&gt; atau web merupakan salah satu hal yang sangat penting,Dimana layanan contact us berfungsi sebagai media Atau sebagai alat penghubung antara pemilik dan pengujung untuk menyampaikan kritik,saran serta informasi lainnya yang di anggap penting.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebenarnya ada banyak cara untuk membuat &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-membuat-form-biodata-sederhana.html&quot; target=&quot;_blank&quot;&gt;form contact us&lt;/a&gt;&lt;/b&gt; ini,tetapi pada kesempatan kali ini saya akan melakukan metode ini dengan  hanya menggunakan satu cara,yaitu melalui salah tools yang di kembangkan oleh Foxyform dan bagi sobat yang berminat berikut adalah cara penerapannya :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Kunjungi situs&lt;a href=&quot;http://www.foxyform.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&amp;nbsp;&lt;b&gt;http://www.foxyform.com/&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Pada situs &lt;b&gt;&lt;a href=&quot;http://www.foxyform.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Foxyform&lt;/a&gt;&lt;/b&gt; ada tiga tahap yang mesti dilakukan,yakni :&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
Tahap 1 &amp;gt;&amp;gt;  &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;setting&lt;/span&gt;&lt;/b&gt;, merupakan menu untuk merubah berapa kolom yang mesti di tampilkan.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaNw_r1sg96olhoPwQMyAbZpgUOJMu_QOLegIALqCirF49akItP8XUak8yc0dTXrHAX5IYSp2SM5lK3ZzA360-NwXZohFqXkCj6QywPT96GAIWSdVjDlIggTgTXI88qsdpYJSbXKdIx7co/s1600/fx1.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;FORM CONTACT US&quot; border=&quot;0&quot; height=&quot;73&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaNw_r1sg96olhoPwQMyAbZpgUOJMu_QOLegIALqCirF49akItP8XUak8yc0dTXrHAX5IYSp2SM5lK3ZzA360-NwXZohFqXkCj6QywPT96GAIWSdVjDlIggTgTXI88qsdpYJSbXKdIx7co/s320/fx1.PNG&quot; title=&quot;FORM CONTACT US&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div dir=&quot;ltr&quot; trbidi=&quot;on&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
Tahap 2 &amp;gt;&amp;gt; &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Advanced setting&lt;/span&gt;&lt;/b&gt;, merupakan menu untuk merubah tampilan background,font size dan font color.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6qKSrE-bkYFvKueSJk4-a33NzlgiMLCCBAvmTGKkZDl8CazsD7C-OjQg2P149JrZyjTwKh5iOFoSFhKBOdJufQ5o6y-7OVyfFKiJ6xxZvQVyMLAK2TiQTJnALB-w20YCuWZ0hmThIUMQG/s1600/fx+2.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;FORM CONTACT US&quot; border=&quot;0&quot; height=&quot;76&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6qKSrE-bkYFvKueSJk4-a33NzlgiMLCCBAvmTGKkZDl8CazsD7C-OjQg2P149JrZyjTwKh5iOFoSFhKBOdJufQ5o6y-7OVyfFKiJ6xxZvQVyMLAK2TiQTJnALB-w20YCuWZ0hmThIUMQG/s320/fx+2.PNG&quot; title=&quot;FORM CONTACT US&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
Tahap 3 &amp;gt;&amp;gt; &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;Target e-mail address&lt;/span&gt;&lt;/b&gt; Merupakan Tempat dimana sobat mengisi Email yang akan di tujukan.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW5N3YY09JR32ROTm3yTsxhCcNb2YJtSc_0Wiyr-EPmpKsWlvBI25kehoYA4ou-yH4RbwLs2iFlWNB_Uo2AX_NDXxqp63K8U17wP3j48S__9Dn_pvYcI8rEyqg-GVGyw0QYsKO5xME5NR_/s1600/fx3.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;FORM CONTACT US&quot; border=&quot;0&quot; height=&quot;43&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW5N3YY09JR32ROTm3yTsxhCcNb2YJtSc_0Wiyr-EPmpKsWlvBI25kehoYA4ou-yH4RbwLs2iFlWNB_Uo2AX_NDXxqp63K8U17wP3j48S__9Dn_pvYcI8rEyqg-GVGyw0QYsKO5xME5NR_/s320/fx3.PNG&quot; title=&quot;FORM CONTACT US&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Jika semuanya sudah Dilakukan,terakhir adalah denga meng click &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Create Formular&lt;/span&gt;&lt;/b&gt;,maka  secara otomatis anda akan mendapatkan Kode dari form &lt;b&gt;contact us&lt;/b&gt; tersebut,yang bisa anda pasang pada postingan sobat.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy21Dxhobq2CiBER-7eWAlqqFIPKNogXgFIahnxPegpWQJNymNiNeSAsW44kvc1BjWeide4sIhXYatTBcZ5DBg2KZ6ccgk2XG0zPOeAQH1XQ9S1s9NIqZdo-_KJwkFcTESyMlMdiZbs5Gr/s1600/fx+5.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;FORM CONTACT US&quot; border=&quot;0&quot; height=&quot;89&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy21Dxhobq2CiBER-7eWAlqqFIPKNogXgFIahnxPegpWQJNymNiNeSAsW44kvc1BjWeide4sIhXYatTBcZ5DBg2KZ6ccgk2XG0zPOeAQH1XQ9S1s9NIqZdo-_KJwkFcTESyMlMdiZbs5Gr/s320/fx+5.jpg&quot; title=&quot;FORM CONTACT US&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
Demikianlah tadi cara membuat Form Contact Us,semoga bisa bermanfaat.Terima kasih.&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/6752922919793762486/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-membuat-form-contact-us.html#comment-form' title='26 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6752922919793762486'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6752922919793762486'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-membuat-form-contact-us.html' title='Cara membuat Form Contact Us'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaNw_r1sg96olhoPwQMyAbZpgUOJMu_QOLegIALqCirF49akItP8XUak8yc0dTXrHAX5IYSp2SM5lK3ZzA360-NwXZohFqXkCj6QywPT96GAIWSdVjDlIggTgTXI88qsdpYJSbXKdIx7co/s72-c/fx1.PNG" height="72" width="72"/><thr:total>26</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-3938194805710231384</id><published>2013-02-02T09:38:00.000-08:00</published><updated>2013-02-02T09:44:08.751-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools Web-Blog"/><title type='text'>Cara Upload File Java Script dan CSS</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;h2 style=&quot;text-align: center;&quot;&gt;
GOOGLE CODE&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBusuQoADRQkeTsLeo1HCqMz5QYprijxYdHTrpxVli3ZNdgZC3NhVbFaOhNqoPaHg33IpXQ-cYly2w-gNhyphenhypheno-2m2b7qekVGcPr6MCbtabMVmOBVwpNJ1wbhCbxGP4dI9NMMktExFHNJ0v/s1600/CaraUploadGoogleCode.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GOOGLE CODE&quot; border=&quot;0&quot; height=&quot;143&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBusuQoADRQkeTsLeo1HCqMz5QYprijxYdHTrpxVli3ZNdgZC3NhVbFaOhNqoPaHg33IpXQ-cYly2w-gNhyphenhypheno-2m2b7qekVGcPr6MCbtabMVmOBVwpNJ1wbhCbxGP4dI9NMMktExFHNJ0v/s320/CaraUploadGoogleCode.jpg&quot; title=&quot;GOOGLE CODE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Salah satu alasan mengapa kita harus mengupload file Java script,css adalah Untuk optimazi kecepatan Blog dengan cara merampingkan atau menghosting java script yang terdapat pada template.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebenarnya ada banyak cara untuk mengupload file java script dan css di internet, tapi untuk pada kesempatan kali ini akan di bahas tentang cara mengupload file menggunakan salah satu tools yang di kembang kan oleh google yang beralamatkan &lt;b&gt;&lt;a href=&quot;http://code.google.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;code.google.com/&lt;/a&gt;&lt;/b&gt; dan  kapasitas yang di Berikan Oleh Google tidak tanggung2 yakni sebesar 4gb dan unlimited &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/apa-itu-bandwitch.html&quot; target=&quot;_blank&quot;&gt;bandwidth.&lt;/a&gt;&lt;/b&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;b&gt;Bagi sobat yang berminat, berikut adalah caranya : &lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Masuk ke&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://code.google.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;code.google.com/&lt;/a&gt;&lt;/b&gt;&amp;nbsp; dengan menggunakan akun gmail sobat&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Langkah selanjutnya,Creat new project,seprti pada gambar di bawah ini&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYH9iD2aIlixyuJei5dg7St-DgrODXs7unAe-eUnewgrInPvOHjq7HGe80oBInHbEGQPIchLclb41OnwMHCSNqX51x_zhxv3KaoNZ8aeseSooVdfKjxTipF94zBzh96pSKEJgS81GXxE1Z/s1600/1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GOOGLE CODE&quot; border=&quot;0&quot; height=&quot;192&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYH9iD2aIlixyuJei5dg7St-DgrODXs7unAe-eUnewgrInPvOHjq7HGe80oBInHbEGQPIchLclb41OnwMHCSNqX51x_zhxv3KaoNZ8aeseSooVdfKjxTipF94zBzh96pSKEJgS81GXxE1Z/s320/1.jpg&quot; title=&quot;GOOGLE CODE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Untuk proses selanjutnya adalah dengan mengisi nama project, project sumarry,discription,versioan control system,dan source code license... kemudain Click create proect... untuk contohnya sobat bisa lihat pada Gambar :&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilkL67aa6nGaqVAU_8SrttL0Pk6rVcikfL3I_mvtRbuePrcbKAkNoDUHdsGPr-pfMFk9OMezUOsKBubr2liZWPmzT8A_xbfMLSUKDqUUAvMC5gqA3mbhl45QumQwpJt-2OVYjv479QDLG0/s1600/2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GOOGLE CODE&quot; border=&quot;0&quot; height=&quot;281&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilkL67aa6nGaqVAU_8SrttL0Pk6rVcikfL3I_mvtRbuePrcbKAkNoDUHdsGPr-pfMFk9OMezUOsKBubr2liZWPmzT8A_xbfMLSUKDqUUAvMC5gqA3mbhl45QumQwpJt-2OVYjv479QDLG0/s320/2.jpg&quot; title=&quot;GOOGLE CODE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Jika data diatas sudah terisi dengan benar. maka langkah selanjutnya adalah meng upload file Js atau Css sobat pada langkah ke 8, gambar di bawah :&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0W_q1d6JLdAuhjq-_eKtIczg0j1O3e-bZEKYF5lO6dqy2HFjS7jg2yYa7Kl-3wxYXtqyfMIHgyZzhF5p5voU6zzo6zaDCbJHcckRfi2CC7bePQduWk1FnU6yKPD1H9f-pTrVWR5N8uX1/s1600/aaaaa.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GOOGLE CODE&quot; border=&quot;0&quot; height=&quot;208&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0W_q1d6JLdAuhjq-_eKtIczg0j1O3e-bZEKYF5lO6dqy2HFjS7jg2yYa7Kl-3wxYXtqyfMIHgyZzhF5p5voU6zzo6zaDCbJHcckRfi2CC7bePQduWk1FnU6yKPD1H9f-pTrVWR5N8uX1/s320/aaaaa.jpg&quot; title=&quot;GOOGLE CODE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Jika proses peng upload tan berhasil, maka akan terlihat seperti pada gambar :&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAuaVD5-VEwZFAzm8AhTRZAzh3TmlbFx7DaLR0LPfFLCc9XU2tEwuP9TNdgduAN8-eLRK6APXTReKHiO5BRNjMjXFBVHDqcy03UU099xGxnYuKsX2o7h_LQjBfc0Tf58PiOZt1P69paXho/s1600/bbbbbbb.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GOOGLE CODE&quot; border=&quot;0&quot; height=&quot;109&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAuaVD5-VEwZFAzm8AhTRZAzh3TmlbFx7DaLR0LPfFLCc9XU2tEwuP9TNdgduAN8-eLRK6APXTReKHiO5BRNjMjXFBVHDqcy03UU099xGxnYuKsX2o7h_LQjBfc0Tf58PiOZt1P69paXho/s320/bbbbbbb.jpg&quot; title=&quot;GOOGLE CODE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;Untuk langkah yang terkahir adalah,Mengcopy Link yang sudah di upload Agar bisa di tempatkan pada template sobat dengan melakukan pemanggilan Code tersebut.seperti pada gambar :&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBP6-aytJcRb1PRA8WUG-c1bJci-li-v3Sqr0DUbbH_TNnPV1MHF7wvjZVwn0vdhfaNqN4_6TeeCYXlKlN5mNICe4RSd9saqAS1vC-S2wRoEhpBJMa33p7cvQVECDvXuXlfenPbjPdl2JG/s1600/cccc.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GOOGLE CODE&quot; border=&quot;0&quot; height=&quot;170&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBP6-aytJcRb1PRA8WUG-c1bJci-li-v3Sqr0DUbbH_TNnPV1MHF7wvjZVwn0vdhfaNqN4_6TeeCYXlKlN5mNICe4RSd9saqAS1vC-S2wRoEhpBJMa33p7cvQVECDvXuXlfenPbjPdl2JG/s320/cccc.jpg&quot; title=&quot;GOOGLE CODE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Sekian..dan terima kasih.. Semoga bisa membantu.&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/3938194805710231384/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-upload-file-java-script-dan-css.html#comment-form' title='11 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/3938194805710231384'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/3938194805710231384'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-upload-file-java-script-dan-css.html' title='Cara Upload File Java Script dan CSS'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBusuQoADRQkeTsLeo1HCqMz5QYprijxYdHTrpxVli3ZNdgZC3NhVbFaOhNqoPaHg33IpXQ-cYly2w-gNhyphenhypheno-2m2b7qekVGcPr6MCbtabMVmOBVwpNJ1wbhCbxGP4dI9NMMktExFHNJ0v/s72-c/CaraUploadGoogleCode.jpg" height="72" width="72"/><thr:total>11</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-7702399460328318070</id><published>2013-02-01T14:17:00.003-08:00</published><updated>2013-02-01T14:21:38.270-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tools Web-Blog"/><title type='text'>Cara memasang Page Rank Cheker Pada Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
GOOGLE PAGE RANK&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAV5vjsJuWuUZkmQ0O5S5TQXCs13yDFb3DRKng5Q4V3tyei3rS02FyfX75KR2eMcdMkKT281KtaRxj-mcFM6uh5Q5GI5nepZT6ixpm3il8wrQTjp5iBGiO-ntoZfVijPxDxU5UFc9Md6Mr/s1600/GooglePagerank_thumb2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GOOGLE PAGE RANK&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAV5vjsJuWuUZkmQ0O5S5TQXCs13yDFb3DRKng5Q4V3tyei3rS02FyfX75KR2eMcdMkKT281KtaRxj-mcFM6uh5Q5GI5nepZT6ixpm3il8wrQTjp5iBGiO-ntoZfVijPxDxU5UFc9Md6Mr/s1600/GooglePagerank_thumb2.jpg&quot; title=&quot;GOOGLE PAGE RANK&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Google page rank Cheker adalah salah satu Tools yang berfungsi Untuk mengetahui  rangking atau nilai sebuah blog /website dimata google. Rangking di pagerank didasarkan pada skala angka 1-10, dimana semakin besar nilainya maka semakin bagus nilai blog itu.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;b&gt;&lt;i&gt;Bagi sobat yang ingin melakukan Pengecekan page rank dan pemasangan pada widget,caranya sangat mudah,tinggal masukkan URL Blog sobat &amp;amp; lanjutkan dengan Mengklik Chek PR,Dan hasilnya akan muncul secara otomatis beserta dengan Banner &amp;amp; kode Banner yang bisa anda pasang pada widget blog.&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;script src=&quot;http://www.mypagerank.net/services/pagerankbutton/servicepr_js.php&quot;&gt;&lt;/script&gt;&lt;b&gt;
&lt;br /&gt;
&lt;br /&gt;
Dan bagi sobat yang Berminat Melakukan pemasangan Tools ini pada Blog sobat,Slihkan Copy Kode di bawah ini :&lt;/b&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;blockquote&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&amp;lt;script src=&quot;http://www.mypagerank.net/services/pagerankbutton/servicepr_js.php&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/7702399460328318070/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-memasang-page-rank-cheker-pada-blog.html#comment-form' title='16 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/7702399460328318070'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/7702399460328318070'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/02/cara-memasang-page-rank-cheker-pada-blog.html' title='Cara memasang Page Rank Cheker Pada Blog'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAV5vjsJuWuUZkmQ0O5S5TQXCs13yDFb3DRKng5Q4V3tyei3rS02FyfX75KR2eMcdMkKT281KtaRxj-mcFM6uh5Q5GI5nepZT6ixpm3il8wrQTjp5iBGiO-ntoZfVijPxDxU5UFc9Md6Mr/s72-c/GooglePagerank_thumb2.jpg" height="72" width="72"/><thr:total>16</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-7502387325261631728</id><published>2013-02-01T09:02:00.001-08:00</published><updated>2013-02-01T09:02:27.969-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>Floating Social Bookmarking Pada Blog</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
FLOAT SOCIAL BOOKMARKING&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOQOy-sOExMAYnlWdPwFAYp2EJQy8TmszexqxAI1aXpIyODwP8BdaSnK7vczsnSWHHQJ19MZXG0zgZOjfmnYZbSpG_1ZINXCCKBAi-gSmAv1e_XBAU3ZOAgfQ4DIkIckocSfXA3oENamJ/s1600/SB.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;FLOAT SOCIAL BOOKMARKING&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOQOy-sOExMAYnlWdPwFAYp2EJQy8TmszexqxAI1aXpIyODwP8BdaSnK7vczsnSWHHQJ19MZXG0zgZOjfmnYZbSpG_1ZINXCCKBAi-gSmAv1e_XBAU3ZOAgfQ4DIkIckocSfXA3oENamJ/s1600/SB.PNG&quot; title=&quot;FLOAT SOCIAL BOOKMARKING&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
&lt;a href=&quot;http://anakkampusku.blogspot.com/2013/01/anatomi-kekerasan-sosial-dalam-konteks.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-memasang-email-subscription-keren.html&quot; target=&quot;_blank&quot;&gt;Cara Memasang Email Subscription Keren pada widget&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-membuat-popup-facebook-likebox-blog.html&quot; target=&quot;_blank&quot;&gt;Cara membuat PopUp Facebook LikeBox Blog&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/gadget-blog-4-in-1-dengan-fungsi-auto.html&quot; target=&quot;_blank&quot;&gt;Gadget Blog 4 in 1 Dengan Fungsi Auto Hide&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/4-style-keren-social-media-bookmarking.html&quot; target=&quot;_blank&quot;&gt;Social Media Bookmarking Dengan 4 style yang keren&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;b&gt;Ke-empat&lt;/b&gt; Postingan saya Sebelumnya yang di atas, Hampir Mirip dengan Tutor kita Kali ini,Dan Masih pada Sebatas Social Bookmarking.Perbedaan Social Bookmarking yang Ke 4 diatas dengan Social Bookmarking kali ini hanya pada Style dan Penempatannya.Untuk Lebih Jelasnya Sobat bisa lihat &lt;b&gt;&lt;a href=&quot;http://anakkampusku.blogspot.com/2013/01/anatomi-kekerasan-sosial-dalam-konteks.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Demo Disini&lt;/a&gt;&lt;/b&gt;, Dan Jika sobat Tertarik Berikut adalah cara pemasangannya :&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Masuk ke blogger&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Pilih menu template,kemudian&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Edit HTML,lanjutkan dengan mencentang Expand widget Tempalte&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Cari kode&amp;nbsp;&lt;i&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/i&gt; dengan menggunakan CTRL F&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Jika sudah ketemu, Copy kode di bawah ini Tepat di atas&amp;nbsp;&lt;i&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/i&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
.bt-wdt{position: fixed;right: 10px;top: 43%;}&lt;/div&gt;
&lt;div&gt;
.bt2-wdt{position: fixed;right: 30px;bottom: 22%;}&lt;/div&gt;
&lt;div&gt;
.bt-wdt img{float: right;clear: right;margin: 5px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}&lt;/div&gt;
&lt;div&gt;
.bt-wdt img:hover{-moz-transform: scale(1.2) rotate(6deg);-webkit-transform: scale(1.2) rotate(6deg);-o-transform: scale(1.2) rotate(6deg);-ms-transform: scale(1.2) rotate(6deg);transform: scale(1.2) rotate(6deg);}&lt;/div&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Jika sudah.SIMPAN TEMPLATE&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
Langkah Selanjutnya Adalah :&lt;/h3&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;masuk Ke menu tata letak&lt;/li&gt;
&lt;li&gt;Add gadget,dan pilih HTML/JavaScript&lt;/li&gt;
&lt;li&gt;Tambahkan Kode di bawah ini Ke dalam Gadget Anda&amp;nbsp;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
&amp;lt;!-- begin --&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;div class=&quot;bt-wdt&quot;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;lt;!-- Facebook --&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;http://www.facebook.com/uit.makassar.indonesia&lt;/span&gt;&lt;/b&gt;&quot; title=&quot;Join me on Facebook&quot; target=&quot;_blank&quot;&amp;gt;&amp;lt;img alt=&quot;Join me on Facebook&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-dbXEXbmaeOGTMSn89e7pp52vlzabHCAE0-Dv5hWhJ8cBxZM9t81Tpy71ymjddGjOA3Zf6ckSMrRfoLyInU8Bhx3F-dYUWalcbt2s-YEhYgq3YX8azTDTB2y5YNOn1CORzRY9a7uWUOGc/s1600/inside-facebook-icon.png&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;lt;!-- Twitter --&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;https://twitter.com/DCrowDeveloper&lt;/span&gt;&lt;/b&gt;&quot; title=&quot;Follow me on Twitter&quot; target=&quot;_blank&quot;&amp;gt;&amp;lt;img alt=&quot;Follow me on Twitter&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZkz3x9RdaXW_hhXqIcyQN3h80tNPHcMhOtWf8BCd5So-Y1nLC-VjLOCN3QOLmKY0rieFwnXOVsfGxk7yPXtBZWGRRta51516dKZHRW-vpzVXyGBxdjyoo-3t_1Py5-mkGX_XNzZgboJmx/s320/inside-twitter-icon.png&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;lt;!-- RSS --&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;http://feeds.feedburner.com/D-crow&lt;/span&gt;&lt;/b&gt;&quot; title=&quot;Subscribe to RSS&quot; target=&quot;_blank&quot;&amp;gt;&amp;lt;img alt=&quot;Subscribe to RSS&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiebcedwoqP0aq-aJ_QoMCZoUzoWknea_Y21j7NhoNnwykTVxuub8bvGgVhjFzDrsRjK9jmeWxVRTDbVnD-1sAbqZX0WpSgVq38xx5uxqD498J30njqSEFNXwC_ked8XrlbJtzSoUo2fP5C/s1600/inside-rss-icon.png&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/div&amp;gt;&amp;lt;div class=&quot;bt2-wdt&quot;&amp;gt;&amp;lt;a style=&quot; font-size:9px; color:#3B78CD; text-decoration:none;&quot;href=&quot;http://d-crow.blogspot.com/&quot;&amp;gt; Get This&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;!-- End http://d-crow.blogspot.com/ --&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;br /&gt;
&lt;b&gt;CATATAN :&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;http://www.facebook.com/uit.makassar.indonesia&amp;nbsp;&lt;/span&gt;&lt;/b&gt;Ganti dengan URL FansPage FB sobat&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;https://twitter.com/DCrowDeveloper&amp;nbsp;&lt;/span&gt;&lt;/b&gt;Ganti dengan URL Twitter Sobat dan&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;http://feeds.feedburner.com/D-crow&amp;nbsp;&lt;/span&gt;&lt;/b&gt;Ganti dengan URL Feed Sobat&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/7502387325261631728/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/02/floating-social-bookmarking-pada-blog.html#comment-form' title='18 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/7502387325261631728'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/7502387325261631728'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/02/floating-social-bookmarking-pada-blog.html' title='Floating Social Bookmarking Pada Blog'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOQOy-sOExMAYnlWdPwFAYp2EJQy8TmszexqxAI1aXpIyODwP8BdaSnK7vczsnSWHHQJ19MZXG0zgZOjfmnYZbSpG_1ZINXCCKBAi-gSmAv1e_XBAU3ZOAgfQ4DIkIckocSfXA3oENamJ/s72-c/SB.PNG" height="72" width="72"/><thr:total>18</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-2900062418896823420</id><published>2013-02-01T08:20:00.002-08:00</published><updated>2013-02-01T08:23:06.770-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>Modifikasi Popular Post Pada Blog Part II</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;h2 style=&quot;text-align: center;&quot;&gt;
POPULAR POST&amp;nbsp;SPINNING HOVER&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rWmB1jK8tFpgT3QY3UJ8eqTliFrbddf-OyndcXlYO_nuo2abj6wpX2mMJ_RK9hNncTpEGYw1v0ftQ9nC8TN2mqGsmTsybbv6MB5L5C_a-rYM0KwmqbbCS2rcfE4meMsAkgWP0J4qeucM/s1600/sssssssss.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;POPULAR POST&quot; border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rWmB1jK8tFpgT3QY3UJ8eqTliFrbddf-OyndcXlYO_nuo2abj6wpX2mMJ_RK9hNncTpEGYw1v0ftQ9nC8TN2mqGsmTsybbv6MB5L5C_a-rYM0KwmqbbCS2rcfE4meMsAkgWP0J4qeucM/s200/sssssssss.PNG&quot; title=&quot;POPULAR POST&quot; width=&quot;165&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: center;&quot;&gt;
&lt;a href=&quot;http://beceksekali.blogspot.com/2013/01/pengantar-ilmu-politik.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h3&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada postingan saya Tiga minggu yang lalu,saya sudah membahas tentang Cara modifikasi Popular post &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-modifikasi-popular-post.html&quot; target=&quot;_blank&quot;&gt;Template Galery&lt;/a&gt;&lt;/b&gt;, Dan Bagi teman yang Blum tau Atau ingin mencoba,bisa &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-modifikasi-popular-post.html&quot; target=&quot;_blank&quot;&gt;Baca Artikelnya di sini&lt;/a&gt;&lt;/b&gt;. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dan untuk pada kesempatan kali ini masih membahas tentang  popular post,tapi dengan Model yang berbeda.. di mana kita akan membuat popular post dengan Efek Gambar melayang-layang.( Spinning hover) &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bagi Teman2 yang Berminat dengan popular post yang satu ini,berikut adalah cara penerapannya : &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Masuk ke Blogger sobat&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Pilih menu template Kemudian&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Edit HTML dan jangan lupa centang Expand template widget&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Cari kode  &lt;i&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/i&gt;  dengan menggunakan CTRL F&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Jika sudah ketemu,Copy kode dibawah ini Tepat di atas kode &lt;i&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/i&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
#PopularPosts1 {max-width: 100%}&lt;/div&gt;
&lt;div&gt;
#PopularPosts1 dd {float: left;border-bottom: none;margin: 8px 8px 0 8px;background: none;display: block;padding: 0}&lt;/div&gt;
&lt;div&gt;
#PopularPosts1 img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;padding: 4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}&lt;/div&gt;
&lt;div&gt;
#PopularPosts1 img:hover {-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}&lt;/div&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Jika sudah. Simpan template sobat.&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;LANGKAH SELANJUTNYA ADALAH :&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Pilih menu Tata Letak Kemudian&lt;/li&gt;
&lt;li&gt;Add Gadget, pilih ENTRI POPULER, seperti gambar di bawah :&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_BZQ3hT7GiBxGFNAISzkanZU_rsEZ_wnyuS9s7NtXColh_ctkc-OXZrVWgFCpDBDAM4cm48yW5X3ioKdtDySPj_uxDtMi8-EZJXj1hIFpKbvZD7u3QOyhGMFlmC6BooqCwBiPEHrZfbuH/s1600/gadget+ku.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;POPULAR POST&quot; border=&quot;0&quot; height=&quot;203&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_BZQ3hT7GiBxGFNAISzkanZU_rsEZ_wnyuS9s7NtXColh_ctkc-OXZrVWgFCpDBDAM4cm48yW5X3ioKdtDySPj_uxDtMi8-EZJXj1hIFpKbvZD7u3QOyhGMFlmC6BooqCwBiPEHrZfbuH/s320/gadget+ku.png&quot; title=&quot;POPULAR POST&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/2900062418896823420/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/02/modifikasi-popular-post-pada-blog-part.html#comment-form' title='9 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/2900062418896823420'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/2900062418896823420'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/02/modifikasi-popular-post-pada-blog-part.html' title='Modifikasi Popular Post Pada Blog Part II'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rWmB1jK8tFpgT3QY3UJ8eqTliFrbddf-OyndcXlYO_nuo2abj6wpX2mMJ_RK9hNncTpEGYw1v0ftQ9nC8TN2mqGsmTsybbv6MB5L5C_a-rYM0KwmqbbCS2rcfE4meMsAkgWP0J4qeucM/s72-c/sssssssss.PNG" height="72" width="72"/><thr:total>9</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-4472275257353453024</id><published>2013-01-31T08:56:00.000-08:00</published><updated>2013-01-31T08:57:51.157-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PTI"/><title type='text'>Apa Itu Bandwidth</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;h2 style=&quot;text-align: center;&quot;&gt;
DEFENISI BANDWIDTH&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7Lz3gtTw1OJZ0s0QthykuGFfo6fk3ErmjlZ0Bf2jAtko5sOjV_1-Ys6CXGBEhEux1LqzIZcXi4cYl5iUsJbcQKGXneNNg8uueBg5tnEomTQsRn4BYnRkjUb5fL-MLLndr6Lm-U2TtAFa/s1600/bandwidth_usage_diagram.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;DEFENISI BANDWITCH&quot; border=&quot;0&quot; height=&quot;252&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7Lz3gtTw1OJZ0s0QthykuGFfo6fk3ErmjlZ0Bf2jAtko5sOjV_1-Ys6CXGBEhEux1LqzIZcXi4cYl5iUsJbcQKGXneNNg8uueBg5tnEomTQsRn4BYnRkjUb5fL-MLLndr6Lm-U2TtAFa/s320/bandwidth_usage_diagram.gif&quot; title=&quot;DEFENISI BANDWITCH&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bandwidth adalah istilah yang digunakan untuk menggambarkan berapa banyak informasi dapat dikirim melalui sambungan. Hal ini biasanya diberikan sebagai bit per detik, atau karena beberapa denominasi bit yang lebih besar, seperti Megabits per detik, dinyatakan sebagai kbit / s atau Mbit / s. Bandwidth adalah pengukuran kotor, mengambil jumlah data yang ditransfer dalam jangka waktu tertentu sebagai tingkat, tanpa mempertimbangkan kualitas dari sinyal itu sendiri.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Throughput dapat dipandang sebagai bagian dari bandwidth yang memperhitungkan apakah data berhasil dikirim atau tidak. Sedangkan bandwidth sambungan mungkin cukup tinggi, jika kehilangan sinyal juga tinggi, maka throughput dari koneksi akan tetap agak rendah. Sebaliknya, bahkan koneksi relatif bandwidth rendah dapat memiliki throughput yang cukup tinggi jika kualitas sinyal juga tinggi.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Di dalam jaringan Komputer, Bandwidth sering digunakan sebagai suatu sinonim untuk data transfer rate yaitu jumlah data yang dapat dibawa dari sebuah titik ke titik lain dalam jangka waktu tertentu (pada umumnya dalam detik). Jenis Bandwidth ini biasanya diukur dalam bps (bits per second). Adakalanya juga dinyatakan dalam Bps (bytes per second). Suatu modem yang bekerja pada 57,600 bps mempunyai Bandwidth dua kali lebih besar dari modem yang bekerja pada 28,800 bps. Secara umum, koneksi dengan Bandwidth yang besar/tinggi memungkinkan pengiriman informasi yang besar seperti pengiriman gambar/images dalam video presentation.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/4472275257353453024/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/apa-itu-bandwitch.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/4472275257353453024'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/4472275257353453024'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/apa-itu-bandwitch.html' title='Apa Itu Bandwidth'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7Lz3gtTw1OJZ0s0QthykuGFfo6fk3ErmjlZ0Bf2jAtko5sOjV_1-Ys6CXGBEhEux1LqzIZcXi4cYl5iUsJbcQKGXneNNg8uueBg5tnEomTQsRn4BYnRkjUb5fL-MLLndr6Lm-U2TtAFa/s72-c/bandwidth_usage_diagram.gif" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-1042387978551591892</id><published>2013-01-31T07:48:00.002-08:00</published><updated>2013-01-31T07:49:19.181-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>Mengenal Framework JQuery</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;h1 style=&quot;text-align: center;&quot;&gt;
JQUERY&lt;/h1&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkm1Ba7Dc6W467j2yWpMDPD2ECcErk1y3H_elg4frB7qfEaMzz4Ye6Xxf-wvsC0eyDLIhN1P2_xHcyEl715smf_sq4xwVx5qXjSw0BypI49_lKX_ivVW4CIxdVVtAklvyYCqnOoJyzOhjS/s1600/jquery-framework.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;JQUERY&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkm1Ba7Dc6W467j2yWpMDPD2ECcErk1y3H_elg4frB7qfEaMzz4Ye6Xxf-wvsC0eyDLIhN1P2_xHcyEl715smf_sq4xwVx5qXjSw0BypI49_lKX_ivVW4CIxdVVtAklvyYCqnOoJyzOhjS/s1600/jquery-framework.png&quot; height=&quot;85&quot; title=&quot;JQUERY&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Jquery merupakan salah satu pustaka javascirpt (JS) yang di bangun untuk mempercepat dan memperingkas serta menyederhanakan manipulasi dokumen HTML.penanganan even,animasi,dan interksi ajax untuk mempercepat pemgembangan web.Sebelum anda memperlajari jquery,anda harus mempunyai pengetahuan dasar tentang mengenai HTML,CSS dan javascript. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk dapat memulai memperlajari Jquery,anda Harus  mendownload JQuery.js dari situs &lt;b&gt;&lt;a href=&quot;http://jquery.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;http://jquery.com/&lt;/a&gt;&amp;nbsp;&lt;/b&gt;Dan Untuk Melihat Contoh2 Tentang JQuery sobat Bisa Baca Di :&lt;/div&gt;
&lt;div&gt;
&lt;ol&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/selector-pada-jquery.html&quot; target=&quot;_blank&quot;&gt;Selector Pada JQuery&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/efek-dasar-menggunakan-jquery.html&quot; target=&quot;_blank&quot;&gt;Efek Dasar menggunakan JQuery&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style=&quot;text-align: justify;&quot;&gt;
KEMAMPUAN-KEMAMPUAN YANG DI MILIKI OLEH JQUERY : &lt;/h2&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
MAMPU MENGAKSES BAGIAN HALAMAN TERTENTU DENGAN MUDAH &lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Tanpa adanya library js khusus untuk mengaksses bagian tertentu di halaman,anda harus mengikuti aturan document object model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML,dengan kata lain pengaksesan bagian tertentu dari halaman sangat tergantung pada sturuktur HTML.Jquery menawarkan cara yang mudah dalam mengakses bagian tertentu dari halaman. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
MAMPU MENGUBAH TAMPILAN HALAMAN DI BAGIAN TERTENTU &lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
CSS menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web,namun CSS mempunyai kelemahan,yaitu beberapa perintah CSS tidak di dukung oleh semua browser,cukup merepotkan jika anda harus mendesain halaman dengan beberapa CSS sekaligus.Jquery menawarkan solusi untuk mengatasi hal tersebut.dengan Jquery kesenjangan yang terjadi antar Browser dalam urusan CSS akan dapat teratasi dengan baik. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
MAMPU MENGUBAH ISI DARI HALAMAN. &lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebelum jquery di temukan cukup sulit jika anda ingin mengubah sebagian isi dari halaman web.mengubah di sini dapat berarti  mengganti teks,menambahkan teks atau gambar,mengurutkan daftar atau list,menghapus baris table dan sebagainya.dengan Jquery hal tersebut dapat dilakukan dengan hanya beberapa baris perintah. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
MAMPU MERESPON INTERKSI USER HALAMAN &lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Website yang baik tidak cukup digambarkan dengan user interface dan tampilkna yang menarik.namun lebih dari itu bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri,interkativitas sangat bergantung bagaimana pemrogrmana yang di pakai dalam menangani event handling,Js sendri memiiki beberapa event handling seperti onclick untuk menangani even saat terjadi click.namun demikian event handling pada JS terbatas pada object2 tertentu.Jquery melengkapi semuanya dengan tambahan penanganan event handling yang semakin mudah. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
MAMPU MENAMBAHKAN ANIMASI KEDALAM HALAMAN &lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Animasi seringkali di sertakan untuk mempercantik sebuah halaman web.saat ini animasi masih sangat cukup di gemari oleh para peselancar situs,animasi dapat di buat dalam beberapa Gaya , bisa menggunakan flash,gif,video,DLL.masing2 tentu memiliki kelebihan dan kekurangan,JQuery menawarkan konsep animasi yang cukup baik dan ramah bandwitch,salah satu animasi yang bisa di buat oleh Jquery adalah fading.jika terdapat suatu bagian dari halaman dapat ditambahkan atu dihilangkan. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: justify;&quot;&gt;
MAMPU MENGAMBIL INFORMASI DARI SERVER TANPA MEREFRESH SSELURUH HALAMAN. &lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari AJAX, pada penerapannya cukup ribet Jika harus membangun sebuah website dengan konssep AJAX.saat ini banyak Library khusus untuk mempermudahnya,salah satu nya adalah Jquery. &lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/1042387978551591892/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/mengenal-framework-jquery.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/1042387978551591892'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/1042387978551591892'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/mengenal-framework-jquery.html' title='Mengenal Framework JQuery'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkm1Ba7Dc6W467j2yWpMDPD2ECcErk1y3H_elg4frB7qfEaMzz4Ye6Xxf-wvsC0eyDLIhN1P2_xHcyEl715smf_sq4xwVx5qXjSw0BypI49_lKX_ivVW4CIxdVVtAklvyYCqnOoJyzOhjS/s72-c/jquery-framework.png" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-2611369396815708625</id><published>2013-01-30T07:49:00.002-08:00</published><updated>2013-01-30T07:49:27.716-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>Selector Pada JQuery</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
JQUERY SELECTOR&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2KvjQ9iyk17G03Fy2ELIDIWPvOq2nQ3f90WguZIFkrl6in8l2dajMnchvXAgZH6EqDcsUayFYirdllAo3aLUIJ2jcIL8_RA9BejYPaa8vzRe8m3-xG26CTevC1r7eg5q5ocPOpL8Btlb/s1600/selector+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;JQUERY SELECTOR&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2KvjQ9iyk17G03Fy2ELIDIWPvOq2nQ3f90WguZIFkrl6in8l2dajMnchvXAgZH6EqDcsUayFYirdllAo3aLUIJ2jcIL8_RA9BejYPaa8vzRe8m3-xG26CTevC1r7eg5q5ocPOpL8Btlb/s1600/selector+icon.jpg&quot; title=&quot;JQUERY SELECTOR&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Salah satu peran penting &amp;nbsp;Jquery pada web browser adalah,kemampuan bereaksi terhadap interkasi pengguna dan melakukan manipulasi berbagai objek dalam struktur DOM.Salah satu contoh nya adalah menghasilkan &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/efek-dasar-menggunakan-jquery.html&quot; target=&quot;_blank&quot;&gt;efek animasi&lt;/a&gt;&lt;/b&gt;.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk menjalankan perannya tersebut &lt;a href=&quot;http://d-crow.blogspot.com/2013/01/5-efek-foto-keren-menggunakan-jquery.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;JQuery&lt;/b&gt;&lt;/a&gt; harus memiliki kemampuan mengenali/mengedintifikasi kemudian mengakses object2 tersebut dengan berbagai cara.kemampuan ini telah ada di &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/efek-zoom-pada-foto-menggunakan-jquery.html&quot; target=&quot;_blank&quot;&gt;JQuery&lt;/a&gt;&lt;/b&gt; dan di kumpulkan dengan apa yang di namakan &lt;b&gt;SELECTOR&lt;/b&gt;. dengan selector anda dapat memilih elemen/object berdasarkan tag, id, &lt;a href=&quot;http://d-crow.blogspot.com/search/label/CSS&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;CSS&lt;/b&gt;&lt;/a&gt; class,Atribut dan juga urutannya pada struktur Halaman.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bagi sobat yang baru Belajar Atau baru mengenal tentang JQuery,Di bawah ini merupakan selector yang di gunakan pada JQuery,semoga Bisa membantu dan Bisa menjadi Bahan referensi Belajar anda.&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;table border=&quot;1&quot; style=&quot;width: 600px;&quot;&gt;
  &lt;tbody&gt;
&lt;tr&gt;
    &lt;td width=&quot;114&quot;&gt;&lt;h3 style=&quot;text-align: center;&quot;&gt;
SELECTOR&lt;/h3&gt;
&lt;/td&gt;
    &lt;td width=&quot;163&quot;&gt;&lt;h3 style=&quot;text-align: center;&quot;&gt;
CONTOH&lt;/h3&gt;
&lt;/td&gt;
    &lt;td width=&quot;210&quot;&gt;&lt;h3 style=&quot;text-align: center;&quot;&gt;
SELECT&lt;/h3&gt;
&lt;/td&gt;
    &lt;td width=&quot;85&quot;&gt;&lt;h3 style=&quot;text-align: center;&quot;&gt;
DEMO&lt;/h3&gt;
&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;*&lt;/td&gt;
    &lt;td&gt;$(&quot;*&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_all&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;#id&lt;/td&gt;
    &lt;td&gt;$(&quot;#lastname&quot;)&lt;/td&gt;
    &lt;td&gt;Elemen dengan id = &quot;nama belakang&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_id&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;.class&lt;/td&gt;
    &lt;td&gt;$(&quot;.intro&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan class = &quot;intro&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_class&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;.class.class&lt;/td&gt;
    &lt;td&gt;$(&quot;.intro.demo&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan kelas &quot;intro&quot; dan &quot;demo&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_multiple_classes&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;element&lt;/td&gt;
    &lt;td&gt;$(&quot;p&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen p&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_element&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;el1,el2,el3&lt;/td&gt;
    &lt;td&gt;$(&quot;h1,div,p&quot;)&lt;/td&gt;
    &lt;td&gt;H1 semua, div dan p elemen&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_multiple&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:first&lt;/td&gt;
    &lt;td&gt;$(&quot;p:first&quot;)&lt;/td&gt;
    &lt;td&gt;Elemen pertama p&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_first&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:last&lt;/td&gt;
    &lt;td&gt;$(&quot;p:last&quot;)&lt;/td&gt;
    &lt;td&gt;Elemen terakhir p&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_last&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:even&lt;/td&gt;
    &lt;td&gt;$(&quot;tr:even&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen tr bahkan&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_even&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:odd&lt;/td&gt;
    &lt;td&gt;$(&quot;tr:odd&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen tr &lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_odd&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:first-child&lt;/td&gt;
    &lt;td&gt;$(&quot;div p:first-child&quot;)&lt;/td&gt;
    &lt;td&gt;Elemen pertama p dari semua elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_firstchild&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:last-child&lt;/td&gt;
    &lt;td&gt;$(&quot;div p:last-child&quot;)&lt;/td&gt;
    &lt;td&gt;Elemen terakhir p dari semua elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_lastchild&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:nth-child(n)&lt;/td&gt;
    &lt;td&gt;$(&quot;div p:nth-child(2)&quot;)&lt;/td&gt;
    &lt;td&gt;P elemen yang merupakan anak kedua dari semua elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_nthchild&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:only-child&lt;/td&gt;
    &lt;td&gt;$(&quot;div p:only-child&quot;)&lt;/td&gt;
    &lt;td&gt;P elemen yang merupakan anak tunggal dari semua elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_onlychild&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;parent &amp;gt; child&lt;/td&gt;
    &lt;td&gt;$(&quot;div &amp;gt; p&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen p yang merupakan anak langsung dari elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_parent_child&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;parent descendant&lt;/td&gt;
    &lt;td&gt;$(&quot;div p&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen p yang adalah keturunan dari elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_parent_descendant&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;element + next&lt;/td&gt;
    &lt;td&gt;$(&quot;div + p&quot;)&lt;/td&gt;
    &lt;td&gt;P elemen yang bersebelahan elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_previous_next&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;element ~ siblings&lt;/td&gt;
    &lt;td&gt;$(&quot;div ~ p&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen p yang adalah saudara kandung dari elemen div&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_previous_siblings&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:eq(index)&lt;/td&gt;
    &lt;td&gt;$(&quot;ul li:eq(3)&quot;)&lt;/td&gt;
    &lt;td&gt;Unsur keempat dalam daftar (index dimulai dari 0)&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_eq&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:gt(no)&lt;/td&gt;
    &lt;td&gt;$(&quot;ul li:gt(3)&quot;)&lt;/td&gt;
    &lt;td&gt;Daftar elemen dengan indeks lebih besar dari 3&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_gt&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:lt(no)&lt;/td&gt;
    &lt;td&gt;$(&quot;ul li:lt(3)&quot;)&lt;/td&gt;
    &lt;td&gt;Daftar elemen dengan indeks kurang dari 3&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_lt&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:not(selector)&lt;/td&gt;
    &lt;td&gt;$(&quot;input:not(:empty)&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input yang tidak kosong&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_not&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:header&lt;/td&gt;
    &lt;td&gt;$(&quot;:header&quot;)&lt;/td&gt;
    &lt;td&gt;Semua sundulan elemen h1, h2 ...&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_header&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:animated&lt;/td&gt;
    &lt;td&gt;$(&quot;:animated&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen animasi&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_animated&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:focus&lt;/td&gt;
    &lt;td&gt;$(&quot;:focus&quot;)&lt;/td&gt;
    &lt;td&gt;Unsur yang saat ini memiliki fokus&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_focus&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:contains(text)&lt;/td&gt;
    &lt;td&gt;$(&quot;:contains(&#39;Hello&#39;)&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen yang berisi teks &quot;Hello&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_contains&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:has(selector)&lt;/td&gt;
    &lt;td&gt;$(&quot;div:has(p)&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen div yang memiliki elemen ap&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_has&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:empty&lt;/td&gt;
    &lt;td&gt;$(&quot;:empty&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen yang kosong&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_empty&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:parent&lt;/td&gt;
    &lt;td&gt;$(&quot;:parent&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen yang merupakan induk dari elemen lain&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_parent&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:hidden&lt;/td&gt;
    &lt;td&gt;$(&quot;p:hidden&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen p tersembunyi&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_hidden&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:visible&lt;/td&gt;
    &lt;td&gt;$(&quot;table:visible&quot;)&lt;/td&gt;
    &lt;td&gt;Semua terlihat tabel&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_visible&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute]&lt;/td&gt;
    &lt;td&gt;$(&quot;[href]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan atribut href&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attribute&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute=value]&lt;/td&gt;
    &lt;td&gt;$(&quot;[href=&#39;default.htm&#39;]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan nilai atribut href sama dengan &quot;default.htm&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attributevalue&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute!=value]&lt;/td&gt;
    &lt;td&gt;$(&quot;[href!=&#39;default.htm&#39;]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan atribut href nilai tidak sama dengan &quot;default.htm&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attributenotvalue&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute$=value]&lt;/td&gt;
    &lt;td&gt;$(&quot;[href$=&#39;.jpg&#39;]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan nilai atribut href diakhiri dengan &quot;. Jpg&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attributeend&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute|=value]&lt;/td&gt;
    &lt;td&gt;$(&quot;[hreflang|=&#39;en&#39;]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan nilai atribut hreflang dimulai dengan &quot;en&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attributeprefix&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute^=value]&lt;/td&gt;
    &lt;td&gt;$(&quot;[name^=&#39;hello&#39;]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan nilai atribut nama dimulai dengan &quot;halo&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attributebegvalue&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute~=value]&lt;/td&gt;
    &lt;td&gt;$(&quot;[name~=&#39;hello&#39;]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan nilai atribut nama yang mengandung kata &quot;halo&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attributecontainsvalue&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;[attribute*=value]&lt;/td&gt;
    &lt;td&gt;$(&quot;[name*=&#39;hello&#39;]&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen dengan nilai atribut nama yang mengandung string &quot;hello&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_attributecontainsstring&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:input&lt;/td&gt;
    &lt;td&gt;$(&quot;:input&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen masukan&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_input&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:text&lt;/td&gt;
    &lt;td&gt;$(&quot;:text&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan tipe &quot;text&quot; =&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_text&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:password&lt;/td&gt;
    &lt;td&gt;$(&quot;:password&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan tipe &quot;password&quot; =&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_password&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:radio&lt;/td&gt;
    &lt;td&gt;$(&quot;:radio&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan type = &quot;radio&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_radio&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:checkbox&lt;/td&gt;
    &lt;td&gt;$(&quot;:checkbox&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan tipe &quot;checkbox&quot; =&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_checkbox&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:submit&lt;/td&gt;
    &lt;td&gt;$(&quot;:submit&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan type = &quot;submit&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_submit&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:reset&lt;/td&gt;
    &lt;td&gt;$(&quot;:reset&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan type = &quot;reset&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_reset&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:button&lt;/td&gt;
    &lt;td&gt;$(&quot;:button&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan type = &quot;tombol&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_button&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:image&lt;/td&gt;
    &lt;td&gt;$(&quot;:image&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan type = &quot;image&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_image&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:file&lt;/td&gt;
    &lt;td&gt;$(&quot;:file&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input dengan type = &quot;file&quot;&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_file&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:enabled&lt;/td&gt;
    &lt;td&gt;$(&quot;:enabled&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen masukan diaktifkan&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_enabled&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:disabled&lt;/td&gt;
    &lt;td&gt;$(&quot;:disabled&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen masukan di matikan &lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_disabled&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:selected&lt;/td&gt;
    &lt;td&gt;$(&quot;:selected&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen input yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_selected&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;:checked&lt;/td&gt;
    &lt;td&gt;$(&quot;:checked&quot;)&lt;/td&gt;
    &lt;td&gt;Semua elemen masukan diperiksa&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_checked&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/2611369396815708625/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/selector-pada-jquery.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/2611369396815708625'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/2611369396815708625'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/selector-pada-jquery.html' title='Selector Pada JQuery'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH2KvjQ9iyk17G03Fy2ELIDIWPvOq2nQ3f90WguZIFkrl6in8l2dajMnchvXAgZH6EqDcsUayFYirdllAo3aLUIJ2jcIL8_RA9BejYPaa8vzRe8m3-xG26CTevC1r7eg5q5ocPOpL8Btlb/s72-c/selector+icon.jpg" height="72" width="72"/><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-8340007122080188097</id><published>2013-01-29T11:54:00.001-08:00</published><updated>2013-01-29T11:54:18.372-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>Efek Dasar Menggunakan JQuery</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
BELAJAR MENGGUNAKAN EFEK PADA JQUERY&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGjfBLHMg92VNqEzUrUQZGgefFq2vuyYfy3lZyZr68TvWTfYLsPmrunxxyGikzUAHpKWwaEW2nPFKjZ_3JjxMOHdLGdU0Hs-4jLkUTnP1d7pD4M4uMl2yE_HSDmvfD8SBotNBtPhGEo2X/s1600/jquery+icon.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;JQuery&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGjfBLHMg92VNqEzUrUQZGgefFq2vuyYfy3lZyZr68TvWTfYLsPmrunxxyGikzUAHpKWwaEW2nPFKjZ_3JjxMOHdLGdU0Hs-4jLkUTnP1d7pD4M4uMl2yE_HSDmvfD8SBotNBtPhGEo2X/s1600/jquery+icon.png&quot; title=&quot;JQuery&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Animasi adalah ilusi adanya gerakan yang dicapai dengan menampilkan sederetan gambar secara cepat yang memiliki sedikit perbedaan antara yang satu dengan yang lain&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Jquery menyediakan pustaka beberapa Tehknik untuk menambahkan animasi kedalam halaman web,terdapat bermacam macam animasi mulai dari animasi paling sederhana ,animasi standar yang sering digunakan Hingga kemampuan untuk membangun sendiri efek efek yang di inginkan.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Di bawah ini merupakan Contoh Efek-efek yang di gunakan pada Jquery,dan semoga bisa membantu atau menjadi bahan Refensi belajar anda :&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;table border=&quot;1&quot; style=&quot;width: 600px;&quot;&gt;
  &lt;tbody&gt;
&lt;tr&gt;
    &lt;td colspan=&quot;3&quot;&gt;&lt;h3 style=&quot;text-align: center;&quot;&gt;
jQuery Effect Methods&lt;/h3&gt;
&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td rowspan=&quot;35&quot; valign=&quot;top&quot; width=&quot;132&quot;&gt;&lt;strong&gt;animate()&lt;/strong&gt;&lt;/td&gt;
    &lt;td width=&quot;374&quot;&gt;Menjalankan sebuah animasi kustom pada elemen yang dipilih&lt;/td&gt;
    &lt;td width=&quot;72&quot;&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;backgroundPositionX&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_backgroundpositionxy&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;backgroundPositionY&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_backgroundpositionxy&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;borderWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_borderwidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;borderBottomWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_borderbottomwidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;borderLeftWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_borderleftwidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;borderRightWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_borderrightwidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;borderTopWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_bordertopwidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;borderSpacing&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_borderspacing&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;margin&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_margin&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;marginBottom&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_marginbottom&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;marginLeft&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_marginleft&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;marginRight&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_marginright&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;marginTop&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_margintop&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;outlineWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_outlinewidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;padding&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_padding&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;paddingBottom&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_paddingbottom&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;paddingLeft&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_paddingleft&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;paddingRight&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_paddingright&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;paddingTop&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_paddingtop&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;height&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_height&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;width&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_width&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;maxHeight&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_maxheight&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;maxWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_maxwidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;minHeight&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_minheight&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;minWidth&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_minwidth&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;fontSize&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_fontsize&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;bottom&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_bottom&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;left&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_left&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;right&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_right&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;top&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_top&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;letterSpacing&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_letterspacing&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;wordSpacing&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_wordspacing&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;lineHeight&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_lineheight&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;textIndent&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_ani_textindent&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;clearQueue()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Menghapus semua fungsi antri sisa dari unsur-unsur yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_clearqueue&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;delay()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Menetapkan penundaan untuk semua fungsi antri pada unsur-unsur yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_delay&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;dequeue()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Menghapus fungsi berikutnya dari antrian, dan kemudian mengeksekusi fungsi&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_dequeue&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;fadeIn ()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Memudar dalam unsur-unsur yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_fadeout_fadein&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;fadeOut()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Memudar unsur-unsur yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_fadeout_fadein&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;fadeTo()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Memudar in / out elemen yang dipilih ke opacity diberikan&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_fadeto&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;fadeToggle()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Matikan antara fadeIn () dan fadeOut () metode&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_fadetoggle&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;hide()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Menyembunyikan elemen yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_show_hide&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;queue()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Menunjukkan fungsi antri pada unsur-unsur yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_queue&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;show()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Menunjukkan elemen yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_show_hide&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;slideDown()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Slides-down (menunjukkan) yang dipilih elemen&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;slideToggle()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Matikan antara slideUp () dan slideDown () metode&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slidetoggle&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;slideUp()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Slides-up (menyembunyikan) yang dipilih elemen&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;stop()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Menghentikan animasi yang sedang berjalan untuk elemen yang dipilih&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_stop&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;&lt;strong&gt;toggle()&lt;/strong&gt;&lt;/td&gt;
    &lt;td&gt;Beralih antara menyembunyikan () dan show () metode&lt;/td&gt;
    &lt;td&gt;&lt;strong&gt;&lt;a href=&quot;http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/8340007122080188097/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/efek-dasar-menggunakan-jquery.html#comment-form' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/8340007122080188097'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/8340007122080188097'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/efek-dasar-menggunakan-jquery.html' title='Efek Dasar Menggunakan JQuery'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGjfBLHMg92VNqEzUrUQZGgefFq2vuyYfy3lZyZr68TvWTfYLsPmrunxxyGikzUAHpKWwaEW2nPFKjZ_3JjxMOHdLGdU0Hs-4jLkUTnP1d7pD4M4uMl2yE_HSDmvfD8SBotNBtPhGEo2X/s72-c/jquery+icon.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-878304989155103455</id><published>2013-01-29T10:25:00.000-08:00</published><updated>2013-01-29T10:31:50.880-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>9 macam style Blockquote</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
MACAM-MACAM BLOCKQUOTE&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3nKh7j3FLNOlrHUjrVF0DJL-f-k735VgvYv-9gtC83ZUQIuKv3CjOvsfVk125Wc538wl2ULhWn2xUE42pY9JleW9rZOze-I7Ccu0iY6_YDMfTeWhACr5CE1kJG_E_Gm4Zma_nSOXlaM6J/s1600/aaaa.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3nKh7j3FLNOlrHUjrVF0DJL-f-k735VgvYv-9gtC83ZUQIuKv3CjOvsfVk125Wc538wl2ULhWn2xUE42pY9JleW9rZOze-I7Ccu0iY6_YDMfTeWhACr5CE1kJG_E_Gm4Zma_nSOXlaM6J/s1600/aaaa.jpg&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebelum saya membuat &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/search/label/PTI&quot; target=&quot;_blank&quot;&gt;Artikel&lt;/a&gt;&lt;/b&gt; ini Mungkin sobat sudah tertidur dan Bermimpi yang indah Dialam sana,Waktu sekarang sudah menunjukkan jam 02.00 tapi mata ini blom bisa tertutup gara gara Cuman mau nyelesaiin Postingan Blockquote yang kagak guna ini… heheheheheheeh. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sedikit saya Jelaskan kembali tentang Blockuote, Blockquote merupakan &lt;a href=&quot;http://d-crow.blogspot.com/2013/01/tag-tag-html.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;tag&lt;/b&gt;&lt;/a&gt; yang yang di gunakan Di dalam &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-buat-link-html.html&quot; target=&quot;_blank&quot;&gt;HTML&lt;/a&gt;&lt;/b&gt; untuk menulis kutipan Teks,dengan menggunakan perintah atau tag Blockquote maka Browser akan menampilkan Teks yang menjorok kedalam.Dibawah ini saya sudah menyediakan 9 model Blockquote dengan berbagai macam2 &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/label-cloud-3-macam-style-menggunakan.html&quot; target=&quot;_blank&quot;&gt;gaya/style&lt;/a&gt;&lt;/b&gt;. Bagi sobat yang tertarik Di sedot aja… hehehehehe &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
Langkah2 penerapan  Blockquote:&lt;/h3&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Masuk ke blogger anda&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Masuk ke menu template kemudian&lt;/li&gt;
&lt;li&gt;Edit HTML dan lanjutkan dengan mencentang expand widget template&lt;/li&gt;
&lt;li&gt;Kemudian Cari kode &lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;.post blockquote&lt;/span&gt;&lt;/b&gt; {…………}  Dan ganti dengan salah satu kode di bawah ini.&lt;/li&gt;
&lt;li&gt;jika sobat tidak menemukan&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;.post blockquote&lt;/span&gt;&lt;/b&gt; pada Tempalate anda,Copy salah satu kode di bawah ini tepat di atas&amp;nbsp;&lt;b style=&quot;text-align: justify;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 01&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAkbDUSGhE7Ez58cDUkkpId7rMOmAiVEyI8EnGebFBUQpYnNNLki0LrIZTZFSDEzt_dbYDihFhxd9esiUZhYyTfX-BHk8eKk9xm6lwbBhjxKCfQJIS9WJ0fTiA1oFlwtdB8XFiJbk9E1L/s1600/aaaa.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;70&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAkbDUSGhE7Ez58cDUkkpId7rMOmAiVEyI8EnGebFBUQpYnNNLki0LrIZTZFSDEzt_dbYDihFhxd9esiUZhYyTfX-BHk8eKk9xm6lwbBhjxKCfQJIS9WJ0fTiA1oFlwtdB8XFiJbk9E1L/s320/aaaa.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 01&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.post blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }&lt;/textarea&gt;
&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 02&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-WJI6OfLvJk24zLtDcMCuqxBKOQVsidYTvs0ZNJ0R8pKUWGs1gJfydg_Swxsz9h3sP3Zk8lYnOErMF94u6W3g0xdn_fc8nKyU9yLaNoDYcdPXPDqkfSP28I9xMLwdGfg9mz_58F16NXT/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;80&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-WJI6OfLvJk24zLtDcMCuqxBKOQVsidYTvs0ZNJ0R8pKUWGs1gJfydg_Swxsz9h3sP3Zk8lYnOErMF94u6W3g0xdn_fc8nKyU9yLaNoDYcdPXPDqkfSP28I9xMLwdGfg9mz_58F16NXT/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 02&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.post blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 03&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQuh7HRiuXqA_LLnR7TqeIEOFfrqy_axe_HdmMoowglu9Nonmh5mTYaT-7MWblXcvGlrmuAH0s26WFXyddiT-oqR0kzQX455KpNAp-5Lxvu5tdozFF7ZorFJ1eAGn5bLUEPgKRgnp4iSqg/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;116&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQuh7HRiuXqA_LLnR7TqeIEOFfrqy_axe_HdmMoowglu9Nonmh5mTYaT-7MWblXcvGlrmuAH0s26WFXyddiT-oqR0kzQX455KpNAp-5Lxvu5tdozFF7ZorFJ1eAGn5bLUEPgKRgnp4iSqg/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 03&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.post blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYhzFHsmbKn5AWvitN4irLmPGnd-g2FHgydr7ig9EP5CZxUOK1m3lscxmr9G-ngJmQjJ3mkoiPv0Bs0SCtl0XWC4T1ccGF2FGCqA0mX_0vapj9_SWpJOfPrfZd0PVwV7OCQGExbvkjZqI/s400/owl.png) no-repeat 350px 5px; font: normal .9em &quot;comic sans ms&quot;, Courier,&quot;Times New Roman&quot;, Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }
&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 04&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtAI3mqo5V6K_BBtHAkBNB1Toy7uLSqaVeZdk1Ul7skQcsS_bGT1xWQtYHGRqM_lwo0i3OotfB9wLn7XX7Rsu10aifYgfSJ3bbJPo0hqV9Jdm-LA_i4yDixEcF8DOEyT5fMDktrIBgg2yv/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;94&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtAI3mqo5V6K_BBtHAkBNB1Toy7uLSqaVeZdk1Ul7skQcsS_bGT1xWQtYHGRqM_lwo0i3OotfB9wLn7XX7Rsu10aifYgfSJ3bbJPo0hqV9Jdm-LA_i4yDixEcF8DOEyT5fMDktrIBgg2yv/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 04&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglvfmPIRM0jF7hovQQkpatFdIiqaXlmItbvPtb-yEL3MEkf8loyr0Al5PZNDfDCuhbGjhCOUpH1GjdR049eLctwEJW9hyphenhyphensdxmMKnivpIiBo7W21vpaSqUDf_-hFxhiFLLJT3Wb1X7Bmb0/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, &quot;Times New Roman&quot;, Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }
&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 05&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OkSGxWGl4IGv3eOfJ4Sz5aB9KJXDqihbvLoy48CYX0tCQt_0lg_UlcXI-Uf7t8GsQ5544B5o25HrY6JGPiYRkkbhmIyId0nJVDm2EpOGX3ya9cB14hCuLxhzJkUcG7YNq4dbrgMLY1-N/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;127&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OkSGxWGl4IGv3eOfJ4Sz5aB9KJXDqihbvLoy48CYX0tCQt_0lg_UlcXI-Uf7t8GsQ5544B5o25HrY6JGPiYRkkbhmIyId0nJVDm2EpOGX3ya9cB14hCuLxhzJkUcG7YNq4dbrgMLY1-N/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 05&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZroV64e1TM6E7P4EMJlHO3PzkH_VqXOlTPqv3NGiK0FU0FNNBtPt4_vBl43-onCgm0zrLkcxNRjGO4wEua2fWg4lZA0Rg1z5reXwP_W4yVKcnvryPgcnE2IYBnRU0gdcn4FNkWA09zcY/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, &quot;Times New Roman&quot;, Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }
&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 06&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjOoTGM_0VC_WiztVneh6_CQHPOE6Wostdwulw5DwhUmQ1tYyvjSaJPHHExI2qotJhlgsZyXIfjNuKtfA3m3HR8vhNFMOEVQEc7VQFC7FmYxXsdd3u8lp-3BUO7e4rs1A_qcSslJ63G_AV/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;66&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjOoTGM_0VC_WiztVneh6_CQHPOE6Wostdwulw5DwhUmQ1tYyvjSaJPHHExI2qotJhlgsZyXIfjNuKtfA3m3HR8vhNFMOEVQEc7VQFC7FmYxXsdd3u8lp-3BUO7e4rs1A_qcSslJ63G_AV/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 06&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.post blockquote { font: italic 1em &quot;comic sans ms&quot;, Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZUiV020_Yh_h7hWNZf4JcOES-IWpge48rEK4QdBjRYzxruMkWYSlxsvweRKLIBw6I1HyEAm4XBr_h5Q4fgff2FaoQ1Mbuetl65cvcQLYRuJIBmr10IPXTNG49R-LaVGW0PFgjaRohvQM/s400/comma2-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVea1osjcH6_A-BlgV8BdUedDf5zI4q4ignXzB3WgST3-9ohDPOoZ8_McQ6sc-KvyTSwh9tTw-oUkUJZ0BCFgC9-SDdqOpdD13aPVep3cVJBmKctiZjClJCjKvgJb-NTE6hGeXfpkL8tY/s400/comma2-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }
&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 07&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5XNT1PlLqGpC0jgPemgj34pXU0oIwC3_PpF2fbREm1hJ1va3GB_NQr-_nUC_Yeel7eJCCIVyU4U0bPhwa2vUVGlucQYZ1IgaP9pQzXSrdOWZaq-Jlhsi6Rq1ynv_XAw8iE3W2LHby6F-/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;81&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5XNT1PlLqGpC0jgPemgj34pXU0oIwC3_PpF2fbREm1hJ1va3GB_NQr-_nUC_Yeel7eJCCIVyU4U0bPhwa2vUVGlucQYZ1IgaP9pQzXSrdOWZaq-Jlhsi6Rq1ynv_XAw8iE3W2LHby6F-/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 07&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.post blockquote { background:#c5c5c5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE4g6Hu6UJAVguB28wznTM49IGCkunugrfwWrI5JtA6rPV9uQnGR7dmmAk2WxEUnTrQ7zED_9-JUIONHA9xP6VJPXMF9ueHm8L0h19iJw1s-ZKsHPAx7w8-dSk8Hl9RWsz_pu7tB0Lflz2/s320/blockquote.png)no-repeat top left; padding:10px 20px 10px 45px; font-style:italic; border:1px solid #000000;} &lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 08&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJhWSweUKhkDxmInJhmZTLLV3jfe4dQRxW4laYWo2XTsApcHbPeG9VeMwGOlM-rZnH04vsXQE64i72xHM3tpTSbzvfWfpYn8O-IouFtvhnSu4hLgHkCnx4TNiA-sHn6P1H8200bpH5-Hsf/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;68&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJhWSweUKhkDxmInJhmZTLLV3jfe4dQRxW4laYWo2XTsApcHbPeG9VeMwGOlM-rZnH04vsXQE64i72xHM3tpTSbzvfWfpYn8O-IouFtvhnSu4hLgHkCnx4TNiA-sHn6P1H8200bpH5-Hsf/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 08&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-V5SVmaIZ5HTBiIcVpAbhlzKjeeZMz76NxlRN-_dlUfREW3d81gBne1y8vFWmqQw4MNe5A83_oldeCNC9oyjL09QPM0U-e884ooq6Ih-c2rW6G20d8TvmVIsAle-WdCBv5uE2wFtX-pr/s1600/quote.png&quot;) 5% no-repeat #FFF8DD; }
&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
STYLE 09&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmtEhlhdemeo1LSgenbnywvxuNyAQf0d4FZkMMVSMcvWD1RqkhRP9Gb2S_fSQQg5zB4PXQNaQWgQrqmnpclYK7GtaMJ3Dl-CscXS7gCr5J-dlQbU2JcylzVxzR3dkD-gGtpBH4fYvUIB-/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MACAM-MACAM BLOCKQUOTE&quot; border=&quot;0&quot; height=&quot;76&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmtEhlhdemeo1LSgenbnywvxuNyAQf0d4FZkMMVSMcvWD1RqkhRP9Gb2S_fSQQg5zB4PXQNaQWgQrqmnpclYK7GtaMJ3Dl-CscXS7gCr5J-dlQbU2JcylzVxzR3dkD-gGtpBH4fYvUIB-/s320/Capture.PNG&quot; title=&quot;MACAM-MACAM BLOCKQUOTE&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;Style 09&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;40&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;blockquote {font-family: verdana, arial, sans-serif;font-size:small;color:#FFF;line-height:140%;background-color: #333366;border: 4px dotted Olive;padding: 5px;margin-left: 15px;margin-right: 15px;width: auto}&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Jika anda sudah Memilih salah satunya simpan Template anda.&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;i&gt;Untuk langkah penerapannya pada &lt;a href=&quot;http://d-crow.blogspot.com/search/label/Blogger%20Tutorial&quot; target=&quot;_blank&quot;&gt;postingan&lt;/a&gt;,Lakukan pemanggilan dengan cara menggunakan tag &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;blockquote&amp;gt;&lt;/span&gt; ..........isi konten anda di sini....... &amp;nbsp;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/blockquote&amp;gt;&lt;/span&gt; seperti contoh di bawah ini :&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;blockquote&amp;gt;&lt;/span&gt;&lt;/b&gt;Blockquote merupakan tag yang yang di gunakan Di dalam HTML untuk menulis kutipan Teks,dengan menggunakan perintah atau tag Blockquote maka Browser akan menampilkan Teks yang menjorok kedalam.Dibawah ini saya sudah menyediakan 9 model Blockquote dengan berbagai macam2 gaya/style. Bagi sobat yang tertarik Di sedot aja… hehehehehe&lt;br /&gt;
&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/blocquote&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;b&gt;Sekian.. semoga Bermanfaat Buat kawan-kawan.&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/878304989155103455/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/9-macam-style-blockquote.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/878304989155103455'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/878304989155103455'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/9-macam-style-blockquote.html' title='9 macam style Blockquote'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3nKh7j3FLNOlrHUjrVF0DJL-f-k735VgvYv-9gtC83ZUQIuKv3CjOvsfVk125Wc538wl2ULhWn2xUE42pY9JleW9rZOze-I7Ccu0iY6_YDMfTeWhACr5CE1kJG_E_Gm4Zma_nSOXlaM6J/s72-c/aaaa.jpg" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-6265394422008187625</id><published>2013-01-29T03:33:00.002-08:00</published><updated>2013-01-29T03:44:02.548-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Label Cloud 3 macam style Menggunakan CSS</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div dir=&quot;ltr&quot; trbidi=&quot;on&quot;&gt;
&lt;h1 style=&quot;text-align: left;&quot;&gt;
MODIFIKASI LABEL CLOUD&lt;/h1&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Selamat malam,salam sejahtera selalu. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Seperti yang sudah kita ketahui,label pada Blog merupakan kata kunci yang mengelompokkan isi Atau tulisan Berdasarkan Kereteria Tertentu,dengan memberikan Label pada Blog,sama halnya kita &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-memasang-email-subscription-keren.html&quot; target=&quot;_blank&quot;&gt;mempermudah Pengunjung &lt;/a&gt;&lt;/b&gt;untuk mengadakan penelusuran,postingan yang terkait. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: center;&quot;&gt;
&lt;a href=&quot;http://anakkampusku.blogspot.com/2013/01/epistemologi-pengantar-memasuki-ranah.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-mentautkan-gambar-feed-pada-label.html&quot; target=&quot;_blank&quot;&gt;Label Blogspot&lt;/a&gt;&lt;/b&gt; pada  dasarnya Memiliki dua Macam pilihan,yaitu List dan Cloud.Dan untuk Pembahasan kali ini saya akan membahas tentang cara &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/cara-modifikasi-popular-post.html&quot; target=&quot;_blank&quot;&gt;modfikasi&lt;/a&gt;&lt;/b&gt; LabeL Cloud tersebut Agar tampil Lebih menarik. Dibawah ini saya sudah menyediakan &lt;b&gt;3 macam Style&lt;/b&gt; Label Cloud Dan untuk cara pemasangannya, Langsung aja Ke TKP &amp;gt;&amp;gt;&amp;gt;&amp;gt; &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Masuk Ke Blogger sobat&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Pilih menu tempalate kemudian&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Edit HTML dan jangan lupa centang Expand widget template&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Cari kode ]]&amp;gt;&amp;lt;/b:skin&amp;gt; dengan menggunakanan CTRL F&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Paste salah satu kode style label Cloud di bawah ini tepat di atas ]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
STYLE LABEL CLOUD 01&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg82jsp5pUPGcwyOOrr-_Z29PHGqDmeuJbDsNbVaAvk7AvgGIgOty4GTYO-7ypj6gO3i8jNdOKfRMihiSpHi6zezcH63p73qE5t2Gs9AhKaRzzUnc6-TzmaT3VmeYVb4dMCp_1lF8wXEPyn/s1600/01.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MODIFIKASI LABEL&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg82jsp5pUPGcwyOOrr-_Z29PHGqDmeuJbDsNbVaAvk7AvgGIgOty4GTYO-7ypj6gO3i8jNdOKfRMihiSpHi6zezcH63p73qE5t2Gs9AhKaRzzUnc6-TzmaT3VmeYVb4dMCp_1lF8wXEPyn/s1600/01.png&quot; title=&quot;MODIFIKASI LABEL&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;KODE LABEL CLOUD 01&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;60&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;font-size:10px;color:#666;}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod=&#39;auto expand&#39;);
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}.label-size a:hover {
text-decoration: none;
}
/*-----Custom Labels Cloud widget by http://d-crow.blogspot.com----*/&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
STYLE LABEL CLOUD 02&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-d2OWQVtdpgvTIj3dfhaZP1SHT9eotCCeGn7qjJwASVSq2FMyxkrmhVrccUZGHgAoEO5YgYfgNmKV0HFvnU0W-_KpW2nn3t0mgaXYixSipgWMkISIy_-AOKYrGE3L6BYW_YpLBb5h7iOj/s1600/02.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MODIFIKASI LABEL&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-d2OWQVtdpgvTIj3dfhaZP1SHT9eotCCeGn7qjJwASVSq2FMyxkrmhVrccUZGHgAoEO5YgYfgNmKV0HFvnU0W-_KpW2nn3t0mgaXYixSipgWMkISIy_-AOKYrGE3L6BYW_YpLBb5h7iOj/s1600/02.PNG&quot; title=&quot;MODIFIKASI LABEL&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;KODE LABEL CLOUD 02&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;60&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;.label-size a {
    display: inline-block;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    padding: 4px 7px;
    font-family: &#39;Helvetica Neue&#39;, helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    vertical-align: middle;
    margin-bottom: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
}
.label-size a {
    color: #996633;
    border: 1px solid #DDA13C;
    background: rgb(238,177,75);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYjE0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzkxMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(238,177,75,1) 0%, rgba(204,145,45,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,177,75,1)), color-stop(100%,rgba(204,145,45,1)));
    background: -webkit-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
    background: -o-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
    background: -ms-linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
    background: linear-gradient(top,  rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#eeb14b&#39;, endColorstr=&#39;#cc912d&#39;,GradientType=0 );
}
.label-size a:before  {
    content: &#39;\2022&#39;;
    color: #FFFFFF;
    margin-right: 4px;
    font-size: 15px;
    line-height: 13px;
    height: 13px;
    vertical-align: text-top;
    text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2);
}
.label-size a:hover {
    text-decoration: none;
    background: rgb(240,183,86);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjc1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmEwNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(240,183,86,1) 0%, rgba(214,160,68,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,183,86,1)), color-stop(100%,rgba(214,160,68,1)));
    background: -webkit-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
    background: -o-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
    background: -ms-linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
    background: linear-gradient(top,  rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#f0b756&#39;, endColorstr=&#39;#d6a044&#39;,GradientType=0 );
} 
/*----- Custom Labels Cloud widget by http://d-crow.blogspot.com ----*/&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
STYLE LABEL CLOUD 03&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-gduPX0PeUissZ7o4O7rvz-0rU4eOHsH3omjGMfxnXWLrDOP7XbmAGug3GuLaxUmHE8cHgHY0EOn4z5Oozp0Kt3xkKgeeK_BJcFBPaQP0RCGLHgtQVnPIvpKYJ-pNZdsBN7BOcIbmKiI/s1600/03.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MODIFIKASI LABEL&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-gduPX0PeUissZ7o4O7rvz-0rU4eOHsH3omjGMfxnXWLrDOP7XbmAGug3GuLaxUmHE8cHgHY0EOn4z5Oozp0Kt3xkKgeeK_BJcFBPaQP0RCGLHgtQVnPIvpKYJ-pNZdsBN7BOcIbmKiI/s1600/03.PNG&quot; title=&quot;MODIFIKASI LABEL&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;form name=&quot;copy&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;input onclick=&quot;javascript:this.form.txt.focus();this.form.txt.select();&quot; type=&quot;button&quot; value=&quot;KODE LABEL CLOUD 03&quot; /&gt; &lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;textarea cols=&quot;60&quot; name=&quot;txt&quot; rows=&quot;5&quot; wrap=&quot;virtual&quot;&gt;#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;
    border: 1px rgba(0,0,0,0.3) dashed;
    padding: 4px 10px 4px 20px;
    text-decoration: none;
    color:#000000;
    white-space: nowrap;
font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    position: relative !important;
    background: #8dc63f;
    float: left;
    padding: 5px 3px;
    margin: 0 5px 5px 0;
   border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}
#Label1 a:hover{color: rgba(0,0,0,0.5);}
.label-size{line-height:1.5;align:left;}
/*----- Custom Labels Cloud widget by http://d-crow.blogspot.com ----*/&lt;/textarea&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Setelah sobat sudah selesai memilih salah satu kode di atas,jangan Lupa tempatkan Kode Tersebut Tepat di atas kode &lt;span style=&quot;color: red;&quot;&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt; dan selanjutnya &lt;i&gt;SIMPAN TEMPLATE SOBAT.&lt;/i&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
Untuk Langkah selanjutnya adalah.....??&lt;/h3&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Masuk ke menu tata letak. kemudian&lt;/li&gt;
&lt;li&gt;tambahkan Gadget kemudian Pilih LabeL&lt;/li&gt;
&lt;li&gt;Dan yang terkahir,setting Label anda seperti Pada gambar di bawah ini :&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhnxwlkZl9p_fTG1kIzG1XNr21KK9Fsbw825dfiTvgYnpZfa0NFNHInBSiN_y4S4BYyv79uZhOCP0CFrkI3CH-fd4yV1n3iE0QKKFRavZXi3x6YTHaKn0irdPt_jCNkDEIjieUkoRdcIL1/s1600/CLOUDDDD.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;LABEL CLOUD&quot; border=&quot;0&quot; height=&quot;320&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhnxwlkZl9p_fTG1kIzG1XNr21KK9Fsbw825dfiTvgYnpZfa0NFNHInBSiN_y4S4BYyv79uZhOCP0CFrkI3CH-fd4yV1n3iE0QKKFRavZXi3x6YTHaKn0irdPt_jCNkDEIjieUkoRdcIL1/s320/CLOUDDDD.PNG&quot; title=&quot;LABEL CLOUD&quot; width=&quot;300&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
Sekian dan terima kasih... dan untuk melihat Hasilnya sobat bisa &lt;b&gt;&lt;a href=&quot;http://anakkampusku.blogspot.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Klik Disini.&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/6265394422008187625/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/label-cloud-3-macam-style-menggunakan.html#comment-form' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6265394422008187625'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6265394422008187625'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/label-cloud-3-macam-style-menggunakan.html' title='Label Cloud 3 macam style Menggunakan CSS'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg82jsp5pUPGcwyOOrr-_Z29PHGqDmeuJbDsNbVaAvk7AvgGIgOty4GTYO-7ypj6gO3i8jNdOKfRMihiSpHi6zezcH63p73qE5t2Gs9AhKaRzzUnc6-TzmaT3VmeYVb4dMCp_1lF8wXEPyn/s72-c/01.png" height="72" width="72"/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-1486823422462356959</id><published>2013-01-28T06:30:00.001-08:00</published><updated>2013-01-28T06:35:43.885-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="SEO Technique"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools Web-Blog"/><title type='text'>Cara Terbaik Daftar Blog/web Ke search engine</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;h2 style=&quot;text-align: center;&quot;&gt;
SEARCH ENGINE POPULER&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPgOlbTb5QQopX6gJqSrGHaQmYk4pbxf8VnDCTSmVO6DUmiB-Goy3-j7ISC4a-eKxDyERetFmKLzKxRgLJRXS1soVrFD3EtqKVPrU5Nkj3RcfrOnUZgQbUhjQHt-bVGmtd4UMMlgNq-uop/s1600/se+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;SEARCH ENGINE POPULER&quot; border=&quot;0&quot; height=&quot;213&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPgOlbTb5QQopX6gJqSrGHaQmYk4pbxf8VnDCTSmVO6DUmiB-Goy3-j7ISC4a-eKxDyERetFmKLzKxRgLJRXS1soVrFD3EtqKVPrU5Nkj3RcfrOnUZgQbUhjQHt-bVGmtd4UMMlgNq-uop/s320/se+icon.jpg&quot; title=&quot;SEARCH ENGINE POPULER&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Buat yang Belum tau apa itu search engine(mesin pencari) dan apa manfaat dari search engine, sedikit saya akan jelaskan dan semoga bisa benrmanfaat.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Menurut saya Search engine merupakan Salah satu Program Yang Bisa anda Gunakan Untuk mencari informasi Dengan menggunakan keywords.Isitlah Search engine ini sendiri Sering kali di kaitkan dengan internet,Misalnya search engine &lt;b&gt;&lt;a href=&quot;https://www.google.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Google&lt;/a&gt;&lt;/b&gt;,&lt;b&gt;&lt;a href=&quot;http://www.bing.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;bing&lt;/a&gt;&lt;/b&gt;,&lt;b&gt;&lt;a href=&quot;http://www.yahoo.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;yahoo&lt;/a&gt;&lt;/b&gt; dan lain2.Ketiga search engine ini merupakan search engine yang paling popular saat ini untuk mencari informasi didalamnya misalnya Dalam dunia bisnis,kesehatan,tehknologi dan masih banyak lagi yang lain.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dan bagi sobat yang punya web atau blog  dan ingin halamanya tampil agar bisa di ketahui Oleh public,Berikut saya sudah sediakan tempat pendaftaran Ke 15 search engine terpopuler,cara kerja nya pun tidak sulit, anda cukup memasukkan URL Sobat dan Klik submit.&lt;/div&gt;
&lt;b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ol&gt;&lt;b&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Google.com &amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt; &lt;b&gt;&lt;a href=&quot;https://www.google.com/webmasters/tools/submit-url&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;Bing.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.bing.com/toolbox/submit-site-url&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;amfibi.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://addurl.amfibi.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;search-o-rama.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://search-o-rama.com/AddURL.asp&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;ghetosearch.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.ghetosearch.com/add-url.php&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;boitho.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.boitho.com/addyourlink.htm.en&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;mouse-click.de&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.mouse-click.de/search/index.php?action=add_site&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;websquash.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.websquash.com/cgi-bin/search/search.pl?Mode=AnonAdd&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;fybersearch.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.fybersearch.com/service/add-url.php&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;whatuseek.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.whatuseek.com/addurl.shtml&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;mixcat.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.mixcat.com/addurl.php&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;entireweb.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.entireweb.com/free_submission/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;scrubtheweb.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.scrubtheweb.com/addurl.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;searchsight.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://searchsight.com/submit.htm&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;sonicrun.com&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&amp;gt;&amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://www.sonicrun.com:8081/add&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Daftar DiSini&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/b&gt;&lt;/ol&gt;
&lt;b&gt;
&lt;/b&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;b&gt;
&lt;h3&gt;
Selain Menggunakan Cara di atas, Jika Berminat anda juga bisa mencoba Kedua metode di bawah ini,dengan Cara Submit/daftar ke 50 search engine sekaligus.&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
1. Pergi ke &lt;a href=&quot;http://googleping.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Google.ping&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Cara kerja goolge ping Anda bisa lihat gambar di bawah ini :&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR0H6Q3F4ZVzJpR7HFhtGpasili3hBkH6FkMgyxrcRh4blPTBC-CF6b9tuonQ4_5stV7strHhkFLkiVvnwn23JMncMPxL-w5LIjpWfHbO8nuBiP-ZmJUPtYSiY4KMGJVSuwqRbtnOG_icW/s1600/ping+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;goolge ping&quot; border=&quot;0&quot; height=&quot;206&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR0H6Q3F4ZVzJpR7HFhtGpasili3hBkH6FkMgyxrcRh4blPTBC-CF6b9tuonQ4_5stV7strHhkFLkiVvnwn23JMncMPxL-w5LIjpWfHbO8nuBiP-ZmJUPtYSiY4KMGJVSuwqRbtnOG_icW/s320/ping+icon.jpg&quot; title=&quot;goolge ping&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
2. Pergi Ke &lt;a href=&quot;http://www.freewebsubmission.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;freewebsubmission.com&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
Cara kerja&amp;nbsp;freewebsubmission seperti pada Gambar di bawah ini :&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSqS0pBVqJM_ScNKC9ubv7r4Q58Sm2iqeu1zfe3gT3n2rVXcpUxtYge3w0oH4l_55pVG6aIbKYBy10F7l0VUyYbygy8taPGasIzXwTu0D1SvbLEhxTtKZQ3GATEOCDU1pF80RVv2aNd0R3/s1600/ferereer.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;freewebsubmission&quot; border=&quot;0&quot; height=&quot;206&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSqS0pBVqJM_ScNKC9ubv7r4Q58Sm2iqeu1zfe3gT3n2rVXcpUxtYge3w0oH4l_55pVG6aIbKYBy10F7l0VUyYbygy8taPGasIzXwTu0D1SvbLEhxTtKZQ3GATEOCDU1pF80RVv2aNd0R3/s320/ferereer.jpg&quot; title=&quot;freewebsubmission&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Jika sudah selesai,seilahkan Cek blog/web anda ke search engine &lt;a href=&quot;https://www.google.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Google&lt;/a&gt; atau search engine yang lain dengan memasukkan URL blog sobat. Jika Blum muncul,mohon ber-sabar Dan tunggu sampai beberapa jam,atau 1.hari kedepannya.Sekian dan Semoga Bisa membantu.Terima Kasih.&lt;/div&gt;
&lt;/b&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/1486823422462356959/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-terbaik-daftar-blogweb-ke-search.html#comment-form' title='13 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/1486823422462356959'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/1486823422462356959'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-terbaik-daftar-blogweb-ke-search.html' title='Cara Terbaik Daftar Blog/web Ke search engine'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPgOlbTb5QQopX6gJqSrGHaQmYk4pbxf8VnDCTSmVO6DUmiB-Goy3-j7ISC4a-eKxDyERetFmKLzKxRgLJRXS1soVrFD3EtqKVPrU5Nkj3RcfrOnUZgQbUhjQHt-bVGmtd4UMMlgNq-uop/s72-c/se+icon.jpg" height="72" width="72"/><thr:total>13</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-7093830516875154180</id><published>2013-01-28T03:55:00.003-08:00</published><updated>2013-01-28T03:58:09.182-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>Efek Zoom Pada Foto menggunakan Jquery</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;
EFEK ZOOM (JQUERY)&lt;/h2&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQx6rXK0zWAChXBk6A1wQ_6N4JGlM0MAPiMfhPL3T1V6b2voH1uLNywv9KQ7KM6bWijTC3c8ZaQqduwg0FjfVO1z6UPF87aRgMIEn2NT72BojvBmaQ890CkTO-YjgCVUL3eGB_vQ_DsWum/s1600/zoom+icon.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;EFEK ZOOM (JQUERY)&quot; border=&quot;0&quot; height=&quot;213&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQx6rXK0zWAChXBk6A1wQ_6N4JGlM0MAPiMfhPL3T1V6b2voH1uLNywv9KQ7KM6bWijTC3c8ZaQqduwg0FjfVO1z6UPF87aRgMIEn2NT72BojvBmaQ890CkTO-YjgCVUL3eGB_vQ_DsWum/s320/zoom+icon.png&quot; title=&quot;EFEK ZOOM (JQUERY)&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
&lt;a href=&quot;http://anakkampusku.blogspot.com/2013/01/teori-korespondensi-tentang-kebenaran.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada postingan sebelumnya saya sudah membahas tentang&amp;nbsp;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/5-efek-foto-keren-menggunakan-jquery.html&quot; target=&quot;_blank&quot;&gt;5 Efek foto keren menggunakan JQuery&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dan kali ini masih membahas tentang Efek pada Foto,dengan menggunakan Jquery.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dimana Kita akan membuat &lt;b&gt;&lt;i&gt;foto Tampil Lebah Besar ketika Kita mengarhkan Mouse pada Gambar tersebut.&lt;/i&gt;&lt;/b&gt;Cara kerja pada postingan saya sebelumnya Hampir mirip dengan cara kali ini,Bedanya Cuma Efek yang di brikan Pada gambar tersebut. Untuk Lebih Jelasnya… sobat bisa &lt;b&gt;&lt;a href=&quot;http://anakkampusku.blogspot.com/2013/01/teori-korespondensi-tentang-kebenaran.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;lihat disini&lt;/a&gt;&lt;/b&gt; untuk memastikan kebenaranya. &lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Dan bagi sobat yang Tertarik Berikut adalah langkah langkah nya  :&lt;/b&gt;&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;masuk ke Bloggger sobat&lt;/li&gt;
&lt;li&gt;Pilih menu Template kemudain&lt;/li&gt;
&lt;li&gt;Edit HTML dan jangan Lupa centang Expan widget tempalte&lt;/li&gt;
&lt;li&gt;Cari kode &lt;b&gt;&amp;lt;/head&amp;gt;&lt;/b&gt; dengan menggunakan CTRL F dan&lt;/li&gt;
&lt;li&gt;Copy Kode di bawah ini tepat di atas &lt;b&gt;&amp;lt;/head&amp;gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
&amp;lt;script src=&#39;https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js&#39; type=&#39;text/javascript&#39;/&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;script src=&#39;http://wierdwalker.googlecode.com/files/easyzoom.js&#39; type=&#39;text/javascript&#39;/&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;script type=&#39;text/javascript&#39;&amp;gt;&lt;/div&gt;
&lt;div&gt;
jQuery(function($){&lt;/div&gt;
&lt;div&gt;
$(&amp;amp;#39;a.zoom&amp;amp;#39;).easyZoom();&lt;/div&gt;
&lt;div&gt;
});&lt;/div&gt;
&lt;div&gt;
&amp;lt;/script&amp;gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Selanjutnya adalah, Cari kode &lt;b&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt; dan copy Kode &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/property-yang-digunakan-dalam-css.html&quot; target=&quot;_blank&quot;&gt;CSS&lt;/a&gt;&lt;/b&gt; di bawah ini Tepat di atas &lt;b&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
#easy_zoom{width:600px;height:400px; border:5px solid #eee;background:#fff;color:#333;position:fixed;top:35px;left:50%;overflow:hidden;&lt;/div&gt;
&lt;div&gt;
-moz-box-shadow:0 0 10px #555;&lt;/div&gt;
&lt;div&gt;
-webkit-box-shadow:0 0 10px #555;&lt;/div&gt;
&lt;div&gt;
box-shadow:0 0 10px #555;&lt;/div&gt;
&lt;div&gt;
/* vertical and horizontal alignment used for preloader text */&lt;/div&gt;
&lt;div&gt;
line-height:400px;&lt;/div&gt;
&lt;div&gt;
text-align:center;&lt;/div&gt;
&lt;div&gt;
}&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Jika sudah Simpan Tempalate.&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;h4 style=&quot;text-align: left;&quot;&gt;
Untuk penerapannya pada postingan Anda adalah ..???&lt;/h4&gt;
&lt;/div&gt;
pada saat anda sudah selesai mengoupload gambar pada postingan, pilih menu &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/tag-tag-html.html&quot; target=&quot;_blank&quot;&gt;HTML&lt;/a&gt;&lt;/b&gt; untuk menambahkan effect pada Gambar yang akan di tampilkan,&lt;br /&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;&lt;i&gt;Dan pada saat membuka menu HTML&amp;nbsp;kode Anchor akan terlihat seperti di bawah ini :&lt;/i&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;div&gt;
&amp;lt;a &amp;nbsp;href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Dzm05IkXdc0sl81tsCVytuHXB0dJr-lfuhAFIeiLudX9AGZ-N88h2MiwzVCE1t7xfTvV5sOuqaytrtHsdjQlttP4YhAo4Hwg-SLZin0e0IdmF_bZd4Zhn11mZ0zDGyNzt6YlkqCzgtM/s1600/Janji+Kampanye.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&amp;gt;&amp;lt;img border=&quot;0&quot; height=&quot;226&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Dzm05IkXdc0sl81tsCVytuHXB0dJr-lfuhAFIeiLudX9AGZ-N88h2MiwzVCE1t7xfTvV5sOuqaytrtHsdjQlttP4YhAo4Hwg-SLZin0e0IdmF_bZd4Zhn11mZ0zDGyNzt6YlkqCzgtM/s320/Janji+Kampanye.gif&quot; width=&quot;320&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;&lt;i&gt;Nah untuk menambahkan Efek Tersebut tambahkan &lt;span style=&quot;color: blue;&quot;&gt;Class=&quot;zoom&quot;&lt;/span&gt; seperti di bawah ini :&lt;/i&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&amp;lt;a &lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;class=&quot;zoom&quot;&lt;/span&gt;&lt;/b&gt; href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Dzm05IkXdc0sl81tsCVytuHXB0dJr-lfuhAFIeiLudX9AGZ-N88h2MiwzVCE1t7xfTvV5sOuqaytrtHsdjQlttP4YhAo4Hwg-SLZin0e0IdmF_bZd4Zhn11mZ0zDGyNzt6YlkqCzgtM/s1600/Janji+Kampanye.gif&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&amp;gt;&amp;lt;img border=&quot;0&quot; height=&quot;226&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Dzm05IkXdc0sl81tsCVytuHXB0dJr-lfuhAFIeiLudX9AGZ-N88h2MiwzVCE1t7xfTvV5sOuqaytrtHsdjQlttP4YhAo4Hwg-SLZin0e0IdmF_bZd4Zhn11mZ0zDGyNzt6YlkqCzgtM/s320/Janji+Kampanye.gif&quot; width=&quot;320&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;br /&gt;
Jika sudah Simpan atau publikasikan Postingan Anda Untuk &lt;b&gt;&lt;a href=&quot;http://anakkampusku.blogspot.com/2013/01/teori-korespondensi-tentang-kebenaran.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;melihat Hasilnya&lt;/a&gt;&lt;/b&gt;.(&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/meta-tag-seo-friendly.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Semoga Bermanfaat&lt;/b&gt;&lt;/a&gt;)&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/7093830516875154180/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/efek-zoom-pada-foto-menggunakan-jquery.html#comment-form' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/7093830516875154180'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/7093830516875154180'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/efek-zoom-pada-foto-menggunakan-jquery.html' title='Efek Zoom Pada Foto menggunakan Jquery'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQx6rXK0zWAChXBk6A1wQ_6N4JGlM0MAPiMfhPL3T1V6b2voH1uLNywv9KQ7KM6bWijTC3c8ZaQqduwg0FjfVO1z6UPF87aRgMIEn2NT72BojvBmaQ890CkTO-YjgCVUL3eGB_vQ_DsWum/s72-c/zoom+icon.png" height="72" width="72"/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-4624814986279102194</id><published>2013-01-27T08:10:00.002-08:00</published><updated>2013-01-27T08:35:21.234-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>Cara Memasang Email Subscription Keren pada widget</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;
GADGET BLOGSPOT PADA WIDGET&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuJKC3Slo5_Nk7t5ZLDoUvQo1yvo16mwgylW1R9tcTalvBMpApZPcszlnCv0bW8RTa2YWexuaUXCAv1QjLCkrunAtr61Ft-UUYRm-6G56nbIf-0z8XbY8D3Df98cvQTc1mUVXo_Md4yX2r/s1600/aaaaaccccc.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GADGET BLOGSPOT PADA WIDGET&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuJKC3Slo5_Nk7t5ZLDoUvQo1yvo16mwgylW1R9tcTalvBMpApZPcszlnCv0bW8RTa2YWexuaUXCAv1QjLCkrunAtr61Ft-UUYRm-6G56nbIf-0z8XbY8D3Df98cvQTc1mUVXo_Md4yX2r/s1600/aaaaaccccc.PNG&quot; title=&quot;GADGET BLOGSPOT PADA WIDGET&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
&lt;a href=&quot;http://sayonara-panas.blogspot.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/gadget-blog-4-in-1-dengan-fungsi-auto.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;gadget-blog 4in1 dengan fungsi auto Hide&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/4-style-keren-social-media-bookmarking.html&quot; target=&quot;_blank&quot;&gt;Social Media Bookmarking Dengan 4 style yang keren&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
Ke Dua postingan saya yang di atas hampir mirip dengan Postingan kali ini. &lt;br /&gt;
Dimana pada kali ini saya akan Membahas tentang Cara memasang Tombol subscribe feedburner google Yang di padukan dengan &lt;b&gt;&lt;i&gt;tombol fanspage Fb,twitter,google dan lain2&lt;/i&gt;&lt;/b&gt;. &lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
Untuk cara pemasangan kedalam gadget :&lt;/h3&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Masuk ke Blogger anda&lt;/li&gt;
&lt;li&gt;Pilh menu tata letak&lt;/li&gt;
&lt;li&gt;Add gadget, HTML/java script dan&lt;/li&gt;
&lt;li&gt;Copy kode di bawah ini Dan masukkan ke dalam gadget anda :&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 style=&quot;text-align: center;&quot;&gt;
&lt;a href=&quot;http://sayonara-panas.blogspot.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO GADGET&lt;/a&gt;&lt;/h4&gt;
&lt;blockquote&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
#topbox{width:250px;border:1px solid #a1a1a1;background-color:#;padding-bottom:15px;padding-top:5px;}&lt;br /&gt;
#news-letter{clear:both;padding-top:10px;}&lt;br /&gt;
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlU4-W4GqwwEbZbv014gp4rBylGY7DJMttZiWmwHwnj8kSjjfXHOLqwcT0m5oNiPDz3Ws5rMg0IOSxNxv3wgPxJEWlO1vlYZHva_KuEb8S_SbOVtsd0fbXBaI41S3e6rZs0veX1cwgOoo/s800/mail-box.png) no-repeat;}&lt;br /&gt;
.news-headline{position: relative;z-index: 999;font-size: 18px;padding-bottom:10px;font-weight:bold;}&lt;br /&gt;
&amp;lt;/style&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;topbox&quot;&amp;gt;&lt;br /&gt;
&amp;lt;center&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;news-headline&quot; color:=&quot;color:&quot;&amp;gt;&lt;br /&gt;
Get Free Email Updates&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;&lt;br /&gt;
&amp;lt;center&amp;gt;&lt;br /&gt;
&amp;lt;table border=&quot;0&quot;&amp;gt;&lt;br /&gt;
&amp;lt;tbody&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td style=&quot;padding-right: 4px;&quot;&amp;gt;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;https://twitter.com/DCrowDeveloper&lt;/span&gt;&lt;/b&gt;&quot; target=&quot;_blank&quot; title=&quot;Follow Me On Twitter&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGtlV7rmRvjFwMr6ms9MAB6WeT3g5PUbvvLvPyICJlgeKCoD0OKwG6ej_R7XKtGVLAsw9-pz3hKt6RIiWT3U2YowpdEG7Yv6PfBYAYhSNGsHmJNhNGC5uch2dl1Sd2hvYeDdNvumDAeIo/s1600/bloggertrix.com-twitter-icon.png&quot; style=&quot;height: 25px; width: 25px;&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td style=&quot;padding-right: 4px;&quot;&amp;gt;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;http://feeds.feedburner.com/D-crow&lt;/span&gt;&lt;/b&gt;&quot; target=&quot;_blank&quot; title=&quot;Subscribe Via RSS&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGZbwakTRaoZeShBiIZRxfqXUyuI6jJo4xzzhZif4mzD_Bx4W15WzSPS7mcS_MH-ACZZxPwj0MEyUI35GP2EGS0t-Gbrq7NNTEswZ4P-9vx4K7KF9-M9jtX9WvFnxRPmowT4gJhHv1g8/s1600/bloggertrix.com-rss-icon.png&quot; style=&quot;height: 25px; width: 25px;&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td style=&quot;padding-right: 4px;&quot;&amp;gt;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;http://www.facebook.com/uit.makassar.indonesia&lt;/span&gt;&lt;/b&gt;&quot; target=&quot;_blank&quot; title=&quot;Find Us On Facebook&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge-CEYX3p8XN_H6GSmtcZAL5TZOCXJFGBImSJ3EaFJxvuD0ovRU1CybPtLqLQ-wtYkGiZlJn_DA6MOjPFkGjNxbUnWq_EGbDJFN4dyfr-PtkWMsw7GwAI4RbSbADLQup1P8qGNDLbuXJE/s1600/bloggertrix.com-facebook-icon.png&quot; style=&quot;height: 25px; width: 25px;&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td style=&quot;padding-right: 4px;&quot;&amp;gt;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;https://plus.google.com/u/0/114337199120011402999&lt;/span&gt;&lt;/b&gt;&quot; target=&quot;_blank&quot; title=&quot;Add me on Google+&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8xNfJKAVywlIeQ8LCa_sFTyax_wACE-cMr213T5F2yTN3LYblNG-VGKzzMHOhEqtwb3dYPkwUw2DBmGBFoGvgo8JCIP7BFiBVAp0hbVD2ysBt6eixIuySxGLnPb8OK8iHonTTsqZ86WM/s1600/bloggertrix.com-google-icon.png&quot; style=&quot;height: 25px; width: 25px;&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td style=&quot;padding-right: 4px;&quot;&amp;gt;&amp;lt;a href=&quot;&lt;b&gt;&lt;span style=&quot;color: cyan;&quot;&gt;http://youtube.com/username&lt;/span&gt;&lt;/b&gt;&quot; target=&quot;_blank&quot; title=&quot;Add To Technorati&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_LRmMSr83SRosl6LQZKiec_Gq6oim8G4M0LRJp425X2IcAuOqQ7do9ti6dU-_siX7cM2xFsp5pLGChcgsT7Tlk9lCPuqqJtPWLhaoFpdrxvrM5Z13Fi4_rsQQ0a3cIrlPoLzmvhJY01M/s1600/bloggertrix.com-youtube-icon.png&quot; style=&quot;height: 25px; width: 25px;&quot; /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/center&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;news-letter&quot;&amp;gt;&lt;br /&gt;
&amp;lt;span class=&quot;msg-box&quot;&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;b&amp;gt;Berlangganan Via EmaiL&amp;lt;/b&amp;gt;&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;form action=&quot;http://feedburner.google.com/fb/a/mailverify&quot; method=&quot;post&quot; onsubmit=&quot;window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;D-crow&lt;/span&gt;&lt;/b&gt;&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true&quot; target=&quot;popupwindow&quot;&amp;gt;&lt;br /&gt;
&amp;lt;input class=&quot;ebutton3&quot; gtbfieldid=&quot;2&quot; maxlength=&quot;100&quot; name=&quot;email&quot; onfocus=&quot;this.value = &#39;&#39;;&quot; size=&quot;25&quot; style=&quot;color: #333333; font-size: 11px; height: 21px; width: 130px;&quot; type=&quot;text&quot; valign=&quot;middle&quot; value=&quot;Enter your email address&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;input name=&quot;uri&quot; type=&quot;hidden&quot; value=&quot;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;D-crow&lt;/span&gt;&lt;/b&gt;&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;input name=&quot;loc&quot; type=&quot;hidden&quot; value=&quot;en_US&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;input class=&quot;ebutton2&quot; id=&quot;submit&quot; style=&quot;font-size: 11px;&quot; type=&quot;submit&quot; value=&quot;Send&quot; /&amp;gt;&lt;br /&gt;
&amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;clear&quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&amp;lt;div class=&quot;clear&quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;b&gt;&lt;u&gt;CATATAN :&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Ganti&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;https://twitter.com/DCrowDeveloper&amp;nbsp;&lt;/span&gt;&lt;/b&gt;dengan URL twitter sobat&lt;/div&gt;
&lt;div&gt;
Ganti&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;http://feeds.feedburner.com/D-crow&amp;nbsp;&lt;/span&gt;&lt;/b&gt;Dengan URL Post Feedburner sobat&lt;/div&gt;
Ganti&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;http://www.facebook.com/uit.makassar.indonesia&amp;nbsp;&lt;/span&gt;&lt;/b&gt;Dengan URL fanspage fb sobat&lt;br /&gt;
&lt;div&gt;
Ganti&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: magenta;&quot;&gt;https://plus.google.com/u/0/114337199120011402999&amp;nbsp;&lt;/span&gt;&lt;/b&gt;Dengan URL G+ sobat&lt;/div&gt;
&lt;div&gt;
Ganti&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: cyan;&quot;&gt;http://youtube.com/username&amp;nbsp;&lt;/span&gt;&lt;/b&gt;dengan usename Youtube Atau URL sobat&lt;/div&gt;
&lt;div&gt;
Ganti&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: purple;&quot;&gt;D-crow&amp;nbsp;&lt;/span&gt;&lt;/b&gt;Dengan Nama URL Feedburner sobat&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/4624814986279102194/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-memasang-email-subscription-keren.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/4624814986279102194'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/4624814986279102194'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-memasang-email-subscription-keren.html' title='Cara Memasang Email Subscription Keren pada widget'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuJKC3Slo5_Nk7t5ZLDoUvQo1yvo16mwgylW1R9tcTalvBMpApZPcszlnCv0bW8RTa2YWexuaUXCAv1QjLCkrunAtr61Ft-UUYRm-6G56nbIf-0z8XbY8D3Df98cvQTc1mUVXo_Md4yX2r/s72-c/aaaaaccccc.PNG" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-5345552309071297449</id><published>2013-01-27T06:17:00.000-08:00</published><updated>2013-01-29T04:14:45.153-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>Gadget Blog 4 in 1 Dengan Fungsi Auto Hide </title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
GADGET 4 IN ONE&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8gdilwA2VXmiwczulpeynOO1kDtrNycO2OhM2_HWio8FQP33YGrQIOH-PaUE-5HiuMndHFLvrIHJBnbWVXJsIOenWKTmP5UWyANXwsi3zBAdqqqVYm84ebzqVNAvbyfRkt8n8reFqm9Eb/s1600/gadget.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;GADGET 4 IN ONE&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8gdilwA2VXmiwczulpeynOO1kDtrNycO2OhM2_HWio8FQP33YGrQIOH-PaUE-5HiuMndHFLvrIHJBnbWVXJsIOenWKTmP5UWyANXwsi3zBAdqqqVYm84ebzqVNAvbyfRkt8n8reFqm9Eb/s1600/gadget.jpg&quot; title=&quot;GADGET 4 IN ONE&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
&lt;b&gt;&lt;a href=&quot;http://sangatbecek.blogspot.com/2013/01/hakikat-teori-kebenaran-dalam-bahasa.html#_&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
Pada postingan sebelumnya saya sudah menejelaskan tentang &amp;nbsp;cara&lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/4-style-keren-social-media-bookmarking.html&quot; target=&quot;_blank&quot;&gt; Membuat social media Bookmarking 4style&lt;/a&gt;&amp;nbsp;&lt;/b&gt;Dan untuk pada postingan kali ini masih berhubungan dengan social media, di mana kita akan membuat &lt;b&gt;&lt;i&gt;&lt;span style=&quot;color: lime;&quot;&gt;Likebox pada facebook, twitter follower, google+ followers dan Email subscribe feedburner&lt;/span&gt;&lt;/i&gt;&lt;/b&gt; yang di gabung menjadi satu dan di desain sebagus mungkin agar tampil manarik dengan  fungsi Auto Hide menggunakan Efek Jquery. &lt;br /&gt;
&lt;br /&gt;
Cara pemasangan masih seperti Biasa&lt;br /&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Masuk ke Bloger sobat kemudain&lt;/li&gt;
&lt;li&gt;Menu tata letak kemudian&lt;/li&gt;
&lt;li&gt;Add gadget, HTML/javascript&lt;/li&gt;
&lt;li&gt;Dan masukkan kode di bawah ini ke dalam Gadget&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&amp;lt;style&amp;gt;img,a {border: 0;}#on {visibility: visible;}#off {visibility: hidden;}#facebook_div {width:196px;height: 340px;overflow: hidden;}#twitter_div {width: 246px;height: 353px;overflow: hidden;}#google_plus_div {width: 152px;height: 97px;overflow: hidden;margin-left: 50px;margin-top: 10px;}#knfeedburner_div {width: 300px;height: 97px;overflow: hidden;margin-top: 5px;margin-left: -4px;}#kakinetwork_div {width: 300px;height: 97px;overflow: hidden;}/* right side style */#facebook_right {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff;width: 196px;height: 353px;position: fixed;right: -200px;}#facebook_right img {position: absolute;top: -2px;left: -35px;}#facebook_right iframe {border: 0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left: -2px;top: -3px;}#twitter_right {z-index: 10004;border: 2px solid #6CC5FF;background-color: #6CC5FF;width: 246px;height: 353px;position: fixed;right: -250px;}#twitter_right_img {position: absolute;top: -2px;left: -35px;border: 0;}#google_plus_right {z-index: 10003;background-color: #F2F2F2;border: 2px solid #006ec9;border-top: 2px solid #0056a0;border-bottom: 2px solid #0056a0;border-right: 2px solid #0056a0;border-left: hidden;width: 152px;height: 97px;position: fixed;right: -154px;}#google_plus_right_img {position: absolute;top: -2px;left: -33px;&lt;br /&gt;
border: 0;}#feedburner_right {z-index: 10003;background-color: #fefefe;border: 2px solid #5b5b5b;border-top: 2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;border-right: 2px solid #5b5b5b;border-left: hidden;width: 300px;height: 97px;position: fixed;right: -303px;}&lt;br /&gt;
#feedburner_right_img {position: absolute;top: -2px;left: -33px;border: 0;}#kakinetwork_right {z-index: 10003;border: 2px solid #303030;background-color: #fff;width: 300px;height: 97px;position: fixed;}#kakinetwork_right img {position: absolute;top: -2px;left: -101px;}/* left side style */#facebook_left {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff;width: 196px;height: 353px;position: fixed;left: -200px;}#facebook_left img {position: absolute;top: -2px;right: -35px;}#facebook_left iframe {border: 0px solid #3c95d9;overflow: hidden;position: static;height: 360px;right: -2px;top: -3px;}#twitter_left {z-index: 10004;border: 2px solid #6CC5FF;background-color: #6CC5FF;width: 246px;height: 353px;position: fixed;left: -250px;}#twitter_left_img {position: absolute;top: -2px;right: -35px;&lt;br /&gt;
border: 0;}#google_plus_left {z-index: 10003;background-color: #006ec9;border: 2px solid #006ec9;border-top: 2px solid #0056a0;border-bottom: 2px solid #0056a0;border-left: 2px solid #0056a0;border-right: hidden;width: 152px;height: 97px;position: fixed;left: -154px;}#google_plus_left_img {position: absolute;top: -2px;right: -33px;border: 0;}#feedburner_left {z-index: 10003;background-color: #fefefe;border: 2px solid #5b5b5b;&lt;br /&gt;
border-top: 2px solid #5b5b5b;border-bottom: 2px solid #5b5b5b;borderleft:2pxsolid#5b5b5b;border-right: hidden;width: 300px;height: 97px;position: fixed;left: -303px;}#feedburner_left_img {position: absolute;top: -2px;right: -33px;border: 0;}&lt;br /&gt;
#kakinetwork_left {z-index: 10003;border: 2px solid #303030;background-color: #fff;width: 300px;height: 97px;position: fixed;}#kakinetwork_left img {position: absolute;top: -2px;&lt;br /&gt;
right: -101px;}.box-title1 {border: 1px solid #ddd;/*border-radius*/-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;/*box-shadow*/-webkit-box-shadow: 5px 5px 5px #CCCCCC;-moz-box-shadow: 5px 5px 5px #CCCCCC;box-shadow: 5px 5px 5px#CCCCCC;padding: 10px;margin: 10px 0;}.enteryouremail {background: #fff !important;&lt;br /&gt;
border: 1px solid #d2d2d2;padding: 0px 8px 0px 8px;color: #a19999;font-size: 12px;&lt;br /&gt;
height: 25px;width: 165px;/*border-radius*/-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius: 5px;margin: 0px;}.submitbutton {background: #F2F2F2;border: 1px solid #F66303;/*box-shadow*/-webkit-box-shadow: 3px 3px 3px #666;box-shadow: 3px 3px 3px #666;font: bold 12px Arial, sans-serif;color: #000000;height: 25px;padding: 0 12px 0 12px;margin: 0 0 0 5px;/*border-radius*/-webkit-border-radius: 5px;border-radius: 5px;&lt;br /&gt;
cursor: pointer;}/*----- Custom widget by http://d-crow.blogspot.com ----*/&lt;br /&gt;
&amp;lt;/style&amp;gt;&amp;lt;script src=&#39;http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&#39;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://apis.google.com/js/plusone.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;jQuery(document).ready(function(){ jQuery(&quot;#facebook_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -200}, 500); });    jQuery(&quot;#twitter_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#twitter_right&quot;).stop(true,false).animate({right: -250}, 500); });     jQuery(&quot;#google_plus_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#google_plus_right&quot;).stop(true,false).animate({right: -154}, 500); });    jQuery(&quot;#feedburner_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#feedburner_right&quot;).stop(true,false).animate({right: -303}, 500); });    });&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;on&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;facebook_right&quot; style=&quot;top: 18%;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;facebook_div&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe1XIi1s5cbv2kRpRsZplswmJCWGHpVbhYFzHfBr6EDRYyw0zlSMBZR6Dg1nbmwdfXLCyFr9XCCoItQZZpVNccXHD_JI7nSOjx4ZkbikEAIPTqbWy1TSIPW4jnl5m0TeHFVOfm_TziZA3E/s1600/facebook-icon.png&quot; alt=&quot;&quot;/&amp;gt;&lt;br /&gt;
&amp;lt;iframe src=&quot;//www.facebook.com/plugins/likebox.php?&lt;br /&gt;
href=http%3A%2F%2Fwww.facebook.com%2F&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;uit.makassar.indonesia&lt;/span&gt;&lt;/b&gt;&amp;amp;amp;width=200&amp;amp;amp;height=346&amp;amp;amp;colorscheme=light&amp;amp;amp;show_faces=true&amp;amp;amp;border_color&amp;amp;amp;stream=false&amp;amp;amp;header=false&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:200px; height:346px;&quot; allowtransparency=&quot;true&quot;&amp;gt;&lt;br /&gt;
&amp;lt;/iframe&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;on&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;twitter_right&quot; style=&quot;top: 35%;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;twitter_div&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img id=&quot;twitter_right_img&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG24RBgTHin_WvY6AJHuLArk356hZlT7gjUfDorQ79_Z9-XGxLW19RDju5X4oSEdCqv8c5ecWNMx6kUey4g-YgxQfFk8gqaSQeQN8myOFvFXRi3vDz5IXJqx7uev5-mvdPkfWaP0K9QBwz/s1600/twitter-icon.png&quot;/&amp;gt;&lt;br /&gt;
&amp;lt;script src=&quot;http://widgets.twimg.com/j/2/widget.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;new TWTR.Widget({version: 2,type: &#39;profile&#39;,rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: &#39;#63BEFD&#39;,color: &#39;#FFFFFF&#39;},tweets: {background: &#39;#FFFFFF&#39;,color: &#39;#000000&#39;,links: &#39;#47a61e&#39;}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: &#39;all&#39; }})&lt;br /&gt;
.render().setUser(&#39;&lt;b&gt;&lt;span style=&quot;color: blue;&quot;&gt;DCrowDeveloper&lt;/span&gt;&lt;/b&gt;&#39;).start();&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;on&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;google_plus_right&quot; style=&quot;top: 52%;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;google_plus_div&quot;&amp;gt;&lt;br /&gt;
&amp;lt;img id=&quot;google_plus_right_img&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirvAKzaeaXtradxI7iSo-b1SeBakQCY2Fwcc-LF7ww_4Fs2QJRVSZVZ5IPHWzwCdz6eD_WU8OOgVRDfk5YVw8bLROhFVsKxnP_QD_vWBEZS7oIIagaGlCiRkCnNW3cMNdjgRN6cZD88aaC/s1600/google-plus-icon.png&quot;/&amp;gt;&lt;br /&gt;
&amp;lt;div style=&quot;float:left;margin:10px 10px 10px 0;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;g:plusone size=&quot;tall&quot; expr:href=&quot;data:post.url&quot;&amp;gt;&amp;lt;/g:plusone&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;on&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;feedburner_right&quot; style=&quot; top: 69%;&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;knfeedburner_div&quot;&amp;gt;&lt;br /&gt;
&amp;lt;center&amp;gt;&lt;br /&gt;
&amp;lt;h4 style=&quot;color:#F66303;&quot;&amp;gt;You can also receive Free Email Updates:&amp;lt;/h4&amp;gt;&lt;br /&gt;
&amp;lt;form action=&quot;http://feedburner.google.com/fb/a/mailverify&quot; method=&quot;post&quot; target=&quot;popupwindow&quot; onsubmit=&quot;window.open&lt;br /&gt;
(&#39;http://feedburner.google.com/fb/a/mailverify?uri=&lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;D-crow&lt;/span&gt;&lt;/b&gt;&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true&quot;&amp;gt;&lt;br /&gt;
&amp;lt;input gtbfieldid=&quot;10&quot; class=&quot;enteryouremail&quot; name=&quot;email&quot; value=&quot;Enter your email here...&quot; onblur=&quot;if (this.value == &amp;amp;#39;&amp;amp;#39;) {this.value = &amp;amp;#39;Enter your email here...&amp;amp;#39;;}&quot; onfocus=&quot;if (this.value == &amp;amp;#39;Enter your email here...&amp;amp;#39;) {this.value = &amp;amp;#39;&amp;amp;#39;;}&quot; type=&quot;text&quot;/&amp;gt;&lt;br /&gt;
&amp;lt;input value=&quot;&lt;b&gt;&lt;span style=&quot;color: orange;&quot;&gt;D-crow&lt;/span&gt;&lt;/b&gt;&quot; name=&quot;uri&quot; type=&quot;hidden&quot;/&amp;gt;&amp;lt;input value=&quot;Submit&quot; class=&quot;submitbutton&quot; type=&quot;submit&quot;/&amp;gt;&lt;br /&gt;
&amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/center&amp;gt;&amp;lt;img id=&quot;feedburner_right_img&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYcSQJ1XSa-73TZn9OGTGN39hmWmk_hye2uzqAufP-CGQpr5thMJ2XhCs9fHgBpXbLHAq5IGeG34TbZDL5bZHZesdUwvra0KgBCFkKzaS_TKXTSJbqc5aWfURo6sBpJld-Vby_YZqSU5bu/s1600/subscribe-icon.png&quot;/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;b&gt;CATATAN :&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;Ganti&amp;nbsp;&lt;span style=&quot;color: red;&quot;&gt;uit.makassar.indonesia&amp;nbsp;&lt;/span&gt;Dengan username Fanspage Fb sobat&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Ganti&lt;span style=&quot;color: red;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;DCrowDeveloper&amp;nbsp;&lt;/span&gt;dengan username twitter sobat&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Ganti&lt;span style=&quot;color: blue;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: orange;&quot;&gt;D-crow&amp;nbsp;&lt;/span&gt;Dengan URL FeedBurner sobat.&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;b&gt;Untuk melihat contohnya... sobat bisa &lt;a href=&quot;http://sangatbecek.blogspot.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;kunjungi di sini&lt;/a&gt;..&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;terima kasih dan semoga bermanfaat.salam Blogger&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/5345552309071297449/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/gadget-blog-4-in-1-dengan-fungsi-auto.html#comment-form' title='5 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/5345552309071297449'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/5345552309071297449'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/gadget-blog-4-in-1-dengan-fungsi-auto.html' title='Gadget Blog 4 in 1 Dengan Fungsi Auto Hide '/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8gdilwA2VXmiwczulpeynOO1kDtrNycO2OhM2_HWio8FQP33YGrQIOH-PaUE-5HiuMndHFLvrIHJBnbWVXJsIOenWKTmP5UWyANXwsi3zBAdqqqVYm84ebzqVNAvbyfRkt8n8reFqm9Eb/s72-c/gadget.jpg" height="72" width="72"/><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-748589118285261336</id><published>2013-01-27T04:52:00.001-08:00</published><updated>2013-01-27T04:54:55.652-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="SEO Technique"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools Web-Blog"/><title type='text'>Cara memasang Alexa Rank Pada Blogspot</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
ALEXA RANK&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw19vb_-QRD75RJidyEheG7ulb5jEnJdJe6VX1nzesMGXjM_pnwV37rue0ksNqZU-luVtKyrXzYzDowcxpKDnW4-1muDOCe8gNy3_ksnvCXBqepUqq3UbudadUZ3ERRemqskVBCXOmAEID/s1600/alexa+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;ALEXA RANK&quot; border=&quot;0&quot; height=&quot;213&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw19vb_-QRD75RJidyEheG7ulb5jEnJdJe6VX1nzesMGXjM_pnwV37rue0ksNqZU-luVtKyrXzYzDowcxpKDnW4-1muDOCe8gNy3_ksnvCXBqepUqq3UbudadUZ3ERRemqskVBCXOmAEID/s320/alexa+icon.jpg&quot; title=&quot;ALEXA RANK&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
Gimana Cara memasang Alexa rank pada web/blog&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sebelum saya jelaskan tentang cara pemasangan Alexa rank, mungkin tidak ada salahnya kalau kita perlu juga mengetahui apa itu alexa rank,atau ranking alexa.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Alexa Rank adalah sebuah situs yang menyediakan fasilitas informasi tentang rangking atau peringkat suatu situs, yang didasarkan pada jumlah trafik pengunjung yang masuk ke situs tersebut.&lt;/div&gt;
&lt;br /&gt;
Untuk Lebih jelasnya di bawah ini merupakan Kutipan yang saya Ambil dari situs Alexa sendiri,&lt;br /&gt;
&lt;blockquote&gt;
The traffic rank is based on three months of aggregated historical traffic data from millions of Alexa Toolbar users and data obtained from other, diverse traffic data sources, and is a combined measure of page views and users (reach). As a first step, Alexa computes the reach and number of page views for all sites on the Web on a daily basis. The main Alexa traffic rank is based on a value derived from these two quantities averaged over time (so that the rank of a site reflects both the number of users who visit that site as well as the number of pages on the site viewed by those users). The three-month change is determined by comparing the site&#39;s current rank with its rank from three months ago. For example, on July 1, the three-month change would show the difference between the rank based on traffic during the first quarter of the year and the rank based on traffic during the second quarter.&lt;br /&gt;
&lt;br /&gt;&lt;/blockquote&gt;
&lt;h4 style=&quot;text-align: left;&quot;&gt;
&lt;/h4&gt;
&lt;h4 style=&quot;text-align: left;&quot;&gt;
Kembali ke topik AwaL... tentang cara pemasangan Alexa pada Blog.&lt;/h4&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Kunjungi Situs &lt;b&gt;&lt;a href=&quot;http://www.alexa.com/siteowners/widgets&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;ALEXA&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;Setelah &lt;b&gt;&lt;a href=&quot;http://www.alexa.com/siteowners/widgets&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Klik Situs ALEXA&lt;/a&gt;&lt;/b&gt; anda akan di bawa Kehalaman seperti pada gambar di bawah ini :&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhXb0gzErgAF-Hb83-GTPZDAYWbylu_A98w-NerjeSX5r997QZZW3TTgL4kFZS3ffnjVpLyk_oH65nBS46D0pii-0z9Dv3v8a1GpOjskY79icpyGDop4BXxDvsKjGvYmq1Iam0LeGuO7o/s1600/aaaaa.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Alexa rank pada web/blog&quot; border=&quot;0&quot; height=&quot;182&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxhXb0gzErgAF-Hb83-GTPZDAYWbylu_A98w-NerjeSX5r997QZZW3TTgL4kFZS3ffnjVpLyk_oH65nBS46D0pii-0z9Dv3v8a1GpOjskY79icpyGDop4BXxDvsKjGvYmq1Iam0LeGuO7o/s320/aaaaa.PNG&quot; title=&quot;Alexa rank pada web/blog&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Selanjutnya masukkan URL Blog atau WEB sobat pada kolom &amp;nbsp;yang di sediakan. dan lanjutkan dengan mengklik Build widget. Selanjutnya anda akan melihat halaman seperti di bawah ini :&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdcY96DTpKDae1d_7D-QPLZcrCV1q2EyrKZxhTEH9Evff9LQAcKmSA7wgNslQyU9lVwPG3HQ-adf8GVD1Q-PUFcLc-2APm-HA70i9NpAnoTfhXKpRuQ_Twm8F9PiFh8_BZgjQoZ-ciMKka/s1600/aaa22222.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Alexa rank pada web/blog&quot; border=&quot;0&quot; height=&quot;193&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdcY96DTpKDae1d_7D-QPLZcrCV1q2EyrKZxhTEH9Evff9LQAcKmSA7wgNslQyU9lVwPG3HQ-adf8GVD1Q-PUFcLc-2APm-HA70i9NpAnoTfhXKpRuQ_Twm8F9PiFh8_BZgjQoZ-ciMKka/s320/aaa22222.PNG&quot; title=&quot;Alexa rank pada web/blog&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Copy salah satu Script yang ada pada Kolom,sesuai dengan ukuran anda.Dan paste ke widget Blog anda.(selesai)&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
Terima kasih,, dan semoga Bisa membatu.&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/748589118285261336/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-memasang-alexa-rank-pada-blogspot.html#comment-form' title='8 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/748589118285261336'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/748589118285261336'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-memasang-alexa-rank-pada-blogspot.html' title='Cara memasang Alexa Rank Pada Blogspot'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw19vb_-QRD75RJidyEheG7ulb5jEnJdJe6VX1nzesMGXjM_pnwV37rue0ksNqZU-luVtKyrXzYzDowcxpKDnW4-1muDOCe8gNy3_ksnvCXBqepUqq3UbudadUZ3ERRemqskVBCXOmAEID/s72-c/alexa+icon.jpg" height="72" width="72"/><thr:total>8</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-6022364017633993923</id><published>2013-01-27T02:58:00.002-08:00</published><updated>2013-01-27T03:49:40.855-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Cara membuat Form Biodata Sederhana Dengan CSS&amp;HTML</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;
FORM BIOADATA SEDERHANA&lt;/h1&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6SkjRrWi4jYow-PcOrt5-5PCrse2CyqIQ7kmObD2EXOBqtztPc64OHYVHAIUwbjcbuzQTdXdTBFwaseCAZARd5BvDPN8H0mgm4pHvKTbyy9Rz5OWqk_V53YXUxTFxBDZIjQ-6P0m7Z0A/s1600/form+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;FORM BIOADATA SEDERHANA&quot; border=&quot;0&quot; height=&quot;213&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6SkjRrWi4jYow-PcOrt5-5PCrse2CyqIQ7kmObD2EXOBqtztPc64OHYVHAIUwbjcbuzQTdXdTBFwaseCAZARd5BvDPN8H0mgm4pHvKTbyy9Rz5OWqk_V53YXUxTFxBDZIjQ-6P0m7Z0A/s320/form+icon.jpg&quot; title=&quot;FORM BIOADATA SEDERHANA&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;h3&gt;
&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/dasar-dasar-css.html&quot; target=&quot;_blank&quot;&gt;FORM CSS&amp;nbsp;&lt;/a&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Selamat Sore, Salam Sejahtera Untuk Anak-Anak &lt;b&gt;&lt;a href=&quot;http://www.facebook.com/uit.makassar.indonesia&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;UNIVERSITAS INDONESIA TIMUR&lt;/a&gt;&lt;/b&gt;, Khsusnya Anak2 &lt;b&gt;&lt;a href=&quot;http://ek-11.blogspot.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;EK-11&lt;/a&gt;&lt;/b&gt; Fikom. Pada Kesempatan Kali ini saya Akan membahas Tentang bagaimana cara membuat &amp;nbsp;Form Biodata yang sederhana dengan menggunakan  CSS dan HTML.Tutor ini Merupakan salah satu ILMU yang di ajarkan Oleh Dosen saya &lt;b&gt;&lt;a href=&quot;http://www.facebook.com/gafur.jamada&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;gafur jamada&lt;/a&gt;&lt;/b&gt;,semoga Tutor ini bisa membantu dan Bermanfaat buat kawan-kawan Khususnya Anak2 Fikom itu sendiri.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Sedikit saya jelaskan kembaLi Tentang apa  itu Form,&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Form merupakan Elemen HTML yang di gunakan untuk mendapatkan masukan dari pengguna web.pengguna web dapat memasukkan input melalui halaman2 HTML. Elemen/tag di gunakan untuk membatasi input.dalam satu form dapat terdiri atas beberapa form akan tetapi hanya satu form yang dapat dikirimkan ke server dalam satu saat.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk mempersingkat waktu, langung aja ke TKP&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;blockquote&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Belajar CSS Buat Form&amp;lt;/title&amp;gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;#Sg4 {border:2px solid white; width:300px;height:200px;  border-radius:20px 20px 20px 20px ; margin : 90px; padding :0 30px 170px 30px; background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgUmkbFhPQpyiEAILXrwRliEn7GBt2XLSEqa6QRRjVUldi_Mwx7lWXAGyhwlWDukLiw9BD8HoX7xCL_mGoVDzmVAfZq3D_22WuQ7Hcsimv1-RCVgsx5xeobvGG9ghUEk9qoZZ1AXiVn_f1/s600/Black-crow.jpg&#39;);&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;background-repeat:no-repeat;}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;h2 { color : white ; text-align :left ;text-decoration : blink}&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body bgcolor=&quot;Red&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div align=&quot;center&quot;&amp;gt;&lt;br /&gt;
&amp;lt;div id=&quot;sg4&quot;&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;Form Biodata sederhana&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;table cellspacing=&quot;9&quot;&amp;gt;&lt;br /&gt;
&amp;lt;form&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td width=&quot;100&quot;&amp;gt;Nama&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt; &amp;lt;input name=&quot;textfield&quot; type=&quot;text&quot; size=&quot;30&quot; /&amp;gt; &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Alamat&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt; &amp;lt;input name=&quot;textfield2&quot; type=&quot;text&quot; size=&quot;30&quot; /&amp;gt; &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Password&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt; &amp;lt;input name=&quot;textfield3&quot; type=&quot;password&quot; size=&quot;30&quot; /&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Jenis Kelamin &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&amp;lt;input name=&quot;radiobutton&quot; type=&quot;radio&quot; value=&quot;radiobutton&quot; /&amp;gt; pria &amp;lt;input name=&quot;radiobutton&quot; type=&quot;radio&quot; value=&quot;radiobutton&quot; /&amp;gt; wanita &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Tgl Lahir &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&lt;br /&gt;
&amp;lt;label&amp;gt;&lt;br /&gt;
&amp;lt;select name=&quot;select&quot;&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;01&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;02&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;03&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;04&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;05&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;06&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;07&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;08&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;09&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;10&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;/select&amp;gt;&lt;br /&gt;
&amp;lt;/label&amp;gt;&lt;br /&gt;
&amp;lt;label&amp;gt;&lt;br /&gt;
&amp;lt;select name=&quot;select2&quot;&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;januari&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;Februari&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;maret&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;april&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;/select&amp;gt;&lt;br /&gt;
&amp;lt;/label&amp;gt;&lt;br /&gt;
&amp;lt;select name=&quot;select3&quot;&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2000&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2001&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2002&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2003&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2004&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2005&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2006&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2007&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;option&amp;gt;2008&amp;lt;/option&amp;gt;&lt;br /&gt;
&amp;lt;/select&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Hobby&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;Membaca&amp;lt;input type=&quot;checkbox&quot; name=&quot;checkbox2&quot; value=&quot;checkbox&quot; /&amp;gt; Jalan-jalan &amp;lt;input type=&quot;checkbox&quot; name=&quot;checkbox3&quot; value=&quot;checkbox&quot; /&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt; &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&amp;lt;input type=&quot;submit&quot; name=&quot;Submit&quot; value=&quot;Submit&quot; /&amp;gt; &amp;lt;input type=&quot;reset&quot; name=&quot;reset&quot; value=&quot;reset&quot; /&amp;gt; &amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/form&amp;gt; &amp;lt;/table&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;CAT : warna merah merupakan Elemen CSS.&amp;nbsp;&lt;/span&gt;dan untuk melihat contoh Hasil, sobat bisa lihat pada gambar di atas&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
Dan Bagi sobat yang ingin mengetahui Lebih lanjut Fungsi dan defenisi masing Elemen Yang di gunakan diatas sobat bisa membaca di &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/2013/01/tag-tag-html.html&quot; target=&quot;_blank&quot;&gt;Tag-tag HTML&lt;/a&gt;&lt;/b&gt; Dan &lt;a href=&quot;http://d-crow.blogspot.com/2013/01/property-yang-digunakan-dalam-css.html&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Property yang di gunakan Di CSS&amp;nbsp;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/6022364017633993923/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-membuat-form-biodata-sederhana.html#comment-form' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6022364017633993923'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6022364017633993923'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-membuat-form-biodata-sederhana.html' title='Cara membuat Form Biodata Sederhana Dengan CSS&amp;HTML'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6SkjRrWi4jYow-PcOrt5-5PCrse2CyqIQ7kmObD2EXOBqtztPc64OHYVHAIUwbjcbuzQTdXdTBFwaseCAZARd5BvDPN8H0mgm4pHvKTbyy9Rz5OWqk_V53YXUxTFxBDZIjQ-6P0m7Z0A/s72-c/form+icon.jpg" height="72" width="72"/><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-3311836060590587963</id><published>2013-01-26T09:04:00.000-08:00</published><updated>2013-01-27T06:20:38.999-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="JQuery"/><title type='text'>13 style Menu Navigasi Horizontal</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Ass.. Wr.Wb.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Selamat malam dan salam sejahtera buat para Webdesainer.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Pada Postingan kali ini berbeda dengan postingan saya sebelum-sebelumnya, di mana pada kesempatan ini saya Akan Berbagi 13 style menu navigasi yang di kumpulkan dari berbagai macam2 sumber yang berbeda-beda&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Seperti yang telah kita ketahui menu navigasi merupakan  salah satu media  yang  membantu pengunjung cepat menemukan konten yang mereka inginkan. Hal ini juga dapat membantu mesin pencari memahami halaman yang menurut Anda paling penting dalam situs web Anda.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Dan bagi sobat yang hobbi nya ngotak atik template atau lebih cenderung ingin menjadi web desainer yang Hebat,mungkin  salah satu menu navigasi di bawah ini bisa menjadi bahan refensi anda.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
Create a Slick Menu using CSS3&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpQ8rTbqbEB68t9a-6DqzdVh-d04WihUKcXe0w6Np37Ftu0SIbIgOOOlY4_Yu8v6raLt5UBSB9gn3FCLTliCwNi48v52qDdnMzuhMnrPbXs5aejrZHPri20rU8piRX2c1Efy7NjnQ1OcK/s1600/Create+a+Slick+Menu+using+CSS3.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Create a Slick Menu using CSS3&quot; border=&quot;0&quot; height=&quot;34&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpQ8rTbqbEB68t9a-6DqzdVh-d04WihUKcXe0w6Np37Ftu0SIbIgOOOlY4_Yu8v6raLt5UBSB9gn3FCLTliCwNi48v52qDdnMzuhMnrPbXs5aejrZHPri20rU8piRX2c1Efy7NjnQ1OcK/s320/Create+a+Slick+Menu+using+CSS3.png&quot; title=&quot;Create a Slick Menu using CSS3&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://insicdesigns.com/demo/css3/exp2/index.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://blog.insicdesigns.com/2010/02/create-a-slick-menu-using-css3/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
CSS Express Drop-Down Menus&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowzRMJfWLvWNAdlDeV-CzaBvH6N8K9cs0Cjz8xMEWDjmulZqlVo_prvh1kslxkqvjvakA4Jnc8kr5vGYKa8dWDnoATG70-OU26NTqcSe_xx0idR-oVdIRHJl9c5ZjzTkyp6fEVnyHTIrV/s1600/CSS+Express+Drop-Down+Menus.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;CSS Express Drop-Down Menus&quot; border=&quot;0&quot; height=&quot;111&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowzRMJfWLvWNAdlDeV-CzaBvH6N8K9cs0Cjz8xMEWDjmulZqlVo_prvh1kslxkqvjvakA4Jnc8kr5vGYKa8dWDnoATG70-OU26NTqcSe_xx0idR-oVdIRHJl9c5ZjzTkyp6fEVnyHTIrV/s320/CSS+Express+Drop-Down+Menus.png&quot; title=&quot;CSS Express Drop-Down Menus&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.projectseven.com/tutorials/navigation/auto_hide/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
Nicer Navigation with CSS Transitions&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_tfEJuTh2t7a04MXQmjhFUWPp0MruHWzm5C38s3QOaMtKNL-YCJ2DrDvImxftv2qfKk2sxEJDJq6z77gJP1DgRPhSDBwyXewjWXbYqcM_rR7R-AI-JCqgxQ2TlwHRSBe0v9P3sUQdSKS/s1600/Nicer+Navigation+with+CSS+Transitions.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Nicer Navigation with CSS Transitions&quot; border=&quot;0&quot; height=&quot;136&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_tfEJuTh2t7a04MXQmjhFUWPp0MruHWzm5C38s3QOaMtKNL-YCJ2DrDvImxftv2qfKk2sxEJDJq6z77gJP1DgRPhSDBwyXewjWXbYqcM_rR7R-AI-JCqgxQ2TlwHRSBe0v9P3sUQdSKS/s320/Nicer+Navigation+with+CSS+Transitions.png&quot; title=&quot;Nicer Navigation with CSS Transitions&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.gethifi.com/blog/nicer-navigation-with-css-transitions&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.gethifi.com/blog/nicer-navigation-with-css-transitions&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
Pure CSS Menu With Infinite Sub Menus Tutorial&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCIuDhbd6LgoU9Jcsj3SW7yetVZsavdBnYh3wfUiTY21wRlrFB_f_RhzUBuG3UENAFN4VWMXVdXA8gNDWQFpNpWO4yj5EbytMgueulTWSayX1th4kYWW9LoJZ7QlYFmr7XCrnTF89QSO8q/s1600/Pure+CSS+Menu+With+Infinite+Sub+Menus+Tutorial.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Pure CSS Menu With Infinite Sub Menus Tutorial&quot; border=&quot;0&quot; height=&quot;109&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCIuDhbd6LgoU9Jcsj3SW7yetVZsavdBnYh3wfUiTY21wRlrFB_f_RhzUBuG3UENAFN4VWMXVdXA8gNDWQFpNpWO4yj5EbytMgueulTWSayX1th4kYWW9LoJZ7QlYFmr7XCrnTF89QSO8q/s320/Pure+CSS+Menu+With+Infinite+Sub+Menus+Tutorial.png&quot; title=&quot;Pure CSS Menu With Infinite Sub Menus Tutorial&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.devinrolsen.com/wp-content/themes/typebased/demos/css/infinite-sub-menu/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.devinrolsen.com/pure-css-menu-with-infinite-sub-menus-tutorial/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
CSS3 Dropdown Menu&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC91fWafoi5QVWNb984hEi1fXVcEyx1otCyzfVaQSLBsBfGzJMzvq06312iWtniO9_igxH1C5B4ye-XvZJRppHV_0e4deOubS6K5mRrmsNjnSqGYcY7uag_G5yvnXSdFw-lGB2Fdl_VgiH/s1600/CSS3+Dropdown+Menu.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;CSS3 Dropdown Menu&quot; border=&quot;0&quot; height=&quot;64&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC91fWafoi5QVWNb984hEi1fXVcEyx1otCyzfVaQSLBsBfGzJMzvq06312iWtniO9_igxH1C5B4ye-XvZJRppHV_0e4deOubS6K5mRrmsNjnSqGYcY7uag_G5yvnXSdFw-lGB2Fdl_VgiH/s320/CSS3+Dropdown+Menu.png&quot; title=&quot;CSS3 Dropdown Menu&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.webdesignerwall.com/demo/css3-dropdown-menu/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://webdesignerwall.com/tutorials/css3-dropdown-menu&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
CSS dropdown menu without javascripting or hacks&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxGhpJW4H9vS-mZCKFPTNKr92jTD-FznMqHbyIOJELHriLtGTM-XvGdeLpPwVD2nuaw-kza-F55YmBT802AhnmTfbG2TCuld-9eY4Rf-BMTFcOASTkUiCoCc_lurzbFN-jSAz1N6Hi-hb/s1600/CSS+dropdown+menu+without+javascripting+or+hacks.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;CSS dropdown menu without javascripting or hacks&quot; border=&quot;0&quot; height=&quot;108&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxGhpJW4H9vS-mZCKFPTNKr92jTD-FznMqHbyIOJELHriLtGTM-XvGdeLpPwVD2nuaw-kza-F55YmBT802AhnmTfbG2TCuld-9eY4Rf-BMTFcOASTkUiCoCc_lurzbFN-jSAz1N6Hi-hb/s320/CSS+dropdown+menu+without+javascripting+or+hacks.png&quot; title=&quot;CSS dropdown menu without javascripting or hacks&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.texaswebdevelopers.com/blog/examples/ddmenu2.asp&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.texaswebdevelopers.com/blog/template_permalink.asp?id=129&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
Create Vimeo-like top navigation&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNstneuowKN9Y1YRl1sARVMkHQqKu8nS0vDjGTsSJr7k2o3UQokVdR9xRxiyynp2PqGk6jfwy5aZpnFQwhhCGUPBO_E1E1jRGzXGDJPTKImX23CVLqs8ff2VTXSrL6TFUO-NRFfI_9mIKN/s1600/Create+Vimeo-like+top+navigation.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Create Vimeo-like top navigation&quot; border=&quot;0&quot; height=&quot;172&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNstneuowKN9Y1YRl1sARVMkHQqKu8nS0vDjGTsSJr7k2o3UQokVdR9xRxiyynp2PqGk6jfwy5aZpnFQwhhCGUPBO_E1E1jRGzXGDJPTKImX23CVLqs8ff2VTXSrL6TFUO-NRFfI_9mIKN/s320/Create+Vimeo-like+top+navigation.png&quot; title=&quot;Create Vimeo-like top navigation&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.jankoatwarpspeed.com/create-vimeo-like-top-navigation/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.jankoatwarpspeed.com/create-vimeo-like-top-navigation/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
Pure CSS Fish Eye Menu&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkMvNpTI-HoRHauqKY3LS2Y7BXsBQ0Q2SRrU4b7yQ8WVkud58XyZQOas2GebZHpIXk-Xvj7JODwOnPjXebSFexSFHliV7ixyzW0insP5EUCMjjOJMe1xTRBb4P2KtaVweD30MTJ9bGbE_K/s1600/Pure+CSS+Fish+Eye+Menu.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Pure CSS Fish Eye Menu&quot; border=&quot;0&quot; height=&quot;100&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkMvNpTI-HoRHauqKY3LS2Y7BXsBQ0Q2SRrU4b7yQ8WVkud58XyZQOas2GebZHpIXk-Xvj7JODwOnPjXebSFexSFHliV7ixyzW0insP5EUCMjjOJMe1xTRBb4P2KtaVweD30MTJ9bGbE_K/s320/Pure+CSS+Fish+Eye+Menu.png&quot; title=&quot;Pure CSS Fish Eye Menu&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.jampmark.com/html+css-techniques-demos/pure-css-fish-eye-menu-demo.html#expandDown&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;div&gt;
&lt;h3&gt;
A centered menu with gradient and two pointers&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Yzl7shTraDn48H7qHjIkoi911yxM3Z55u3si4D3W7bvHgL-wj7AyZby8D1qpmjcFO1CEepkAzDrXmSRYaILtVLitBQzptBuQsUNMhUkzbcmzr1u5CykTJ0sM-p9IIE27suM1P36uZiXs/s1600/A+centered+menu+with+gradient+and+two+pointers.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;A centered menu with gradient and two pointers&quot; border=&quot;0&quot; height=&quot;45&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Yzl7shTraDn48H7qHjIkoi911yxM3Z55u3si4D3W7bvHgL-wj7AyZby8D1qpmjcFO1CEepkAzDrXmSRYaILtVLitBQzptBuQsUNMhUkzbcmzr1u5CykTJ0sM-p9IIE27suM1P36uZiXs/s320/A+centered+menu+with+gradient+and+two+pointers.png&quot; title=&quot;A centered menu with gradient and two pointers&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.cssplay.co.uk/menus/two_points.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.cssplay.co.uk/menus/two_points.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
Solid Block Menu&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3c38qV0fYpzgoTYT0CAjgHONgiT55Hh7xrvfh6tzkpfzOqFFcl9Jsj8RCWz6mr9f6jx-3EvwFJFBx0Ubt-vseqTr94HyQlNqHiTBfpG0XXubu8bosOh-OFCw9DRLJaWasQxYYEsw41WpC/s1600/Solid+Block+Menu.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Solid Block Menu&quot; border=&quot;0&quot; height=&quot;29&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3c38qV0fYpzgoTYT0CAjgHONgiT55Hh7xrvfh6tzkpfzOqFFcl9Jsj8RCWz6mr9f6jx-3EvwFJFBx0Ubt-vseqTr94HyQlNqHiTBfpG0XXubu8bosOh-OFCw9DRLJaWasQxYYEsw41WpC/s320/Solid+Block+Menu.png&quot; title=&quot;Solid Block Menu&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
Sleek Pointer Menu&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7yfuRcrCixEn35QSO7P9X2-7zpHIXM7LJ4KVFXBlHlmEKzeoJUT3nuF4I9BImL3TSnlFimWSTIMgH1bUMP0-JB2v-xcvOK-E9XfPkVaXjE1GKbF0gwe6fpE2zSjATkt5YuvbLvn9qC4x/s1600/Sleek+Pointer+Menu.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Sleek Pointer Menu&quot; border=&quot;0&quot; height=&quot;28&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7yfuRcrCixEn35QSO7P9X2-7zpHIXM7LJ4KVFXBlHlmEKzeoJUT3nuF4I9BImL3TSnlFimWSTIMgH1bUMP0-JB2v-xcvOK-E9XfPkVaXjE1GKbF0gwe6fpE2zSjATkt5YuvbLvn9qC4x/s320/Sleek+Pointer+Menu.png&quot; title=&quot;Sleek Pointer Menu&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
Centered Tabs with CSS&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrnnnWjpZGQrABK7-zK5PAmWPFtaamtfUv13yi2wAuyFwgqfsjy0Jc7PyqxE1BOFu1P_gXo1Y7jIAPBVYlNhpJNzusAS1dyxBYGe3lCUuNMKgZlYaSY0D439UxiJaTcQfeO3XnjqPhxXXv/s1600/Centered+Tabs+with+CSS.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Centered Tabs with CSS&quot; border=&quot;0&quot; height=&quot;46&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrnnnWjpZGQrABK7-zK5PAmWPFtaamtfUv13yi2wAuyFwgqfsjy0Jc7PyqxE1BOFu1P_gXo1Y7jIAPBVYlNhpJNzusAS1dyxBYGe3lCUuNMKgZlYaSY0D439UxiJaTcQfeO3XnjqPhxXXv/s320/Centered+Tabs+with+CSS.png&quot; title=&quot;Centered Tabs with CSS&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h4&gt;
&lt;a href=&quot;http://24ways.org/examples/centered-tabs-with-css/final.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://24ways.org/2005/centered-tabs-with-css/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
Animated horizontal tabs&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZHYJOjTIjezNbSXZ3Qp_QhZMQ0n6tc3A49fvb4kXwRGXJjt3zf7B6tcZ94Rn8QkRqysJM3mAxu-nC0zpCyDc_YL-53-ED0Y3ATB16yfR0oXQdPEpUt8fXUJdRoI4C89Q0M_x9DyjVnL3/s1600/Animated+horizontal+tabs.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;Animated horizontal tabs&quot; border=&quot;0&quot; height=&quot;42&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZHYJOjTIjezNbSXZ3Qp_QhZMQ0n6tc3A49fvb4kXwRGXJjt3zf7B6tcZ94Rn8QkRqysJM3mAxu-nC0zpCyDc_YL-53-ED0Y3ATB16yfR0oXQdPEpUt8fXUJdRoI4C89Q0M_x9DyjVnL3/s320/Animated+horizontal+tabs.png&quot; title=&quot;Animated horizontal tabs&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h4&gt;
&lt;h4&gt;
&lt;a href=&quot;http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;SUMBER ARTIKEL&lt;/a&gt;&lt;/h4&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: left;&quot;&gt;
&lt;b&gt;TERIMA KASIH DAN SEMOGA ARTIKEL INI BISA MEMBANTU.&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/3311836060590587963/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/13-style-menu-navigasi-horizontal.html#comment-form' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/3311836060590587963'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/3311836060590587963'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/13-style-menu-navigasi-horizontal.html' title='13 style Menu Navigasi Horizontal'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpQ8rTbqbEB68t9a-6DqzdVh-d04WihUKcXe0w6Np37Ftu0SIbIgOOOlY4_Yu8v6raLt5UBSB9gn3FCLTliCwNi48v52qDdnMzuhMnrPbXs5aejrZHPri20rU8piRX2c1Efy7NjnQ1OcK/s72-c/Create+a+Slick+Menu+using+CSS3.png" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-6072062539634099093</id><published>2013-01-26T06:23:00.000-08:00</published><updated>2013-01-26T06:23:10.559-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>Cara Mentautkan Gambar Feed pada LabeL</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;h2 style=&quot;text-align: center;&quot;&gt;
MODIFIKASI LABEL KATEGORI&lt;/h2&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfigP1nvgsEvApymdy-HgZrj8W8moFAwwRXgG1fssuOPBhkCVagKGY1Q8cfKuv24Jhh2S3luu3i8AlIONLPM-cofFiT7WMbyTJBitGB49NaMI8Ko18hzHaiAWbqGRlytBPVoEpFGjxdsx7/s1600/Capture.PNG&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MODIFIKASI LABEL KATEGORI&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfigP1nvgsEvApymdy-HgZrj8W8moFAwwRXgG1fssuOPBhkCVagKGY1Q8cfKuv24Jhh2S3luu3i8AlIONLPM-cofFiT7WMbyTJBitGB49NaMI8Ko18hzHaiAWbqGRlytBPVoEpFGjxdsx7/s1600/Capture.PNG&quot; title=&quot;MODIFIKASI LABEL KATEGORI&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3&gt;
&lt;a href=&quot;http://d-crow.blogspot.com/p/site-map.html&quot; target=&quot;_blank&quot;&gt;LABEL&lt;/a&gt;&lt;/h3&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Bagi sobat yang suka Otak-Atik template dan ingin Tampilan Blog Berbeda dengan yang biasanya, mungkin tutor kali ini bisa menjawab,atau membantu sobat. Pada Tutor kali ini membahas bagaimana cara men Tautkan gambar&lt;b&gt; &lt;a href=&quot;http://d-crow.blogspot.com/2013/01/daftar-blog-ke-feedburner-google.html&quot; target=&quot;_blank&quot;&gt;FEED&lt;/a&gt;&lt;/b&gt; pada &lt;b&gt;&lt;a href=&quot;http://d-crow.blogspot.com/search/label/Blogger%20Tutorial&quot; target=&quot;_blank&quot;&gt;LABEL&lt;/a&gt;&lt;/b&gt;.Dan bagi Sobat yang ingin mencobanya, Berikut adalah caranya :&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Masuk ke blog anda&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Pilih menu template kemudian&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Pilih,Edit HTML dan centang expand widget tempale kemudian&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Cari kode di bawah ini dengan menggunakan CTRL F&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
&amp;lt;b:loop values=&#39;data:labels&#39; var=&#39;label&#39;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;b:if cond=&#39;data:blog.url == data:label.url&#39;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;span expr:dir=&#39;data:blog.languageDirection&#39;&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/span&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;b:else/&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;a expr:dir=&#39;data:blog.languageDirection&#39; expr:href=&#39;data:label.url&#39;&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/b:if&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;span dir=&#39;ltr&#39;/&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/b:loop&amp;gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;&lt;b&gt;&lt;i&gt;Jika sudah ketemu, ganti Kode Tersebut dengan kode yang ada di bawah ini&lt;/i&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&amp;lt;b:loop values=&#39;data:labels&#39; var=&#39;label&#39;&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&lt;br /&gt;
&amp;lt;a expr:href=&#39;data:blog.homepageUrl + &amp;amp;quot;feeds/posts/default/-/&amp;amp;quot; + data:label.name&#39;&amp;gt;&amp;lt;img alt=&#39;Subscribe&#39; src=&#39;http://www.feedburner.com/fb/images/pub/feed-icon16x16.png&#39; style=&#39;vertical-align:middle;border:0&#39;/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond=&#39;data:blog.url == data:label.url&#39;&amp;gt;&lt;br /&gt;
&amp;lt;span expr:dir=&#39;data:blog.languageDirection&#39;&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;b:else/&amp;gt;&lt;br /&gt;
&amp;lt;a expr:dir=&#39;data:blog.languageDirection&#39; expr:href=&#39;data:label.url&#39;&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;span dir=&#39;ltr&#39;/&amp;gt;&lt;br /&gt;
&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/b:loop&amp;gt;&lt;/blockquote&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Dan yang Terkahir. simpan Tempale..&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Untuk melihat Contoh Hasil, Sobat Bisa Lihat pada Gambar Di atas.&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/6072062539634099093/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-mentautkan-gambar-feed-pada-label.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6072062539634099093'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/6072062539634099093'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/cara-mentautkan-gambar-feed-pada-label.html' title='Cara Mentautkan Gambar Feed pada LabeL'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfigP1nvgsEvApymdy-HgZrj8W8moFAwwRXgG1fssuOPBhkCVagKGY1Q8cfKuv24Jhh2S3luu3i8AlIONLPM-cofFiT7WMbyTJBitGB49NaMI8Ko18hzHaiAWbqGRlytBPVoEpFGjxdsx7/s72-c/Capture.PNG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2395972371606579955.post-3732472409241232818</id><published>2013-01-26T05:21:00.003-08:00</published><updated>2013-01-26T05:24:32.131-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogger Tutorial"/><title type='text'>Menu Vertikal Pada widget 3 Macam Style</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;
MENU VERTIKAL&lt;/h2&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRBakQazh_H5ICzmNde5YMEvPGqxsk3KFSP_LwVk0JubteeZL3FE5gfQLK9JTQUE3HtnixI5fY8KuuQuNcvCdg2Jtv0wYN-xn6oNQnb2z4dp3jb1A4WyMyow_qHSZ6keHXgMmELFdGsk4f/s1600/vertikal+icon.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MENU VERTIKAL&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRBakQazh_H5ICzmNde5YMEvPGqxsk3KFSP_LwVk0JubteeZL3FE5gfQLK9JTQUE3HtnixI5fY8KuuQuNcvCdg2Jtv0wYN-xn6oNQnb2z4dp3jb1A4WyMyow_qHSZ6keHXgMmELFdGsk4f/s1600/vertikal+icon.jpg&quot; title=&quot;MENU VERTIKAL&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;
&lt;a href=&quot;http://paccoromanu.blogspot.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;DEMO&lt;/a&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Selamat malam,salam sejahtera selalu. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Tutor kali ini masih Berhubungan dengan Blogger,di mana kita akan membuat Menu Vertikal pada widget… Menu Pada Blog atau web merupakan Hal yang Ter penting, karna menu merupakan salah satu Media  yang bisa memudahkan para pengunjung untuk Menavigasi atau Mencari konten yang di inginkannya. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Fungsi lain dari menu vertical ini adalah, selain mempunyai Tampilan yang Menarik dan sederhana juga tidak memberatkan Halaman anda,Dan juga Tersedia 3 macam style yang Bebeda beda. &lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Untuk mempersingkat waktu, langsung aja Ke TKP.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Masuk Ke blogger&lt;/li&gt;
&lt;li&gt;Pilih menu tata letak kemudian&lt;/li&gt;
&lt;li&gt;Add gadget, HTML/javaScript dan&lt;/li&gt;
&lt;li&gt;Masukkan salah satu kode di bawah ini yang pass untuk anda :&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;h4 style=&quot;text-align: center;&quot;&gt;
STYLE 01&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzN3sn_Yr4cq3J9HwqF-zdb82ZXN_Ix9EsmCaZnPwS4UbkczR9KTv-ViL6pRwHI1BWrIzVJj-vQ40A58SHBjEVTxiWxIkQBfJJ3KJPe1tx8YxskzytGtLqigby-jMiIEN3m8MXAt879EoS/s1600/CSS+Vertical+Menu+Tutorials-Menu+8.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MENU VERTIKAL&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzN3sn_Yr4cq3J9HwqF-zdb82ZXN_Ix9EsmCaZnPwS4UbkczR9KTv-ViL6pRwHI1BWrIzVJj-vQ40A58SHBjEVTxiWxIkQBfJJ3KJPe1tx8YxskzytGtLqigby-jMiIEN3m8MXAt879EoS/s1600/CSS+Vertical+Menu+Tutorials-Menu+8.png&quot; title=&quot;MENU VERTIKAL&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;KODE 1&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
&amp;lt;style&amp;gt;
&lt;/div&gt;
&lt;div&gt;
#menu8 {width: 200px;margin: 10px;border-style: solid;border-color: #656556;border-size: 0px;border-width: 1px;}&lt;/div&gt;
&lt;div&gt;
#menu8 ul {list-style: none;margin: 0;padding: 0;}&lt;/div&gt;
&lt;div&gt;
#menu8 img {border: none;}&lt;/div&gt;
&lt;div&gt;
#menu8 li a {height: 32px;voice-family: &amp;amp;quot;\&amp;amp;quot;}\&amp;amp;quot;&amp;amp;quot;;voice-family: inheritheight: 24px;text-decoration: none;}&lt;/div&gt;
&lt;div&gt;
#menu8 li a:link, #menu8 li a:visited {color: #656556;display: block;background: &amp;nbsp;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJUGzM8AuUn4GQBr4cvcNQukEq0dy2vqYSmJusxwsZTm1-ggHxXI98se69bL_d0kdoA2axUSujl2Zkxpi6CbOi3MddYbX-sdIx7E4ole6yscehvCifgOanYnpm5ZfGqwG0uBoHssDHFVv/);padding: 8px 0 0 20px;}&lt;/div&gt;
&lt;div&gt;
#menu8 li a:hover, #menu8 li #current {color: #474739;background: &amp;nbsp;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJUGzM8AuUn4GQBr4cvcNQukEq0dy2vqYSmJusxwsZTm1-ggHxXI98se69bL_d0kdoA2axUSujl2Zkxpi6CbOi3MddYbX-sdIx7E4ole6yscehvCifgOanYnpm5ZfGqwG0uBoHssDHFVv/) 0 -32px;padding: 8px 0 0 20px;}&lt;/div&gt;
&lt;div&gt;
&amp;lt;/style&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;div id=&quot;menu8&quot;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;ul&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a id=&quot;current&quot; href=&quot;#&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Home&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;HTML&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;CSS&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;JavaScript&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Templates&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;About&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Contact&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/ul&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;h4 style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/h4&gt;
&lt;h4 style=&quot;text-align: center;&quot;&gt;
STYLE 02&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcxBFTSX2sHvBCN3UaK6-lPvsTLc4yiZZGSbPeBk3zV5Vr15uczwvWCquQXIfV8V2jxKbRffFACV0f2vb_l8LeXl2rxj8xea3iyLsbrjxy_Dxxk20DmMcQLpPUnOxJDkrqMdNoJRg_Bw4/s1600/CSS+Vertical+Menu+Tutorials-Menu+12.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MENU VERTIKAL&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzcxBFTSX2sHvBCN3UaK6-lPvsTLc4yiZZGSbPeBk3zV5Vr15uczwvWCquQXIfV8V2jxKbRffFACV0f2vb_l8LeXl2rxj8xea3iyLsbrjxy_Dxxk20DmMcQLpPUnOxJDkrqMdNoJRg_Bw4/s1600/CSS+Vertical+Menu+Tutorials-Menu+12.png&quot; title=&quot;MENU VERTIKAL&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;KODE 2&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
&amp;lt;style&amp;gt;&lt;/div&gt;
&lt;div&gt;
#menu12 {width: 200px;margin: 10px;}&lt;/div&gt;
&lt;div&gt;
#menu12 ul {list-style: none;margin: 0;padding: 0;}&lt;/div&gt;
&lt;div&gt;
#menu12 img {border: none;}&lt;/div&gt;
&lt;div&gt;
#menu12 li a {height: 32px;voice-family: &quot;\&quot;}\&quot;&quot;;voice-family: inherit;height: 22px;text-decoration: none;}&lt;/div&gt;
&lt;div&gt;
#menu12 li a:link, #menu12 li a:visited {color: #666;display: block;background: &amp;nbsp;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Yjy4Kui82yTrhUWj7uKtk23CTA4pav5houkGUmvkeZaK88qQBVtfqTdHtlqp9DJujgoL5qa8M0F3URAT9YIiciuSIohp3mmk5AqSKogiLAdGJJEUt1CdDi6vpfdFmLrw1BCW9iE1gukl/);padding: 10px 0 0 35px;}&lt;/div&gt;
&lt;div&gt;
#menu12 li a:hover, #menu12 li #current {color: #000;background: &amp;nbsp;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Yjy4Kui82yTrhUWj7uKtk23CTA4pav5houkGUmvkeZaK88qQBVtfqTdHtlqp9DJujgoL5qa8M0F3URAT9YIiciuSIohp3mmk5AqSKogiLAdGJJEUt1CdDi6vpfdFmLrw1BCW9iE1gukl/) 0 -32px;padding: 10px 0 0 35px;}&lt;/div&gt;
&lt;div&gt;
&amp;lt;/style&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;div id=&quot;menu12&quot;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;ul&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a id=&quot;current&quot; href=&quot;#&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Home&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;HTML&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;CSS&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;JavaScript&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Templates&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;About&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Contact&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/ul&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;h4 style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/h4&gt;
&lt;h4 style=&quot;text-align: center;&quot;&gt;
STYLE 03&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU34gfwZZgC6RK-Eff68bR-c6BaTtxoj2sXSd3YZYv3JT4jj7AFuKwiENtfa4cOvJ1UO82GEOa1EPy3pS-4hkxeh98RcLkekxQ8mnd4SZEdq3QLk6YLatfP08H-oJzNUaqcLMMHtMfD2B/s1600/CSS+Vertical+Menu+Tutorials-Menu+14.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;MENU VERTIKAL&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU34gfwZZgC6RK-Eff68bR-c6BaTtxoj2sXSd3YZYv3JT4jj7AFuKwiENtfa4cOvJ1UO82GEOa1EPy3pS-4hkxeh98RcLkekxQ8mnd4SZEdq3QLk6YLatfP08H-oJzNUaqcLMMHtMfD2B/s1600/CSS+Vertical+Menu+Tutorials-Menu+14.png&quot; title=&quot;MENU VERTIKAL&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;b&gt;KODE 3&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;div&gt;
&lt;div&gt;
&amp;lt;style&amp;gt;&lt;/div&gt;
&lt;div&gt;
#menu14 {width: 200px;margin: 10px;}&lt;/div&gt;
&lt;div&gt;
#menu14 ul {list-style: none;margin: 0;padding: 0;}&lt;/div&gt;
&lt;div&gt;
#menu14 img {border: none;}&lt;/div&gt;
&lt;div&gt;
#menu14 li a {height: 32px;voice-family: &quot;\&quot;}\&quot;&quot;;voice-family: inherit;height: 24px;text-decoration: none;}&lt;/div&gt;
&lt;div&gt;
#menu14 li a:link, #menu14 li a:visited {color: #333;display: block;background: &amp;nbsp;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJC1EWjPGg5tVph1a1yEjvL0WBXDYd24LTeXLkjsQ5LCuQIN2qBeB9GMqJbWIB5ec11PiQdRcVBU65rTi-WG786Q-30IkJYWSjZ25P0fRrQxg8kYmNyuY8M1mncUqCd4MAXR4YMJ7Evem/);padding: 8px 0 0 10px;}&lt;/div&gt;
&lt;div&gt;
#menu14 li a:hover, #menu14 li #current {color: #FFF;background: &amp;nbsp;url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJC1EWjPGg5tVph1a1yEjvL0WBXDYd24LTeXLkjsQ5LCuQIN2qBeB9GMqJbWIB5ec11PiQdRcVBU65rTi-WG786Q-30IkJYWSjZ25P0fRrQxg8kYmNyuY8M1mncUqCd4MAXR4YMJ7Evem/) 0 -32px;padding: 8px 0 0 10px;}&lt;/div&gt;
&lt;div&gt;
&amp;lt;/style&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;div id=&quot;menu14&quot;&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;ul&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a id=&quot;current&quot; href=&quot;#&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Home&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;HTML&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;CSS&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;JavaScript&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Templates&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;About&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;li&amp;gt;&amp;lt;a href=&quot;&lt;span style=&quot;color: red;&quot;&gt;URL ANDA&lt;/span&gt;&quot;&amp;gt;&lt;span style=&quot;color: blue;&quot;&gt;Contact&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/ul&amp;gt;&lt;/div&gt;
&lt;div&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;u&gt;CATATAN :&lt;/u&gt;&lt;/b&gt; Ganti warna merah dengan&amp;nbsp;&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;URL anda.&lt;/span&gt;&lt;/b&gt;&amp;nbsp;Dan Warna &lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;Biru (Nama Konten)&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: blue;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;b&gt;Untuk melihat Contoh dari konten di atas sobat &lt;a href=&quot;http://paccoromanu.blogspot.com/2013/01/teori-korespondensi-tentang-kebenaran.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;bisa kunjungi di sini&amp;nbsp;&lt;/a&gt;. Terima kasih dan semoga bisa membantu anda. Salam sukses selalu Buat para Blogger.&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://d-crow.blogspot.com/feeds/3732472409241232818/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://d-crow.blogspot.com/2013/01/menu-vertikal-pada-widget-3-macam-style.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/3732472409241232818'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2395972371606579955/posts/default/3732472409241232818'/><link rel='alternate' type='text/html' href='http://d-crow.blogspot.com/2013/01/menu-vertikal-pada-widget-3-macam-style.html' title='Menu Vertikal Pada widget 3 Macam Style'/><author><name>Rambo</name><uri>http://www.blogger.com/profile/03738047451632552988</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRBakQazh_H5ICzmNde5YMEvPGqxsk3KFSP_LwVk0JubteeZL3FE5gfQLK9JTQUE3HtnixI5fY8KuuQuNcvCdg2Jtv0wYN-xn6oNQnb2z4dp3jb1A4WyMyow_qHSZ6keHXgMmELFdGsk4f/s72-c/vertikal+icon.jpg" height="72" width="72"/><thr:total>1</thr:total></entry></feed>