Ali Ba'agil Blog

KUMPULAN LINK AUTO FOLLOWERS / CHEAT FOLLOWERS / PENAMBAH FOLLOWERS 2014

<div class="separator" style="background-color: #f1f1f1; border: 0px; clear: both; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<img border="0" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaf0_XpjloBJwk6GPgIA4K9MZkL-CuAovs0D6WpLJt1YSXJ5t5Ra5H0u5XdtMACd6L6edV5BLIrQIJk-2tbgR4ooD0UK_AaIGyyUcSxfo4m9lRb9sL-bdZNG_9RFTuKIeLk7wkPBx3D5I/s1600/images.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaf0_XpjloBJwk6GPgIA4K9MZkL-CuAovs0D6WpLJt1YSXJ5t5Ra5H0u5XdtMACd6L6edV5BLIrQIJk-2tbgR4ooD0UK_AaIGyyUcSxfo4m9lRb9sL-bdZNG_9RFTuKIeLk7wkPBx3D5I/s1600/images.jpg" style="background-color: #090909; border: 6px solid rgb(9, 9, 9); font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" /> </div>
<div class="separator" style="background-color: #f1f1f1; border: 0px; clear: both; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </div>
<div class="separator" style="background-color: #f1f1f1; border: 0px; clear: both; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </div>
 Yuk langsung aja ngga usah banyak basa-basi, buat agan sista yang hobi main twitter, pasti seneng dong kalo punya banyak followersnya (walau ngga kenal siapa tuh sih followers :D wkwk). <span style="background-color: white; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">www.pujisetiawans.blogspot.com Nih gue bagiin <b style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://www.pujisetiawans.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">Link penambah followers masal</a> (terlengkap) : sebelum mulai, pastikan dulu ya udah pada punya twitter ! #loh wkwk, "Hah ?? belom punya ??? hari gene belom punya twitter ??? *HEiUH hahaha. yaudah buat dulu <a href="https://twitter.com/signup" style="background-color: #f1f1f1; border: 0px; color: #666666; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">DISINI</a>. udah kan ?? yuk langsung ke acara intinya". Ini dia <i style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">kumpulan link auto followers / cheat followers / penambah followers masal 2013 :D + FAKE LOGIN ITU APA ?  <i style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;"> <i style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;"> karena banyak request, jadi gue klasifikasiin lagi ya followers asal negara-negaranya <i style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;"> <i style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;"> <i style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">Hampir Semua Followers yang di dapat dari link ini berasal Luar Negeri; <ul style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 1.2; list-style: none; margin: 0px; padding: 0px 0px 0px 1.25em; vertical-align: baseline;">
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.bestfollowers.org/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">bestfollowers.org</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.bulkfollowers.co/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">bulkfollowers.co</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.followport.us/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">followport.us</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.kingfollow.net/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">kingfollow.net</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.livefollowers.us/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">livefollowers.us</a>   </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.morefollowers.me/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">morefollowers.me</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.newfollowers.me/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">newfollowers.me</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.bigfollow.net/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://www.bigfollow.net/ </a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.socialexchanger.us/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">socialexchanger.us</a></li>
</ul>
<div style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
<ul style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 1.2; list-style: none; margin: 0px; padding: 0px 0px 0px 1.25em; vertical-align: baseline;">
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.gainfollowers.info/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">gainfollowers.info</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.flyfollowers.com/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.flyfollowers.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.followix.info/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.followix.info/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.getnewfollowers.us/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">getnewfollowers.us</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.followcrazy.us/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.followcrazy.us/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.takipcikazan.me/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">takipcikazan.me</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><span style="-webkit-transition: all 0.3s ease 0s; border: 0px; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font: inherit; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://spreadyourtweets.biz/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.naturalfollowers.com/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">naturalfollowers.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://spreadyourtweets.biz/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://</a><a href="http://www.freefollowers.me/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">freefollowers.me/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.followpoint.us/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.followpoint.us/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.twitterfollowers.mobi/" style="background-color: #f3f3f3; border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://www.twitterfollowers.mobi/</a></li>
</ul>
<div style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
<ul style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 1.2; list-style: none; margin: 0px; padding: 0px 0px 0px 1.25em; vertical-align: baseline;">
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.jetfollowers.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://www.jetfollowers.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.afollowers.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://www.afollowers.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.500followers.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.500followers.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.30followers.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://www.30followers.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.300followers.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://www.300followers.com/</a></li>
</ul>
<ul style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 1.2; list-style: none; margin: 0px; padding: 0px 0px 0px 1.25em; vertical-align: baseline;">
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://hitfollow.info/" rel="nofollow" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://hitfollow.info/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://plusfollower.info/" rel="nofollow" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://plusfollower.info/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://newfollow.info/" rel="nofollow" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://newfollow.info/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followback.info/" rel="nofollow" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://followback.info/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://letgetmorefollowers.info/" rel="nofollow" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://letgetmorefollowers.info/</a></li>
</ul>
<i style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="-webkit-transition: all 0.3s ease 0s; border: 0px; color: #444444; font-family: 'Trebuchet MS', sans-serif; font-size: 11px; font: inherit; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"> Kalo Yang ini buatan Orang Indonesia, jadi Hampir semua followersnya orang Indonesia Sob ;;) Silahkan di Sedot; <div style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">
 </div>
<ul style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 1.2; list-style: none; margin: 0px; padding: 0px 0px 0px 1.25em; vertical-align: baseline;">
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followersrealhumans.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followersrealhumans.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followerion.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followerion.blogspot.com/</a> </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.sejutafollowers.tk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.sejutafollowers.tk/</a> </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://follow-twet.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://follow-twet.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://gfgratisfollower.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://gfgratisfollower.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://sporexer.mobi/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://sporexer.mobi/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://falling-into-silence.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://falling-into-silence.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://mild-design.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://mild-design.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://ambilfollower.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank"></a><a href="http://ambilfollower.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://ambilfollower.blogspot.com/</a> </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://follow-bae.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://follow-bae.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followersmasal.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank"></a><a href="http://followersmasal.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">http://followersmasal.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://zanfollowers.tk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://zanfollowers.tk/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://yukprom.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://yukprom.blogspot.com/</a> </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.tukarfollowers.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://tukarfollowers.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followgan.tk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followgan.tk/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://idlsc.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://idlsc.blogspot.com/</a> </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://autofollowersgratis.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://autofollowersgratis.blogspot.com/</a> </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://gfsatu.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://gfsatu.blogspot.com/</a> </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followerils.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followerils.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://jkt48follow.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://jkt48follow.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://api.followersmasal.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://api.followersmasal.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://fllwrss.blogspot.de/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://fllwrss.blogspot.de/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://tweet-cache.fh4a.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://tweet-cache.fh4a.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://banyakfollower.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://banyakfollower.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://afgratis.tk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://afgratis.tk/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://autofollow.yudaaradea.nazuka.net/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://autofollow.yudaaradea.nazuka.net/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.followsaya.tk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.followsaya.tk/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://freeautofollower.tk/ok/index.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://freeautofollower.tk/ok/index.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followers-id.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followers-id.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followguee.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followguee.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followguee.blogspot.it/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followguee.blogspot.it/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://balifollowers.blogspot.com/2013/08/free-indonesia-followers.html" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://balifollowers.blogspot.com/2013/08/free-indonesia-followers.html</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://follower-gratis.fordeon.com/twitter" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://follower-gratis.fordeon.com/twitter</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://ht-followers.zz.mu/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://ht-followers.zz.mu/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://getnewfollowerz.hol.es/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://getnewfollowerz.hol.es/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://tambahfollows.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://tambahfollows.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://fllwrss.blogspot.dk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://fllwrss.blogspot.dk/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://followjkt48.tk/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://followjkt48.tk/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://mobile-followers.xp3.biz/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://mobile-followers.xp3.biz/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://comate-followers.comeze.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://comate-followers.comeze.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://getfreefollowerss.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://getfreefollowerss.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://autofollowjct.co.vu/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://autofollowjct.co.vu/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://jkt48followers.com/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://jkt48followers.com/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://autofollowers00.allalla.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://autofollowers00.allalla.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://jellybean.hol.es/AutoFollowers/AutoFollowers/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://jellybean.hol.es/AutoFollowers/AutoFollowers/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://getnewfollowerz.hol.es/home.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://getnewfollowerz.hol.es/home.php</a><a href="http://www.blogger.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;"></a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://af.followersmasal.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://af.followersmasal.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://goodfollowers.tk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://goodfollowers.tk/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://comate-followers.comeze.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://comate-followers.comeze.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://www.twitterbot.co.vu/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://www.twitterbot.co.vu/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://gregetfollower.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://gregetfollower.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://flwrsrealhumans.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://flwrsrealhumans.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://m.teflpost.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://m.teflpost.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://autofollowers.andika-site.tk/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://autofollowers.andika-site.tk/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://autofollowers2.blogspot.com/" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://autofollowers2.blogspot.com/</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://twitter.maenwar.net/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://twitter.maenwar.net/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://autofollowed.ml/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://autofollowed.ml/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://mobile.selhost.org/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://mobile.selhost.org/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://69follow.ml/connect.php" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://69follow.ml/connect.php</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://jogjatweet.com/wolcome.html" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://jogjatweet.com/wolcome.html</a></li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;"><a href="http://cherry.bl.ee/chibi%20followers.html" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">http://cherry.bl.ee/chibi%20followers.html</a></li>
</ul>
<div style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">
 </div>
(!Note: <span style="background-color: #f1f1f1; border: 0px; color: red; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">Tidak di sarankan untuk di pakai di <b style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">akun baru, <span style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: x-small; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">karena bahaya terkena <span style="background-color: #f1f1f1; border: 0px; color: red; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">ＳＵＳＰＥＮＤ lebih Besar / Langsung terkena <span style="background-color: #f1f1f1; border: 0px; color: red; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">ＳＵＳＰＥＮＤ, tapi kalo mau tetep lanjut gapapa, gastrusss- tapi kalau di pakai di akun lama lo woles aja, aman kok..) Oke, udah banyak banget tuh kan linknya :D <div style="background-color: #f1f1f1; border: 0px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font: inherit; line-height: 15px; margin: 0px; padding: 0px; vertical-align: baseline;">
kalo belum tau juga cara gunainnya, nih tutornya ! <ol style="border: 0px; font-size: 11px; font: inherit; list-style: none; margin: 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;">Buka akun twitter kamu </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;">Klik salah satu link yg diatas (ikuti cara main web tersebut) * Free kok 100% FREE. </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;">Liat followers kamu ** WOOOOWWW nambah banyak kan ? wkwkwk </li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;">***** kalo mau berhenti gunain auto followers diatas, tinggal ke - <a href="https://twitter.com/settings/account" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">Pengaturan </a>- <a href="https://twitter.com/settings/applications" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">Aplikasi </a>- Cabut akses aplikasi tersebut. (Saran gue sih, setelah di gunain langsung cabut). #mudah kan ? hahaha</li>
<li style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0.25em 0px; vertical-align: baseline;">Terakhir, Langsung hapus tweet ya biar gak dibilang nyepam!!! wkwkwk</li>
</ol>
 Udah cukup segitu aja ya ;)  Misal ada link yg udah gk work atau udah berubah, lapor gua  ya ! hehe ;;)   *Semua Aplikasi Diatas 100% AMAN (SNI: Suspended Nanggung sendirI ) =D wkwk *+++* Jika Ingin Membuang Following yang tidak Memfollow Back kamu.. (Bisa untuk Unfoll Ratusan Orang sekaligus "aplikasi ini udah dirancang sedemikian rupa- Jadi tidak perlu khawatir akan bahaya Suspend" ) Langsung Klik <a href="http://pujisetiawans.blogspot.com/2013/02/cara-mengetahui-siapa-yang-not.html" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;">Di Sini</a> Last last last, follow ya twitter gw <a href="https://twitter.com/alikrungy21" style="border: 0px; color: #666666; font-size: 18px; font: inherit; margin: 0px; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;" target="_blank">@alikrungy21 </a> nyoba link diatas, tapi gak follow gw ???  hihhhh >:o hahaha  <blink style="margin: 0px; padding: 0px;">H a t i - h a t i   P h i s i n g ! ! ! </blink> <blink style="margin: 0px; padding: 0px;"> </blink><blink style="background-color: yellow; margin: 0px; padding: 0px;">Mengetahui WEB Phising itu mudah ... (***) Buka Akun Twitter kamu Lalu pilih salah satu link AF di atas tersebut / Link AF Selain diatas.. JIKA link tersebut di klik lalu terbuka Seperti ini :</blink> <blink style="margin: 0px; padding: 0px;"> </blink><div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwS7j9nS9hOjbKrT9NWxHuKrPZWlMyrmNBuOHRE_Xy7KUq2q71t2LyRk0j9UV9gmNHOiQUbAWrLNWiWk_6-jSq7fl6vbkSpmiiF83JCN4DXxP168pDPxFFJbNImipq5z6PCTrPdx49Cwc/s1600/Untitled.png" imageanchor="1" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px 1em; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img border="0" height="179" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwS7j9nS9hOjbKrT9NWxHuKrPZWlMyrmNBuOHRE_Xy7KUq2q71t2LyRk0j9UV9gmNHOiQUbAWrLNWiWk_6-jSq7fl6vbkSpmiiF83JCN4DXxP168pDPxFFJbNImipq5z6PCTrPdx49Cwc/s1600/Untitled.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwS7j9nS9hOjbKrT9NWxHuKrPZWlMyrmNBuOHRE_Xy7KUq2q71t2LyRk0j9UV9gmNHOiQUbAWrLNWiWk_6-jSq7fl6vbkSpmiiF83JCN4DXxP168pDPxFFJbNImipq5z6PCTrPdx49Cwc/s1600/Untitled.png" style="background-color: #090909; border: 6px solid rgb(9, 9, 9); font-size: 11px; font: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;" width="320" /></a> Gambar Menunjukan Applikasi AF dapat dipercaya.</div>
<div style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
Dia langsung diarahkan menuju aplikasi TANPA LOGIN ULANG.</div>
<div style="border: 0px; font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
                                                                                                                                                                  </div>
 <div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<blink style="background-color: yellow; margin: 0px; padding: 0px;">Tapi.. (***) JIKA link tersebut di klik lalu terbuka Seperti ini :</blink></div>
 <div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgicI_4FxQxlfpJ4rG_DehDaQ5wp2XFmKIZ1z6aljUhunGSUZlFBTcsCMbmBBDf97NqS-GAFIxsbCXSytMG0FUOGHNv6fX3TXmfZrr-yKoq6Qto_v1l0qKMh7NvDOob-tfTiCmCtn1xOZg/s1600/1.png" imageanchor="1" style="border: 0px; color: #666666; font-size: 11px; font: inherit; margin: 0px 1em; outline: none; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img border="0" height="179" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgicI_4FxQxlfpJ4rG_DehDaQ5wp2XFmKIZ1z6aljUhunGSUZlFBTcsCMbmBBDf97NqS-GAFIxsbCXSytMG0FUOGHNv6fX3TXmfZrr-yKoq6Qto_v1l0qKMh7NvDOob-tfTiCmCtn1xOZg/s1600/1.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgicI_4FxQxlfpJ4rG_DehDaQ5wp2XFmKIZ1z6aljUhunGSUZlFBTcsCMbmBBDf97NqS-GAFIxsbCXSytMG0FUOGHNv6fX3TXmfZrr-yKoq6Qto_v1l0qKMh7NvDOob-tfTiCmCtn1xOZg/s1600/1.png" style="background-color: #090909; border: 6px solid rgb(9, 9, 9); font-size: 11px; font: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;" width="320" /></a></div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
Sudah bisa dipastikan ini Fake Login / Phising AF</div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
Yapss.. FAKE LOGIN itu seperti itu.. lah kok ? Belum ngerti ?  Gini..... Kan lu udah buka AKUN twitter lu ... terus lu buka salah satu link AF itu kannn... Kalo dia minta untuk di MASUKAN ULANG ; USERNAME sama PASSWORD</div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
 itu yang dinamain fake login... liat perbedaanya sama yang diatas tadi.. Udah paham kan ...</div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
 </div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
Semoga Paham :)</div>
<div class="separator" style="border: 0px; clear: both; font-size: 11px; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
 </div>
sekian dan TERIMA KASIH share n comment ya sobat (Y) :D dahh</div>

KUMPULAN LINK AUTO FOLLOWERS / CHEAT FOLLOWERS / PENAMBAH FOLLOWERS 2014

Yuk langsung aja ngga usah banyak basa-basi, buat agan sista yang hobi main twitter, pasti seneng dong kalo punya banyak followers...

Baca selengkapnya »

Senin, Februari 23, 2015

Tutorial CSS Part 3: Mengatur Background

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5_fs6QMVTPpUUeuP-nG8HNDqmNnzSGvTKtlddS2Ji69sUXJhdm1prES6RhyphenhyphenvYUw7XIqQASMPnCHpTpp94a4XcC1M1Lg6CWb9OS2cU1fqYcMt3OoeMd3l0bjNWbNeMqkoT8Rf99_KxlE/s1600/css-background.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5_fs6QMVTPpUUeuP-nG8HNDqmNnzSGvTKtlddS2Ji69sUXJhdm1prES6RhyphenhyphenvYUw7XIqQASMPnCHpTpp94a4XcC1M1Lg6CWb9OS2cU1fqYcMt3OoeMd3l0bjNWbNeMqkoT8Rf99_KxlE/s1600/css-background.png" /></a></div>
Background adalah latar belakang elemen pada halaman html. Background bisa diterapkan pada body (keseluruhan halaman) atau bisa diterapkan untuk elemen yang lebih kecil seperti paragraf atau bahkan untuk satu teks atau satu huruf saja. Background bisa berupa warna tunggal atau berupa gambar (image). Ada enam properti yang bisa digunakan untuk mengatur background, yaitu : 
<ol style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; list-style-image: initial; list-style-position: outside; margin: 0px 0px 1.2em 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px 0px 5px; vertical-align: baseline;">background-color,</li>
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px 0px 5px; vertical-align: baseline;">background-image</li>
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px 0px 5px; vertical-align: baseline;">background-repeat</li>
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px 0px 5px; vertical-align: baseline;">background-position</li>
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px 0px 5px; vertical-align: baseline;">background-attachment</li>
<li style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px 0px 5px; vertical-align: baseline;">background (penggabungan beberapa properti dalam satu deklarasi)</li>
</ol>
Dan berikut ini penjelasan masing-masing properti tersebut.  <h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
1. background-color</h3>
Adalah properti CSS yang digunakan untuk mengatur warna background.  Ada tiga cara dalam menentukan nilai warna, yaitu :  <ul style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; list-style: square outside; margin: 0px 0px 1.2em 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">menggunakan nama warna seperti red, blue, green dan sebagainya</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">menggunakan kode heksa warna seperti #ff0000 untuk warna merah dan #0000ff untuk warna biru, dan seterusnya.</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">menggunakan nilai RGB seperti rgb(255,0,0) untuk warna merah, rgb(0,0,255) untuk warna biru dan seterusnya.</li>
</ul>
<h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan CSS background-color :</h4>
<div style="background-color: white; border: solid gray; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; overflow: auto; padding: 0.2em 0.6em; text-align: justify; vertical-align: baseline; width: auto;">
<pre style="box-sizing: border-box; color: inherit; font-family: 'Courier New', Courier, monospace; line-height: 18px; overflow: auto; padding: 0px; word-wrap: normal;">body {
 background-color: #e0ffff;
}
</pre>
</div>
 <a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_background-color_elements" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Kita bisa berlatih CSS background-color disini >></a>.  <h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
2. background-image</h3>
Adalah properti CSS yang digunakan untuk mengatur background berupa gambar (image). File gambar yang akan diterapkan pada background ditulis pada atribut URL. Secara default, gambar akan ditampilkan secara berulang secara horisontal dan vertikal untuk memenuhi area elemen yang ditetapkan. <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan CSS background-image :</h4>
<div style="background-color: white; border: solid gray; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; overflow: auto; padding: 0.2em 0.6em; text-align: justify; vertical-align: baseline; width: auto;">
<pre style="box-sizing: border-box; color: inherit; font-family: 'Courier New', Courier, monospace; line-height: 18px; overflow: auto; padding: 0px; word-wrap: normal;">body {
 background-image: url("bg.gif");
}
</pre>
</div>
 <a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Kita bisa berlatih CSS background-image disini >></a>.  <h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
3. background-repeat</h3>
Adalah properti CSS yang digunakan untuk mengatur perulangan background-image. Secara default, background-image akan diulang secara vertikal dan horizontal. Dengan CSS background-repeat ini kita bisa mengatur perulangan dengan beberapa nilai sebagai berikut : <ul style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; list-style: square outside; margin: 0px 0px 1.2em 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">no-repeat, artinya background image tidak akan di ulang.</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">repeat-x, artinya background image akan diulang secara horizontal</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">repeat-y, artinya background image akan diulang secara vertikal.</li>
</ul>
<h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan CSS background repeat :</h4>
<div style="background-color: white; border: solid gray; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; overflow: auto; padding: 0.2em 0.6em; text-align: justify; vertical-align: baseline; width: auto;">
<pre style="box-sizing: border-box; color: inherit; font-family: 'Courier New', Courier, monospace; line-height: 18px; overflow: auto; padding: 0px; word-wrap: normal;">body {
 background-image: url("bg.gif");
 background-repeat: repeat-x;
}
</pre>
</div>
 <a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_gradient2" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Kita bisa berlatih CSS background-repeat disini >></a>.  <h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
4. background-position</h3>
Adalah properti CSS yang digunakan untuk mengatur posisi background image pada elemen html. posisi background image bisa diset left, right, top dan bottom. Salah satu fungsi dari penempatan background image agar tidak mengganggu tampilan teks pada halaman html. <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan CSS background-position :</h4>
<div style="background-color: white; border: solid gray; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; overflow: auto; padding: 0.2em 0.6em; text-align: justify; vertical-align: baseline; width: auto;">
<pre style="box-sizing: border-box; color: inherit; font-family: 'Courier New', Courier, monospace; line-height: 18px; overflow: auto; padding: 0px; word-wrap: normal;">body {
 background-image: url("bg.gif");
 background-repeat: repeat-x;
 background-position : right top;
}
</pre>
</div>
 <a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_position" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Kita bisa berlatih CSS background-position disini >></a>. <h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
5. background-attachment</h3>
Adalah properti CSS yang digunakan untuk mengatur bagaimana background itu disematkan dalam halaman. Apakah fix atau ikut scroll bersama elemen. Secara default properti background-attachment akan diset scroll. Ada beberapa nilai yang bisa dipakai untuk backdround-attachment : <ul style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; list-style: square outside; margin: 0px 0px 1.2em 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">scroll<span class="Apple-tab-span" style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"> , background ikut discroll bersama dengan elemen.</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">fixed<span style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;">, background fix jadi saat elemen di scroll, posisi background tetap.</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">local,<span class="Apple-tab-span" style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"> <span class="Apple-tab-span" style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"> background ikut discroll bersama dengan isi dari elemen</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">initial, nilai diset sesuai nilai inisial dari elemen diatasnya.</li>
<li style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 5px 0px; padding: 0px; vertical-align: baseline;">inherit, nilai diwarisi dari elemen diatasnya.</li>
</ul>
<h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan CSS background-attachment :</h4>
<div style="background-color: white; border: solid gray; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; overflow: auto; padding: 0.2em 0.6em; text-align: justify; vertical-align: baseline; width: auto;">
<pre style="box-sizing: border-box; color: inherit; font-family: 'Courier New', Courier, monospace; line-height: 16.25px; overflow: auto; padding: 0px; word-wrap: normal;">body {
 background-image: url("bg.gif");
 background-repeat: repeat-x;
 background-position : right top;
 background-attachment: fixed;
}
</pre>
</div>
 <a href="http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Kita bisa berlatih CSS background-attachment disini >></a>. <h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
6. background</h3>
Adalah properti yang bisa diisi dengan nilai dari kelima properti diatas. Jadi properti background bisa dikatakan sebagai penggabungan dari kelima properti background sebelumnya. Cara ini dipakai untuk mempersingkat penulisan. <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan CSS background-attachment :</h4>
<div style="background-color: white; border: solid gray; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; overflow: auto; padding: 0.2em 0.6em; text-align: justify; vertical-align: baseline; width: auto;">
<pre style="box-sizing: border-box; color: inherit; font-family: 'Courier New', Courier, monospace; line-height: 16.25px; overflow: auto; padding: 0px; word-wrap: normal;">body {
 background: #ff00ff url("bg.png") no-repeat right top;
}
</pre>
</div>
 Pada contoh terlihat ada penumpukan antara background color dan background image. Ini digunakan untuk mencegah kekosongan background jika load image dinon-aktifkan oleh user atau image gagal dimuat karena suatu sebab tertentu. Jadi jika image tidak tampil akan diganti dengan background warna.  <a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_background_shorthand" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Kita bisa berlatih CSS background disini >></a>. <h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Kesimpulan :</h3>
Yang perlu diperhatikan dalam menerapkan background adalah jangan sampai background membuat teks tidak jelas terbaca.

Tutorial CSS Part 3: Mengatur Background

Background adalah latar belakang elemen pada halaman html. Background bisa diterapkan pada body (keseluruhan halaman) atau bisa diterapkan...

Baca selengkapnya »

Selasa, Februari 17, 2015

Tutorial CSS : Mengenal Selector Id dan Class

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfzVFk1z-rH-Im6F_vRrud0qTuAfUBjvLq8rNoar3nw81s_v6WxlY_MNWnjrRupn8JHmVvwknrGqRRkyoNY0GHnYtYUi4h6XKbHEXnj9WCOEsQeiHaoWdYhNqvpYhT6xWZcoWcDtzySTo/s1600/selector-id-dan-class.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfzVFk1z-rH-Im6F_vRrud0qTuAfUBjvLq8rNoar3nw81s_v6WxlY_MNWnjrRupn8JHmVvwknrGqRRkyoNY0GHnYtYUi4h6XKbHEXnj9WCOEsQeiHaoWdYhNqvpYhT6xWZcoWcDtzySTo/s1600/selector-id-dan-class.png" width="320" /></a></div>
Selector pada CSS berfungsi untuk memilih elemen html yang di-style sesuai dengan deklarasi pada selector tersebut. Pada tulisan sebelumnya kita telah mengenal selector CSS menggunakan elemen-elemen html seperti paragraf (p) dan heading (h1). Selector CSS dengan nama elemen ini juga berlaku untuk elemen yang lain seperti link (a), list (ul dan ol), table dan yang lainnya. Kemudian muncul pertanyaan bagaimana jika kita akan menerapkan style yang berbeda untuk elemen yang sama? Misalnya paragraf pertama dibuat margin 10px lalu paragraf kedua dibuat margin 20px. Jawabannya, kita bisa menggunakan selector Id dan Class. 
<h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Menggunakan Selector Id pada CSS</h3>
Selector Id digunakan untuk memilih satu elemen unik pada html. Cara menggunakan selector Id adalah dengan menambahkan attribut id pada elemen html tertentu. Id ini harus unik dalam satu page, jika kita bisa menerapkan CSS kepada satu elemen yang dimaksud (unique element). <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Cara penulisan selector Id</h4>
Untuk menuliskan selector Id kita menggunakan karakter hash (#). Kemudian nama Id ditulis tepat setelah tanda # tanpa spasi. Deklarasi CSS untuk ID ini ditulis diantara kurung kurawal seperti pada selector elemen. Kemudian pada elemen html tertentu kita taruh atribut "id" dengan nama yang sama dengan id pada CSS tadi. Atribut id ini juga digunakan untuk pemrograman Javascript, jadi bisa saling pakai Id. <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan selector Id</h4>
<div class="dp-highlighter" style="background-color: #e7e5dc; box-sizing: border-box; font-family: Consolas, Monaco, 'Courier New', Courier, monospace; font-size: 12px; line-height: 1.8em; margin: 18px 0px !important; overflow: auto; padding: 1px 0px 0px; text-align: justify; vertical-align: baseline; width: 601.90625px;">
<div class="bar" style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px 0px 0px 45px; vertical-align: baseline;">
<div class="tools" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-style: solid; border-left-width: 3px; box-sizing: border-box; color: silver; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; line-height: normal; margin: 0px; padding: 3px 8px 10px 10px; vertical-align: baseline;">
<a href="http://nulis-ilmu.blogspot.com/2014/12/tutorial-css-part-2-mengenal-selector-id-dan-class.html#" style="-webkit-transition: all 0.2s ease-in; background-color: inherit; background-image: none; border: none; box-sizing: border-box; color: #a0a0a0; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 10px 0px 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">view plain</a><a href="http://nulis-ilmu.blogspot.com/2014/12/tutorial-css-part-2-mengenal-selector-id-dan-class.html#" style="-webkit-transition: all 0.2s ease-in; background-color: inherit; background-image: none; border: none; box-sizing: border-box; color: #a0a0a0; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 10px 0px 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">print</a><a href="http://nulis-ilmu.blogspot.com/2014/12/tutorial-css-part-2-mengenal-selector-id-dan-class.html#" style="-webkit-transition: all 0.2s ease-in; background-color: inherit; background-image: none; border: none; box-sizing: border-box; color: #a0a0a0; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 10px 0px 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">?</a></div>
</div>
<ol class="dp-c" style="background-color: white; border: none; box-sizing: border-box; color: #5c5c5c; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1px 45px !important; padding: 0px; vertical-align: baseline;">
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><html>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><head>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><title>Contoh Selector Id CSS</title>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></head>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><style>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h1 {    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  font-size: 20px;    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">         </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="comment" style="background-color: inherit; border: none; box-sizing: border-box; color: #008200; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#top {  <span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">     color: red;    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="comment" style="background-color: inherit; border: none; box-sizing: border-box; color: #008200; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#bottom {  <span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  color: blue;    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></style>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><body>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><h1>Contoh Penggunaan Selector Id</h1>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><p id=<span class="string" style="background-color: inherit; border: none; box-sizing: border-box; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"top"<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>Paragraf paling atas warna merah    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Paragraf ditengah tidak di-style    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><p id=<span class="string" style="background-color: inherit; border: none; box-sizing: border-box; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"bottom"<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>Paragraf paling bawah warna biru    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></body>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></html>    </li>
</ol>
</div>
Pada contoh diatas, kita mempunyai dua buah id, yaitu "top" dan "bottom". Pada CSS, paragraf dengan id "top" kita buat warna merah dan paragraf dengan id "bottom" kita buat warna biru. Kemudian pada tag untuk paragraf paling atas kita tambahkan attribut id="top" dan pada paragraf paling bawah kita tambahkan atribut id="bottom". <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Dan berikut ini hasil tampilan dari contoh penggunaan selector Id diatas :</h4>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivJAzaP7wGWrq0-q-87RfVkzVbWw_fQ4HYlPDaQg9sI9h-Nmj7eBRzkANBJngbTg4TjbOijhlYjxnm2GW5vFHgM-y2EzaT_WR9F63ZpFn58Jjsriic2jEjdge3hif0HisfO1PDhEW8Ve8/s1600/selector-id.png" imageanchor="1" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="contoh penggunaan selector id pada css" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivJAzaP7wGWrq0-q-87RfVkzVbWw_fQ4HYlPDaQg9sI9h-Nmj7eBRzkANBJngbTg4TjbOijhlYjxnm2GW5vFHgM-y2EzaT_WR9F63ZpFn58Jjsriic2jEjdge3hif0HisfO1PDhEW8Ve8/s1600/selector-id.png" style="border: 0px none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; page-break-after: always; vertical-align: baseline;" title="" /></a></div>
<h3 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 18px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Menggunakan Selector Class pada CSS</h3>
Selector Class digunakan untuk memilih elemen html yang memiliki sifat atau perilaku yang sama dalam satu halaman. Selector Class ini bisa digunakan untuk beberapa elemen dalam satu halaman. Penerapan selector Class sebaiknya memperhatikan kesamaan elemen-elemen pada halaman html. Sebagai contoh kita akan menerapkan style pada paragraf yang berada diantara paragraf pertama dan paragraf terakhir pada contoh diatas. Kemudian kita buat class "midle" untuk mendefinisikannya. Jadi setiap paragraf dengan class "midle" akan dikenakan style yang kita buat. <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Cara penulisan selector class</h4>
Penulisan selector class pada CSS diawali dengan huruf titik (.) atau dot. Kemudian nama class ditulis tepat setelah tanda titik. Deklarasi CSS untuk Class ini ditulis diantara kurung kurawal seperti pada selector elemen dan selector id. Kemudian pada elemen html tertentu kita taruh atribut "class" dengan nama yang sama dengan nama class pada CSS tadi. <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Contoh penggunaan selector class</h4>
<div class="dp-highlighter" style="background-color: #e7e5dc; box-sizing: border-box; font-family: Consolas, Monaco, 'Courier New', Courier, monospace; font-size: 12px; line-height: 1.8em; margin: 18px 0px !important; overflow: auto; padding: 1px 0px 0px; text-align: justify; vertical-align: baseline; width: 601.90625px;">
<div class="bar" style="box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px 0px 0px 45px; vertical-align: baseline;">
<div class="tools" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-style: solid; border-left-width: 3px; box-sizing: border-box; color: silver; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; line-height: normal; margin: 0px; padding: 3px 8px 10px 10px; vertical-align: baseline;">
<a href="http://nulis-ilmu.blogspot.com/2014/12/tutorial-css-part-2-mengenal-selector-id-dan-class.html#" style="-webkit-transition: all 0.2s ease-in; background-color: inherit; background-image: none; border: none; box-sizing: border-box; color: #a0a0a0; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 10px 0px 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">view plain</a><a href="http://nulis-ilmu.blogspot.com/2014/12/tutorial-css-part-2-mengenal-selector-id-dan-class.html#" style="-webkit-transition: all 0.2s ease-in; background-color: inherit; background-image: none; border: none; box-sizing: border-box; color: #a0a0a0; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 10px 0px 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">print</a><a href="http://nulis-ilmu.blogspot.com/2014/12/tutorial-css-part-2-mengenal-selector-id-dan-class.html#" style="-webkit-transition: all 0.2s ease-in; background-color: inherit; background-image: none; border: none; box-sizing: border-box; color: #a0a0a0; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 10px 0px 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">?</a></div>
</div>
<ol class="dp-c" style="background-color: white; border: none; box-sizing: border-box; color: #5c5c5c; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1px 45px !important; padding: 0px; vertical-align: baseline;">
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><html>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><head>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><title>Contoh Selector Class CSS</title>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></head>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><style>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h1 {    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  font-size: 20px;    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">         </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="comment" style="background-color: inherit; border: none; box-sizing: border-box; color: #008200; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#top {  <span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">     color: red;    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="comment" style="background-color: inherit; border: none; box-sizing: border-box; color: #008200; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#bottom {  <span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  color: blue;    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.midle {    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  color: green;    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></style>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><body>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><h1>Contoh Penggunaan Selector Id</h1>    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><p id=<span class="string" style="background-color: inherit; border: none; box-sizing: border-box; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"top"<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>Paragraf paling atas warna merah    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><p <span class="keyword" style="background-color: inherit; border: none; box-sizing: border-box; color: #006699; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="background-color: inherit; border: none; box-sizing: border-box; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"midle"<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>Paragraf ditengah warna hijau    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><p <span class="keyword" style="background-color: inherit; border: none; box-sizing: border-box; color: #006699; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">=<span class="string" style="background-color: inherit; border: none; box-sizing: border-box; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"midle"<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>Paragraf ditengah warna hijau    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><p id=<span class="string" style="background-color: inherit; border: none; box-sizing: border-box; color: blue; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"bottom"<span style="background-color: inherit; border: none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">>Paragraf paling bawah warna biru    </li>
<li class="alt" style="border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></body>    </li>
<li class="" style="background-color: #f8f8f8; border-left-color: rgb(108, 226, 108); border-left-width: 3px; border-style: none none none solid; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: 1.8em; list-style: decimal-leading-zero outside; margin: 0px !important; padding: 0px 3px 0px 10px !important; vertical-align: baseline;"><span style="background-color: inherit; border: none; box-sizing: border-box; color: black; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></html>    </li>
</ol>
</div>
Pada contoh diatas kita menambahkan sebuah selector class dengan nama "midle" dan diset dengan warna hijau. Kemudian untuk semua paragraf yang ditengah kita taruh atribut class="midle". <h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Dan berikut ini hasil tampilan dari contoh penggunaan selector class diatas :</h4>
<div class="separator" style="background-color: white; box-sizing: border-box; clear: both; font-family: verdana; font-size: 15px; line-height: 27px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8d-JR-C-yaYncxUKCfTCdT7ONWdfv67lLkZBGx16iQTgq81fXXahXcfEyMvUYM2tfcZmQnDyglOq7O-P_YR6L0IswiA1ZiZEt6lokqpBg93FneTK2_gjsLVBxXq1FuPCMhxJ78Y8LWEo/s1600/selector-class.png" imageanchor="1" style="-webkit-transition: all 0.2s ease-in; box-sizing: border-box; color: #859ce6; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px 1em; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="contoh penggunaan selector class pada css" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8d-JR-C-yaYncxUKCfTCdT7ONWdfv67lLkZBGx16iQTgq81fXXahXcfEyMvUYM2tfcZmQnDyglOq7O-P_YR6L0IswiA1ZiZEt6lokqpBg93FneTK2_gjsLVBxXq1FuPCMhxJ78Y8LWEo/s1600/selector-class.png" style="border: 0px none; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; max-width: 100%; outline: none; padding: 0px; page-break-after: always; vertical-align: baseline;" title="" /></a></div>
<h4 style="background-color: white; box-sizing: border-box; font-family: verdana; font-size: 15px; line-height: 27px; margin: 16px 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Perbedaan selector id dan selector class</h4>
Untuk memahami perbedaan penggunaan selector id dan selector class pada css perlu digaris bawahi bahwa id itu unik dan hanya ada satu dalam satu halaman html. Sedangkan class bisa lebih dari satu yang penting mempunyai kesamaan anta elemen dalam satu class. Jika kita sengaja atau tidak sengaja menggunakan id untuk beberapa elemen memang css akan tetap bisa bekerja, namun tetap dianjurkan untuk menggunakan class khususnya jika dalam halaman tersebut juga ada javascript-nya.

Tutorial CSS : Mengenal Selector Id dan Class

Selector pada CSS berfungsi untuk memilih elemen html yang di-style sesuai dengan deklarasi pada selector tersebut. Pada tulisan sebelumny...

Baca selengkapnya »

Selasa, Februari 17, 2015

Ali Ba'agil Blog

KUMPULAN LINK AUTO FOLLOWERS / CHEAT FOLLOWERS / PENAMBAH FOLLOWERS 2014

Tutorial CSS Part 3: Mengatur Background

Tutorial CSS : Mengenal Selector Id dan Class

Entri Populer

Label

Arsip Blog