BLOG BETAWI

Membuat Kotak Author yang Stylish

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BLtRrWsOdPe6ZruIIZjP_8_Oecu4wL7Cpu9EQtXEZzyxvonadUw9qKln3QcI_NtQMW53kbIteMSxXCLMimlqz9nXvW7qL-j3opwA24x52pCG6VQNW3EHL6P8Lo_aKi00MXE7W08G-9E/s1600/authorbox-stylish.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1BLtRrWsOdPe6ZruIIZjP_8_Oecu4wL7Cpu9EQtXEZzyxvonadUw9qKln3QcI_NtQMW53kbIteMSxXCLMimlqz9nXvW7qL-j3opwA24x52pCG6VQNW3EHL6P8Lo_aKi00MXE7W08G-9E/s400/authorbox-stylish.jpg" width="400" /></a></div><br />
Alhamdulillah... kita bertemu lagi sobat, sekian beberapa hari aku tidak  ada posting di blog ini, dan pada hari ini aku ada sedikit info yang  aku dapat dari blog <a href="http://www.dezignmatterz.com/">dezignmatterz</a>  yaitu, membuat kotak Author dengan gaya unik dan stylish. ini merupakan  sebuah design yang sangat bagus untuk di taruh di blog sobat,  dikarenakan sebuah blog jika memiliki tampilan yang kurang mengesankan  maka pengunjung akan cepat bosan berkunjung ke blog Sobat, tetapi untuk  penampilan blog yang berlebihan dalam widget - widget yang sangat  mengganggu dalam membaca, dan itu semua akan membuat blog kita menjadi  berat untuk di loading para pengunjung.<br />
<br />
Pada kali ini aku akan memberikan sedikit info mengenai pembuatan kotak  author yang sangat stylish dan tidak berat untuk di taruh di blog sobat,  Cara pembautannya apakah susah? "Cukup mudah Sobat, sobat tidak perlu  susah payah karena aku akan memberikan sedikit turorialnya, Mengapa?  "Karena pengunjung ada Raja dan si Author adalah Pelayan , hehe "<br />
<br />
Tidak Berpanjang lebar tar melar waktu pembuatannya, untuk itu sulakan ikuti saja Tutorial di bawah ini sobat :<br />
<br />
<b>Membuat Kotak Author yang  Stylish</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://kwout.com/cutout/f/rv/65/az8_rou_sha.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="http://kwout.com/cutout/f/rv/65/az8_rou_sha.jpg" width="320" /></a></div><br />
1. <b>Login »<a href="http://cyberbanua.blogspot.com/"> blogger</a></b><br />
2. <b>Rancangan » Edit HTML</b><br />
3. Jangan Lupa Centang <b>Expand Template Widget </b><br />
4. Masukan kode di bawah ini tepat di atas <b>]]></b:skin></b><br />
<br />
<blockquote>*/ AuthorBoxStylish */<br />
<pre class="css" style="font-family: monospace;">a.linkopacity img {
filter:alpha(opacity=30);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=40);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
.socialize{background:url(http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/34023454.png)no-repeat;width:515px;height:55px;padding-top:7px;padding-bottom:5px;padding-left:80px;}
.authorbox{width:555px;height:175px;background:url(http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/16237904.png)no-repeat;font-family:Arial Rounded MT Bold,verdana;font-size:13px;h3-font-size:15px;color:#121212;}
.left {
float:left;
height:100px;
margin-bottom:-5px;
margin-left:15px;
margin-right:25px;
margin-top:-10px;
padding-top:-55px;
width:200px;
}
.right {
float:right;
margin-top:-50px;
width:430px;
}</pre></blockquote><br />
<span class="kc"><b>KETERANGAN</b><br />
Pada kode CSS di atas silakan sobat ganti sesuai kehendak sobat sendiri  agar kotak author ini dan keselarasan warna template menjadi menyatu dan  enak untuk di lihat.</span><br />
<br />
<br />
<br />
<br />
5. Jika tahap penaruhan Kode CSS sebelumnya sudah selesai, kemudian kita beralih ke halaman <b>HTML, </b>Pada tahap ini silakan sobat cari kode <b><div class="post-footer"> </b>Kemudian taruh kode di diatas kode tersebut.<br />
<br />
<br />
<blockquote><pre>
<div class="socialize">
<a class="linkopacity" rel="external nofollow" target="<b style="color: red;">_blank</b>"><img title="Digg this Article and Be Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/digg-square.png" border="0" alt="DiggIt" /></a>
<a class="linkopacity" rel="external nofollow" target="<b style="color: red;">_blank</b>"><img title="Stumble this Article come on you know you want to !" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/stumbleupon-logo-square.png" border="0" alt="Stumble" /></a>
<a class="linkopacity" title="Tweet it on Twitter" target="<b style="color: red;">_new</b>"><img title="Tweet this Article and show your followers youre Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/twitter-logo-square.png" border="0" alt="Twitter" /></a>
<a class="linkopacity" rel="external nofollow" target="<b style="color: red;">_blank</b>"><img title="Post this Article to Facebook and share with your friends" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/facebook-logo-square.png" border="0" alt="Facebook" /></a>
<a class="linkopacity" rel="external nofollow" target="<b style="color: red;">_blank</b>"><img title="Post this Article to Technorati and spread the Word!" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/technorati-logo.png" border="0" alt="technorati" /></a>
<a class="linkopacity" rel="external nofollow" target="<b style="color: red;">_blank</b>"><img title="Save to Delicious Bookmarks" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/delicious-3.png " border="0" alt="Delicious" /></a>
<a class="linkopacity" rel="external nofollow" target="<b style="color: red;">_blank</b>"><img title="Bump This Post" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/designbump-logo-square.png " border="0" alt="DesignBump" /></a>
<a class="linkopacity" href="mailto:mia@dezigndiva.com" target="<b style="color: red;">_blank</b>"><img src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/mail-square.png" border="0" alt="EMail" /></a></div>
<div style="clear: both;">
<div class="authorbox">
<div class="left">
<h5>Author</h5>
<h3>David</h3>
<a href="http://www.dezigndiva.com"><img style="border: 0pt none; padding: 8px; background-color: #c3c3c3; width: 70px; height: 70px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/administrator.jpg" alt="" /></a></div>
<div class="right">
If you enjoyed this article or have any suggestions, then ⊱⊱
 Add your Comment, Fave It, Share It, and Spread the <img title="Spread the Love" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/heart-48x48.png" border="0" alt="Spread the Love" width="32" height="32" />
<a href="http://twitter.com/<b style="color: red;">Masukan Usernam Twitter Sobat di sini</b>" target="_blank"><img style="float: right; margin-top: -30px; padding-right: 50px; padding-bottom: 25px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Bird-Alt-64.png" border="0" alt="Black_Twitter_Bird" />
<h4>Follow Me on Twitter !</h4>
</a></div>
</div>
<div style="clear: both;">
</div>
</div>
</pre></blockquote><br />
<span class="kc"><b>KETERANGAN</b><br />
Untuk kode yang berwarna merah silakan sobat ubah sendiri sesuai dengan  kehendak sobat, dan pada Tulisan berwarna merah yang di bawah silakan  masukan Username Sobat</span><br />
<br />
<br />
<br />
6. Selesailah sudah pembuatan Kotak Author yang Stylish, Kemudian Klik <b>SAVE TEMPALATE</b><br />
<br />
<br />
Untuk style yang lain seperti di bawah inim caranya sama dengan di atas,<br />
<br />
<b style="color: red;">Style 2</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://kwout.com/cutout/9/kk/hi/feh_rou_sha.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="http://kwout.com/cutout/9/kk/hi/feh_rou_sha.jpg" width="320" /></a></div><br />
<b>CSS CODE</b><br />
<blockquote><pre>a.linkopacity img {
filter:alpha(opacity=30);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=40);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
.authorbox{width:608px;height:208px;background:url(http://i662.photobucket.com/albums/uu345/VEGA-5/TYPOGRAPHY/67358746.png)no-repeat;font-family:Arial Rounded MT Bold,verdana;font-size:13px;color:#121212;}
.left{float:left;width:100px;height:100px;margin:25px;margin-left:15px;margin-top:10px;}
.right{float:right;margin-top:50px;width:425px;}
</pre></blockquote><br />
<br />
<b>HTML CODE</b><br />
<blockquote><pre>
<div class="authorbox">
<div class="left">
<h4>Author</h4>
<h3>David</h3>
<a href="http://www.dezigndiva.com"><img style="padding: 8px; background-color: #c3c3c3; width: 70px; height: 68px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/administrator.jpg" alt="" /></a></div>
<div class="right">
If you enjoyed this article or have any suggestions, then ⊱⊱
 Add your Comment, Fave It, Share It, and Spread the <img title="Spread the Love" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/heart-48x48.png" border="0" alt="Spread the Love" width="32" height="32" />
<a class="linkopacity" rel="external nofollow" target="_blank"><img title="Digg this Article and Be Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/digg-square.png" border="0" alt="DiggIt" /></a>
<a class="linkopacity" rel="external nofollow" target="_blank"><img title="Stumble this Article come on you know you want to !" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/stumbleupon-logo-square.png" border="0" alt="Stumble" /></a>
<a class="linkopacity" title="Tweet it on Twitter" target="_new"><img title="Tweet this Article and show your followers youre Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/twitter-logo-square.png" border="0" alt="Twitter" /></a>
<a class="linkopacity" rel="external nofollow" target="_blank"><img title="Post this Article to Facebook and share with your friends" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/facebook-logo-square.png" border="0" alt="Facebook" /></a>
<a class="linkopacity" rel="external nofollow" target="_blank"><img title="Post this Article to Technorati and spread the Word!" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/technorati-logo.png" border="0" alt="technorati" /></a>
<a class="linkopacity" rel="external nofollow" target="_blank"><img title="Save to Delicious Bookmarks" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/delicious-3.png " alt="Delicious" /></a>
<a class="linkopacity" rel="external nofollow" target="_blank"><img title="Bump This Post" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/designbump-logo-square.png " alt="DesignBump" /></a>
  <a href="http://twitter.com/Vegagirl5" target="_blank"><img style="float: right; margin-top: -38px; padding-right: 30px; padding-bottom: 25px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Bird-Alt-64.png" border="0" alt="Black_Twitter_Bird" />
<h4>Follow Me on Twitter !</h4>
</a></div>
</div>
<div style="clear: both;">
</div>
</pre></blockquote><br />
<br />
<b style="color: red;">Style 3</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://kwout.com/cutout/c/k7/qn/ife_rou_sha.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="http://kwout.com/cutout/c/k7/qn/ife_rou_sha.jpg" width="320" /></a></div><br />
<b>CSS CODE</b><br />
<blockquote><pre>.authorbox{width:608px;height:208px;background:url(http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/89118614.png)no-repeat;font-family:Arial Rounded MT Bold,verdana;font-size:13px;color:#121212;}
.left{float:left;width:100px;height:100px;margin:25px;margin-left:15px;margin-top:10px;}
.right{float:right;margin-top:20px;width:425px;}
--></pre></blockquote><br />
<b>HTML CODE </b><br />
<blockquote><pre>
<div class="authorbox">
<div class="left">
<h4><span style="color: #eaeaea;">Author</span></h4>
<h3><span style="color: #eaeaea;">David</span></h3>
<a href="http://www.dezigndiva.com"><img style="padding: 8px; background-color: #eaeaea; width: 70px; height: 68px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/administrator.jpg" alt="" /></a></div>
<div class="right">
<span style="color: #eaeaea;">If you enjoyed this article or have any suggestions, then ⊱⊱
 Add your Comment, Fave It, Share It, and Spread the </span><img title="Spread the Love" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/1620289818.png" border="0" alt="Spread the Love" width="32" height="32" />
<a rel="external nofollow" target="_blank"><img title="Digg this Article and Be Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/digg.png" border="0" alt="DiggIt" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Stumble this Article come on you know you want to !" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/stumbleupon.png" border="0" alt="Stumble" width="42" height="42" /></a>
<a title="Tweet it on Twitter" target="_new"><img title="Tweet this Article and show your followers youre Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/twitter-1.png" border="0" alt="Twitter" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Post this Article to Facebook and share with your friends" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/facebook.png" border="0" alt="Facebook" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Post this Article to Technorati and spread the Word!" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/technorati.png" border="0" alt="technorati" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Save to Delicious Bookmarks" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/delicious-1.png " alt="Delicious" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Get The Feeds" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/rss.png " alt="RSS" width="42" height="42" /></a>
<a href="http://twitter.com/Vegagirl5" target="_blank"><img style="float: right; margin-top: -38px; padding-right: 40px; padding-bottom: 25px; width: 62px; height: 62px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/6331764211202929640.png" border="0" alt="Silver_Twitter_Bird" /><span style="color: #99ccff;">
<h4>Follow Me on Twitter !</h4>
</span></a></div>
</div>
<div style="clear: both;">
</div>
</pre></blockquote><br />
<br />
<b style="color: red;">Style 4</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://kwout.com/cutout/a/2y/v8/pmv_rou_sha.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="148" src="http://kwout.com/cutout/a/2y/v8/pmv_rou_sha.jpg" width="320" /></a></div><br />
<b>CSS CODE</b><br />
<blockquote><pre>.socialize{background:url(http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/1270446985_234.png)no-repeat;width:608px;height:55px;padding-top:4px;padding-bottom:5px;padding-left:130px;}
.authorbox{width:608px;height:208px;background:url(http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/89118614.png)no-repeat;font-family:Arial Rounded MT Bold,verdana;font-size:13px;h3-font-size:15px;color:#121212;}
.left {
float:left;
height:100px;
margin-bottom:25px;
margin-left:15px;
margin-right:25px;
margin-top:-10px;
padding-top:10px;
width:200px;
}
.right {
float:right;
margin-top:-70px;
width:430px;
}
</pre></blockquote><br />
<b>HTML CODE</b><br />
<blockquote><pre>
<div class="socialize">
<a rel="external nofollow" target="_blank"><img title="Digg this Article and Be Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/digg.png" border="0" alt="DiggIt" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Stumble this Article come on you know you want to !" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/stumbleupon.png" border="0" alt="Stumble" width="42" height="42" /></a>
<a title="Tweet it on Twitter" target="_new"><img title="Tweet this Article and show your followers youre Super Cool" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/twitter-1.png" border="0" alt="Twitter" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Post this Article to Facebook and share with your friends" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/facebook.png" border="0" alt="Facebook" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Post this Article to Technorati and spread the Word!" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/technorati.png" border="0" alt="technorati" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Save to Delicious Bookmarks" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/delicious-1.png " alt="Delicious" width="42" height="42" /></a>
<a rel="external nofollow" target="_blank"><img title="Get The Feeds" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/rss.png " alt="RSS" width="42" height="42" /></a></div>
<div style="clear: both;">
<div class="authorbox">
<div class="left">
<h4><span style="color: #eaeaea;">Author</span></h4>
<h3><span style="color: #eaeaea;">David</span></h3>
<a href="http://www.dezigndiva.com"><img style="padding: 8px; background-color: #eaeaea; width: 70px; height: 68px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/administrator.jpg" alt="" /></a></div>
<div class="right">
<span style="color: #eaeaea;">If you enjoyed this article or have any suggestions, then ⊱⊱
 Add your Comment, Fave It, Share It, and Spread the </span><img title="Spread the Love" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/1620289818.png" border="0" alt="Spread the Love" width="32" height="32" />
<a href="http://twitter.com/Vegagirl5" target="_blank"><img style="float: right; margin-top: -8px; padding-right: 40px; padding-bottom: 25px; width: 62px; height: 62px;" src="http://i662.photobucket.com/albums/uu345/VEGA-5/Site%20Buttons/SOCIAL%20ICONS%202/Author_Box_Images/6331764211202929640.png" border="0" alt="Silver_Twitter_Bird" /><span style="color: #99ccff;">
<h4>Follow Me on Twitter !</h4>
</span></a></div>
</div>
<div style="clear: both;">
</div>
</div>
</pre><br />
</blockquote><br />
<span class="kc"><b>KETERANGAN</b><br />
Pada kode CSS di atas silakan sobat ganti sesuai kehendak sobat sendiri   agar kotak author ini dan keselarasan warna template menjadi menyatu  dan  enak untuk di lihat.</span><br />
<br />
<br />
<br />
Demikian tutorial yang aku berikan semoga bermanfa'at dan membantu sobat,<br />
<br />
Selamat Mencoba, </div>

Tutorial Blog Membuat Kotak Author yang Stylish

Alhamdulillah... kita bertemu lagi sobat, sekian beberapa hari aku tidak ada posting di blog ini, dan pada hari ini aku ada sedikit info y...

Baca selengkapnya »

Add-Ons SEO Tools di Firefox Untuk Blogger

19.24 Ayamgepukmbahsarwo 0

<div dir="ltr" style="text-align: left;" trbidi="on"> <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_U1vCZr_0qWVSvHqF55YSp8vtcHj502oOo35XMkw17DJ0AEnX6P7Pub4yWacugpdqcHOeShWHMcFXzm4XOnD_Ir8D_twU_Zzmk5RmfOJnneeUxLWoSpGCtU7rbapcoOGzE8WEtFz-9tA/s1600/AddOns-SEO-Pada-Mozilla.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_U1vCZr_0qWVSvHqF55YSp8vtcHj502oOo35XMkw17DJ0AEnX6P7Pub4yWacugpdqcHOeShWHMcFXzm4XOnD_Ir8D_twU_Zzmk5RmfOJnneeUxLWoSpGCtU7rbapcoOGzE8WEtFz-9tA/s1600/AddOns-SEO-Pada-Mozilla.png" /></a></div>Assalamuallaikum  ... Alhamdulillah Setelah beberapa lama aku tak menulis di Blog ku Ini  dikarenakan di pada kesibukanku, Pada kali ini aku akan sedikit berbagi  Tips tentang SEO, jarang - jarang kayanya aku mengangkat Artikel tentang  SEO yang ada aku memberikan Artikel Tutorial yang mungkin kurang  bermanfa'at, Pada kesempatan ini aku akan sedikit berbagi tentang <a href="http://blogbetawi.blogspot.com/2011/11/add-ons-seo-di-firefox-untuk-blogger.html" target="_blank"><b>Add-Ons / Peralatan SEO di Firefox Untuk</b></a><b><a href="http://blogbetawi.blogspot.com/"> blogger</a> atau Web Designer.</b><br />
<br />
Mungkin ini agak sedikit aneh di dengar di Telinga dikarenakan aku  mendapatkan ini di Blog luar negeri yang pastinya aku bisa belajar di  sana, Mungkin ini Sedikit berguna bagi Aku dan Sobat semua untuk  menggunakan Add - Ons pada Firefox ini dalam hal SEO, tetapi bagi yang  tidak menggunakan Firefox Aku kurang tau, dikarenakan aku menggunakan  Browser ini dan jangan Berkecil hati ya Sobat.<br />
<br />
Berikut ini Add - Ons firefox yang menurutnya Bagus untuk Peralatan SEO pada Firefox,<br />
<br />
<h3><a href="http://tools.seobook.com/firefox/seo-for-firefox.html" target="_blank">1. SEO For Firefox</a></h3><b>SEOfor Firefox</b>  merupakan Add - Ons Firefox SEO yang paling bagus. Add - Ons ini  berguna mengintegrasikan ke dalam hasil pencarian Anda. Contohnya, Cek  PR, Delicious Link, Technorati link, Alexa rank, informasi Whois dan  lain-lain Sobat dapat menyalakannya dan mematikannya dengan menggunakan  ikon yang ada di status bar Firefox.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjci3xNrUewHZQ_Y4uvOYEHeEUP4zmjBLH7XaBxSqVpO5Mi6cLG1BwFVzthjJN4xW3DDvDwGQG_PYLuCBkGb8Wk9Q6akiEcQAtQRA8NjEW2rpPZZxL6gpRLv-yJG5ovbVUbTWDAleoED3Q/s1600/seo-for-firefox-addons.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjci3xNrUewHZQ_Y4uvOYEHeEUP4zmjBLH7XaBxSqVpO5Mi6cLG1BwFVzthjJN4xW3DDvDwGQG_PYLuCBkGb8Wk9Q6akiEcQAtQRA8NjEW2rpPZZxL6gpRLv-yJG5ovbVUbTWDAleoED3Q/s1600/seo-for-firefox-addons.png" /></a></div><br />
<br />
<h3><a href="http://seoquake.com/">2. SeoQuake </a></h3><b>SeoQuake</b>  adalah sebuah program yang terintegrasi di Firefox sehingga pengguna  dapat melihat sejumlah besar parameter mesin pencari . Ini terdiri dari  SeoToolbar, Seobar, dan output parameter yang diminta pada Hasil  Pencarian Mesin Pencari.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv0ec9QKBEFhgeUTZyQ9vLHsJb-Noq7Z3dx3VOodlraSmp5GT09Luatzs3o8abfseLc9nWdohVQDQXMkphIqUFIJ6x6MHpkC_WuLo3Q050ZwR34outqZF2yGOtKWH4-3KQZJ_V5LWT8vc/s1600/seoquake-addons.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv0ec9QKBEFhgeUTZyQ9vLHsJb-Noq7Z3dx3VOodlraSmp5GT09Luatzs3o8abfseLc9nWdohVQDQXMkphIqUFIJ6x6MHpkC_WuLo3Q050ZwR34outqZF2yGOtKWH4-3KQZJ_V5LWT8vc/s1600/seoquake-addons.png" /></a></div><br />
<br />
<h3><a href="http://yoast.com/tools/seo/link-analysis/" target="_blank">3. SEO Link Analysis</a></h3>Analisis  data yang memperbanyak SEO link di Google Webmaster Tools & Yahoo!  Site Explorer dengan menunjukkan PR dari halaman yang dihubungkan dengan  Judul Tittle dan juga apakah link tersebut diikuti atau tidak lagi.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HBpDs5py_LxBeY_HFi_7UKGT-gMMtlfj_j_u-PS8xrxKfT8Kdn41IQXBjNH89DQV0pPAnGhDjd0TRkky6dFMhdmwEC6hUUP2nyybtMPVxNZ6Wz9hkTB9QyflGKishdvTpgWa14NN1lE/s1600/seo-link-analysis.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HBpDs5py_LxBeY_HFi_7UKGT-gMMtlfj_j_u-PS8xrxKfT8Kdn41IQXBjNH89DQV0pPAnGhDjd0TRkky6dFMhdmwEC6hUUP2nyybtMPVxNZ6Wz9hkTB9QyflGKishdvTpgWa14NN1lE/s1600/seo-link-analysis.png" /></a></div><br />
<br />
<br />
<h3><a href="http://tools.seobook.com/firefox/rank-checker/" target="_blank">4. Rank Checker </a></h3>Rank  Checker adalah alat lain dari SEOBook. Alat ini dapat melacak dan  merekam peringkat mesin pencari  halaman di Google, Yahoo dan Microsoft  Live Search. Hasilnya disimpan di dalam Drive PCa Sobat, sehingga  pengguna tidak perlu khawatir tentang masalah privasi.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtHcnjewe_EMRpQ-prcY8usWWiAMh9ryvbwvypc3eUJkZaqAf0e2wgN_M2AreLqcqleLvLBKbjZEE31-4DxfmMt91qRxqv3a18Vx0rwD6it3obZZkjrrSOJQ8RS8uPLWq6TlrKapPsGZg/s1600/rank-checker.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtHcnjewe_EMRpQ-prcY8usWWiAMh9ryvbwvypc3eUJkZaqAf0e2wgN_M2AreLqcqleLvLBKbjZEE31-4DxfmMt91qRxqv3a18Vx0rwD6it3obZZkjrrSOJQ8RS8uPLWq6TlrKapPsGZg/s1600/rank-checker.png" /></a></div><br />
<br />
<h3><a href="http://www.linkdiagnosis.com/" target="_blank">5. LinkDiagnosis Firefox Extension</a></h3>Add-Ons  ini memungkinkan pengguna untuk melihat Google PR, Judul Tittle  backlink yang paling populer dan grafik dengan rincian jenis pagerank  dan link. <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh1yGEZj_4ofaTrVbZABMY1GrgrNxssbpPWRyVStZtiZdQ_or6vl_SSBHRijfrayQiToYD1rQAUnYK5ncPAkjr2XN4s7kzd0UytWqo3pMN-rzWda_N9HpMp9_bn4eokFzkjoevYBO7B4E/s1600/link-diagnosis-firefox-extension.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh1yGEZj_4ofaTrVbZABMY1GrgrNxssbpPWRyVStZtiZdQ_or6vl_SSBHRijfrayQiToYD1rQAUnYK5ncPAkjr2XN4s7kzd0UytWqo3pMN-rzWda_N9HpMp9_bn4eokFzkjoevYBO7B4E/s1600/link-diagnosis-firefox-extension.png" /></a></div><br />
<br />
<h3><a href="http://www.smartpagerank.com/extension.php" target="_blank">6. Smart PageRank</a></h3><span class="" id="result_box" lang="id"><b><span class="hps">Smart</span> </b><span class="hps"><b>PageRank</b> adalah</span> Add-On<span class="hps"> sederhana</span> <span class="hps">namun ini merupakan Add-Ons yang sangat bagus</span><span class="hps"> yang</span> <span class="hps">mendapatkan</span> <span class="hps">akses cepat ke</span> <span class="hps">Alexa Rank</span>, <span class="hps">Google PR</span><span class=""></span><span class="">,</span> <span class="hps">Whois</span> <span class="hps">dan backlink</span> <span class="hps atn">'</span>PR <span class="hps">dari halaman saat ini</span> <span class="hps">yang Anda lihat</span>.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-FUFoNf-rcrUIb5npgBfQKGUjhx8BIYgCehi3pQdXVPXvW9QCk2SI0ueJp8Q3d0FIf8S8KfL8jLlkVELCpgSBzOyP06JtWU50hnHfz8_uMiwJQ0g_CZLo8Ginf-WfH3JbF7hdbzpy2Y/s1600/smart-pagerank.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-FUFoNf-rcrUIb5npgBfQKGUjhx8BIYgCehi3pQdXVPXvW9QCk2SI0ueJp8Q3d0FIf8S8KfL8jLlkVELCpgSBzOyP06JtWU50hnHfz8_uMiwJQ0g_CZLo8Ginf-WfH3JbF7hdbzpy2Y/s1600/smart-pagerank.png" /></a></div><br />
<br />
<h3><a href="http://www.rankquest.com/download-toolbar.html">7. RankQuest SEO Toolbar </a></h3>SEO  Toolbar Rankquest memberikan Anda akses cepat ke lebih dari 30 SEO  Tools intuitif. Contoh alat-alat yang Validasi alat, alat Isi, alat  Meta, alat Popularitas, alat Search Engine dan alat SEM. <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLR-abIgmIgGQhCp_pIhI_WFyoy8c9id8pkTKi-hpy0JNVTZwoswLYkHXSfYJE8ElNyf1j1ycIEVhehDIoTqxZ4Inb8f4z26-RsIWp7D8ax-FDDu9OBjv7SRfZ1LZO3hV_ht50sfbBQqg/s1600/rankquest.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLR-abIgmIgGQhCp_pIhI_WFyoy8c9id8pkTKi-hpy0JNVTZwoswLYkHXSfYJE8ElNyf1j1ycIEVhehDIoTqxZ4Inb8f4z26-RsIWp7D8ax-FDDu9OBjv7SRfZ1LZO3hV_ht50sfbBQqg/s1600/rankquest.png" /></a></div><br />
<br />
<h3><a href="http://www.quirk.biz/searchstatus/">8. Quick Search Status</a></h3>SearchStatus  adalah ekstensi toolbar untuk Firefox dan Mozilla yang memungkinkan  Anda dapat melihat bagaimana setiap info website di dunia. Ini  menyediakan banyak informasi yang berguna seperti Google PR, Alexa Rank,  Compete Rank, mozRank, Whois, link cepat ke robos.txt dan sitemap.xml,  dan lain-lain Anda dapat dengan mudah mengakses informasi ini dari ikon  Status search di status bar.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuC7Kg9-g5AEOsCce_mQEzttjIBzmM55-c8VMU0RYWmqg_uw9W50M4tWVR-Cr4MC5MWL8fRiOZPNh-K439HjuYT_01pHj0kCL4s-4Gntzf1BxvSZlfUhvfr3eF7ElX16tjeq8SUU9SCUg/s1600/search-status.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuC7Kg9-g5AEOsCce_mQEzttjIBzmM55-c8VMU0RYWmqg_uw9W50M4tWVR-Cr4MC5MWL8fRiOZPNh-K439HjuYT_01pHj0kCL4s-4Gntzf1BxvSZlfUhvfr3eF7ElX16tjeq8SUU9SCUg/s1600/search-status.png" /></a></div><br />
<br />
<h3><a href="https://addons.mozilla.org/en-US/firefox/addon/249">9. HTML Validator </a></h3>Ini Merupakan sebuah Add-ons yang menurutku sangat berguna bagi<a href="http://blogbetawi.blogspot.com/"> blogger</a>  karena kesalahan dalam struktur HTML akan mempengaruhi peringkat  halaman Anda dan alat ini dapat membantu Anda untuk memvalidasi  kesalahan-kesalahan. Pada dasarnya, Anda harus meminta desainer Anda  untuk melakukan validasi dengan menggunakan alat ini sebelum ia melewati  yang di Buatnya.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz7vSpexTZsuCFcP_bwgCec3QuXkFaun7fM0DeVghA797PQ1H7gFxPP0WL_XCzHDIbFC4gyacTBvJOTCJtzRpCZK0IO0_rnNITmpfThSb3d1iTiGoBSy6_zNafNaEtY_wdaTxrsxlh1Bs/s1600/html-validator.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz7vSpexTZsuCFcP_bwgCec3QuXkFaun7fM0DeVghA797PQ1H7gFxPP0WL_XCzHDIbFC4gyacTBvJOTCJtzRpCZK0IO0_rnNITmpfThSb3d1iTiGoBSy6_zNafNaEtY_wdaTxrsxlh1Bs/s1600/html-validator.png" /></a></div><br />
<br />
<h3><a href="http://seopen.com/firefox-extension/index.php">10. SEOpen </a></h3>Add-Ons  ini Menyediakan beberapa alat dasar untuk membantu dengan optimasi  mesin pencari. Termasuk google backlink, yahoo backlink, cek PageRank,  http, dan banyak lagi. Semua fitur yang tersedia dengan mengklik kanan  pada area terbuka dari suatu halaman web, atau dengan menggunakan  toolbar.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWqRXgh3xDrqLB5Dqri1OBpCKtymsUDygJXwfTiFifhZ7MHqmSnTMy4fRjwfTVbQw_sB02zXHfKYTEUMjijarNoQl-draPAuSKAtZxklDiCNDkbGpGC4TWC98xEawUgPNeqn4AHYz2Dg/s1600/seopen.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWqRXgh3xDrqLB5Dqri1OBpCKtymsUDygJXwfTiFifhZ7MHqmSnTMy4fRjwfTVbQw_sB02zXHfKYTEUMjijarNoQl-draPAuSKAtZxklDiCNDkbGpGC4TWC98xEawUgPNeqn4AHYz2Dg/s1600/seopen.png" /></a></div><br />
<br />
<h3><a href="http://www.redflymarketing.com/blog/google-global-view-results-different-locations/">11. Google Global Firefox Extension</a></h3>Ekstensi  Firefox global Google memungkinkan pengguna untuk melihat hasil  pencarian Google seperti yang muncul di hampir setiap lokasi di Bumi.  Anda dapat mengakses alat ini dari menu konten atau toolbar.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QV6LEPnTpweOjEXksAYvZXFmFbS2b6xIExFr6XUmY9TnOGwsUi1wkbNe6qNVuu3sY5Kdz_WyPp5hpkqPNiTG2w85YifJhDzqyvUfGzyvatCm-CWnFdXvQexYvnyCLHNjo2L1yY1TiCY/s1600/google-global-firefox-extension.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QV6LEPnTpweOjEXksAYvZXFmFbS2b6xIExFr6XUmY9TnOGwsUi1wkbNe6qNVuu3sY5Kdz_WyPp5hpkqPNiTG2w85YifJhDzqyvUfGzyvatCm-CWnFdXvQexYvnyCLHNjo2L1yY1TiCY/s1600/google-global-firefox-extension.png" /></a></div><br />
<br />
<h3><a href="http://www.foxyseotool.com/">12. Foxy SEO Tool</a></h3>Foxy  Alat SEO merupakan Ekstensi gratis atau open source Firefox add-on yang  menawarkan alat untuk optimasi mesin pencari (SEO), lalu lintas web dan  analisis halaman, untuk webmaster dan web profesional.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggCOsqhghm9zIQzVyTtKKDvPHy9S9fvPFrGs1LWcgwhHkY09VFm8kss3dHFB2B4oKoQraGu7O3jUf1gd_rHMRgIXg9HARnowJaDjvAevEDocaQp0SYtMXY22IvHqQjLBimwnK3iuuyTFE/s1600/foxy-seo-tool.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggCOsqhghm9zIQzVyTtKKDvPHy9S9fvPFrGs1LWcgwhHkY09VFm8kss3dHFB2B4oKoQraGu7O3jUf1gd_rHMRgIXg9HARnowJaDjvAevEDocaQp0SYtMXY22IvHqQjLBimwnK3iuuyTFE/s1600/foxy-seo-tool.png" /></a></div><br />
<br />
<h3><a href="http://socialphile.com/">13. Socialphile</a></h3>Socialphile  Firefox Extension membantu pengguna dengan memudahkan mencari  berdasarkan peringkat setiap hasil pencarian di situs-situs berita  sosial. Hal ini memungkinkan pengguna untuk mengirimkan hasil pencarian  langsung ke situs-situs berita sosial. Saat ini, Socialphile hanya  mendukung Digg.com, namun para pengembang akan menambahkan situs-situs  berita lebih sosial di masa depan.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp_0L1gj7-kXb4IhqL24bh54OJR-2yqcFkDj4T5to2Ecjn-UkwBizn_OTXp5q1ICNKgtZqK4gOV_EZgkxv7G6O3MB-2ANBrT2UPb8z2fJe5ZkUOez-YyhTRw_TzKqT-4mTrAYlTFpn3II/s1600/socialphile.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp_0L1gj7-kXb4IhqL24bh54OJR-2yqcFkDj4T5to2Ecjn-UkwBizn_OTXp5q1ICNKgtZqK4gOV_EZgkxv7G6O3MB-2ANBrT2UPb8z2fJe5ZkUOez-YyhTRw_TzKqT-4mTrAYlTFpn3II/s1600/socialphile.png" /></a></div><br />
<br />
<h3><a href="http://kgen.elitwork.com/">14. KGen</a></h3>KGen  memungkinkan Anda untuk mendapatkan kata kunci yang paling penting dari  sebuah halaman web. Ini benar-benar berguna untuk menganalisis strategi  SEO dari pesaing Anda atau hanya tahu apa yang subjek utama dari sebuah  halaman web.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkyazXFsqrnWgbOu8kpR7RH9xOiHD9oeep5xCT_b3XLRoBWA1NuZVLQqYjpJ_glDXP606ACqk7aE99BmULxeQX1PnQ2ISKZg-YUmqHbD2bvkFkylW5urj83EQ8Ckk-rlIWeAe-FdR-UiA/s1600/kgen.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkyazXFsqrnWgbOu8kpR7RH9xOiHD9oeep5xCT_b3XLRoBWA1NuZVLQqYjpJ_glDXP606ACqk7aE99BmULxeQX1PnQ2ISKZg-YUmqHbD2bvkFkylW5urj83EQ8Ckk-rlIWeAe-FdR-UiA/s1600/kgen.png" /></a></div><br />
<br />
<h3><a href="https://addons.mozilla.org/en-US/firefox/addon/2279">15. Niche Watch Tool</a></h3>Niche  Watch Tool memberikan backlink nomor, halaman diindeks, kata kunci pada  halaman, peringkat halaman, semua dalam link, semua dalam judul dan  semuanya dalam peringkat judul untuk kedua domain dan informasi halaman  web. <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaHhcLJcOkNRGnUhX-LBx7ICoSLvUC2EIQcGBZpdCL9V9Oe2OszRuHDzT1BvyTFf0l5PFmdGvNBYGYntRTE0Aanyc08OqBjI8jMOqx2L3qmkrOpYznEAADisKQs8Gb7bOdHE-pjRjo5Lk/s1600/niche-watch-tool.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaHhcLJcOkNRGnUhX-LBx7ICoSLvUC2EIQcGBZpdCL9V9Oe2OszRuHDzT1BvyTFf0l5PFmdGvNBYGYntRTE0Aanyc08OqBjI8jMOqx2L3qmkrOpYznEAADisKQs8Gb7bOdHE-pjRjo5Lk/s1600/niche-watch-tool.png" /></a></div><br />
<br />
<h3><a href="http://chrispederick.com/work/user-agent-switcher/">16. User Agent Switcher</a></h3>User  Agent Switcher adalah plugin Firefox yang berguna yang dapat beralih  user agent browser. Pengguna dapat menggunakan alat ini untuk  berpura-pura diri untuk menjadi mesin pencari dan melihat apa yang mesin  pencari melihat halaman web.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBZY0v-yALEWYhDvA1m1Pvo0Qm1fXUS04oMZqIjQtRVYy2ZmpdKcGI4DKbblH5SeGfU57_e0w7se_X4wwhypmX5navY18iJ9xS75SlGGUYQDTwLqHfq_1XIW_yExDsBrgCc6B9BiRIaAY/s1600/user-agent-switcher.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBZY0v-yALEWYhDvA1m1Pvo0Qm1fXUS04oMZqIjQtRVYy2ZmpdKcGI4DKbblH5SeGfU57_e0w7se_X4wwhypmX5navY18iJ9xS75SlGGUYQDTwLqHfq_1XIW_yExDsBrgCc6B9BiRIaAY/s1600/user-agent-switcher.png" /></a></div><br />
<span class="" id="result_box" lang="id"></span> </div>

Seo Add-Ons SEO Tools di Firefox Untuk Blogger

Assalamuallaikum ... Alhamdulillah Setelah beberapa lama aku tak menulis di Blog ku Ini dikarenakan di pada kesibukanku, Pada kali ini a...

Baca selengkapnya »

Membuat Efek Pecah pada foto

20.52 Ayamgepukmbahsarwo 0

<div dir="ltr" style="text-align: left;" trbidi="on">Sebenernya ini mempelajari supaya kita bisa membuat efek yang sama di  setiap layernya dengan cara yang mudah. Sebelumnya edit dulu foto yang  mau di pecah mau di jadiin sephia, atau di warnain dulu atau diapain kek  terserah aja.. Yang saya contohkan cuman cara nya saja, dan hasilnya  mungkin gak bagus.. saya percaya .. kamu pasti bisa bikin yang lebih  bagus…<br />
pertama buka foto nya :<br />
<img alt="" class="alignnone size-full wp-image-392" height="372" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/16.jpg" title="16" width="500" /><br />
Terus tekan ctrl + J untuk menduplikan… lalu klik ke layer background..  tekan CTRL + backspace untuk meng clear-in gambarnya.. jadi putih deh  background nya.<br />
<a href="" name="more"></a><br />
<img alt="" class="alignnone size-full wp-image-393" height="253" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/21.jpg" title="21" width="293" /><br />
Gunakan Polygonal lasso tool untuk  membuat kotak di layer duplikat tadi. Setelah terseleksi, tekan ctrl+X  untuk CUT gambar yang terseleksi dan Tekan CTRL+ V untuk paste sekaligus  membuat layer baru, geser gambar yang dihasilkan ke tempat semula.<br />
<img alt="" class="aligncenter size-full wp-image-394" height="160" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/31.jpg" title="31" width="297" /><br />
<img alt="" class="alignnone size-full wp-image-395" height="331" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/41.jpg" title="41" width="334" /><br />
Lalu Klik kanan layer yang baru terbentuk trus klik blending option.  Contreng Efek Stroke nya… terus setting seperti di gambar ( catatan:  sesuaikan aja List putih nya yaa, size nya jangan terpaku pada tutorial  ini , karena setiap gambar beda-beda ukurannya)<br />
<img alt="" class="alignnone size-full wp-image-396" height="497" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/51.jpg" title="51" width="412" /><br />
Setelah stroke tadi di Ok in… skarang pindah lagi ke layer gambar utama  nya.. trus seleksi lagi pake polygonal lasso tool, tekan CTRL +X untuk  cut dan tekan CTRL + V untuk paste… lalu geser ke tempat semula.<br />
<img alt="" class="alignnone size-full wp-image-397" height="390" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/61.jpg" title="61" width="432" /><br />
Klik kanan layer image yang udah di beri list (stroke) Putih lalu tekan copy layer style.<br />
<img alt="" class="alignnone size-full wp-image-398" height="231" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/71.jpg" title="71" width="174" /><br />
Pindah ke layer gambar yang kedua , lalu klik kanan dan tekan paste layer style.<br />
<img alt="" class="alignnone size-full wp-image-399" height="231" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/81.jpg" title="81" width="174" /><br />
hasilnya memiliki efek sama dengan gambar yang pertama<br />
Dengan cara yang sama ,  bikin kotak2 laen, atau bulet atau segitiga,  tergantung selera aja… sampe abis deh tu si foto utama nya. terus  langsung aja klik kanan paste layer style. hasilnya kira-kira begini :<br />
<img alt="" class="alignnone size-full wp-image-400" height="379" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/91.jpg" title="91" width="500" /><br />
Klik move tool dan jangan lupa aktifkan Auto select layer ( supaya di  dalam gambar bisa langsung pilih layer) dan bouncing box ( supaya keluar  kotak buat edit).<br />
<img alt="" class="alignnone size-full wp-image-401" height="232" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/101.jpg" title="101" width="315" /><br />
setelah itu puter-puter, atau resize masing-masing bagian nya.. ini juga  terserah anda aja.. sesuai selera… baik banget yaa saya :P semuanya  terserah anda.. :D<br />
Nanti hasil nya mungkin gini nih :<br />
<img alt="" class="alignnone size-full wp-image-391" height="383" src="http://ilmuphotoshop.com/wp-content/uploads/2008/08/111.jpg" title="111" width="500" /><br />
Selamat mencobaa… ! Kreasikan aja… makin banyak kreasi.. makin banyak juga hal-hal yang blom kamu tau....<br />
</div>

Photoshop Membuat Efek Pecah pada foto

Sebenernya ini mempelajari supaya kita bisa membuat efek yang sama di setiap layernya dengan cara yang mudah. Sebelumnya edit dulu foto yan...

Baca selengkapnya »

Cara lain menghaluskan Wajah dengan Photoshop

20.49 Ayamgepukmbahsarwo 0

<div dir="ltr" style="text-align: left;" trbidi="on">Dalam posting kali ini saya akan memberikan tips <a href="http://blogbetawi.blogspot.com/2011/12/cara-lain-menghaluskan-wajah-dengan.html">menghaluskan wajah dengan photoshop</a>.langsung aja kita mulai langkah demi langkahnya:<br />
Buka foto yang mau dihaluskan wajahnya..<br />
<img alt="" class="alignnone size-full wp-image-2631" height="691" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-1.jpg" title="menghilangkan jerawat 1" width="463" /><br />
duplikat layer background atau layer gambar dengan menekan ctrl + J<br />
ubah layer style menjadi vivid light.<br />
<a href="" name="more"></a><br />
<img alt="" class="alignnone size-full wp-image-2630" height="359" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-2.jpg" title="menghilangkan jerawat 2" width="357" /><br />
Klik Image > adjustment > Invert atau tekan CTRL + I<br />
<img alt="" class="alignnone size-full wp-image-2624" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-3.jpg" title="menghilangkan jerawat 3" /><br />
Klik filter > blur > gaussian blur<br />
Nilai radius tergantung gambar.. usahakan hasil blur nya sama yaa dengan yang digambar<br />
<img alt="" class="alignnone size-full wp-image-2625" height="553" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-4.jpg" title="menghilangkan jerawat 4" width="478" /><br />
Klik filter > other > high pass .. sekali lagi nilai radius  tergantung besar gambar nya.. jadi dikira-kira aja wajahnya udah mulus  apa belom..  :).. kalo ada perubahan pada mata.. biarin aja.. nanti  dimasking kok..<br />
<img alt="" class="alignnone size-full wp-image-2626" height="463" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-5.jpg" title="menghilangkan jerawat 5" width="493" /><br />
Kalo udah keliatan halus muka nya.. klik  Add layer mask ..<br />
warna foreground harus hitam..<br />
<img alt="" class="alignnone size-full wp-image-2627" height="402" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-6.jpg" title="menghilangkan jerawat 6" width="357" /><br />
Klik brush TooL .. warnai bagian-bagian yang harusnya tajem.. seperti  alis, mata, bibir, hidung, rambut, baju… kecuali daerah yang ada  jerawarnya.. jangan di masking.<br />
<img alt="" class="alignnone size-full wp-image-2628" height="763" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-7.jpg" title="menghilangkan jerawat 7" width="504" /><br />
hasilnya :<br />
<img alt="" class="alignnone size-full wp-image-2629" height="698" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/menghilangkan-jerawat-8.jpg" title="menghilangkan jerawat 8" width="466" /><br />
Ini contoh yang lain :<br />
<img alt="" class="alignnone size-full wp-image-2623" height="663" src="http://ilmuphotoshop.com/wp-content/uploads/2010/08/nadia.jpg" title="nadia" width="429" /><br />
Gimana ? gampang kan ?<br />
Selamat mencoba yah..</div>

Photoshop Cara lain menghaluskan Wajah dengan Photoshop

Dalam posting kali ini saya akan memberikan tips menghaluskan wajah dengan photoshop .langsung aja kita mulai langkah demi langkahnya: Buka...

Baca selengkapnya »

Cara Memasukan Foto Cinta Laura ke dalam Template

20.46 Ayamgepukmbahsarwo 0

<div dir="ltr" style="text-align: left;" trbidi="on">posting kali ini saya akan memberi tips: <i><b>Cara Memasukan Foto Cinta Laura ke dalam Template</b></i> dengan photoshop...berikut langkah-langkahnaya:<br />
<img alt="" class="alignnone size-thumbnail wp-image-2657" height="150" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/Peoplewithbillboards0941-150x150.jpg" title="Peoplewithbillboards094" width="150" /><br />
Buka gambar template..<br />
Seleksi semua yang masuk ke dalam layar putih dengan PEN TOOL.. usahakan sedetail mungkin.. zoom kalo perlu.<br />
<a href="http://www.blogger.com/post-edit.g?blogID=1177760231060906893&postID=4574527825190313330" name="more"></a><br />
<img alt="" class="alignnone size-full wp-image-2658" height="605" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template2.jpg" title="template2" width="462" /><br />
hasil yang didapat :<br />
<img alt="" class="alignnone size-full wp-image-2652" height="577" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template3.jpg" title="template3" width="453" /><br />
kalo udah terseleksi <a href="http://ilmuphotoshop.com/2008/03/19/tool-tool-photoshopsambungan/">pen tool</a> klik kanan di layar > make selection<br />
<img alt="" class="alignnone size-full wp-image-2639" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template4.jpg" title="template4" /><br />
Hasil seleksinya bakalan seperti ini<br />
<img alt="" class="alignnone size-full wp-image-2654" height="430" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template5.jpg" title="template5" width="340" /><br />
Sampe disini ada pertanyaan ?<br />
gak ada pertanyaan ya ? .. ya udah lanjut deh..  :p<br />
Sekarang kita perhalus bagian tepi hasil seleksi tadi dengan feather.. Klik select >modify > feather<br />
<img alt="" class="alignnone size-full wp-image-2640" height="174" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template6.jpg" title="template6" width="322" /><br />
Sekarang telan eh tekan CTRL + J untuk mengcopy hasil seleksi menjadi layer baru..<br />
<img alt="" class="alignnone size-full wp-image-2641" height="244" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template7.jpg" title="template7" width="290" /><br />
Buka foto yang mau dibuat jadi objek nya.. saya pake Foto Cinta Laura aja deh..<br />
setelah dibuka, drag foto cincha laura ke template yang udah disetting tadi<br />
<img alt="" class="alignnone size-full wp-image-2642" height="510" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template8.jpg" title="template8" width="409" /><br />
<b>Foto Cinta Laura</b> tadi di atur supaya pas sama kotak putih nya.. puter dikit..<br />
<img alt="" class="alignnone size-full wp-image-2643" height="384" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template9.jpg" title="template9" width="328" /><br />
Tukar layer 1 jadi di atas layer 2 ( drag layer 1 ke paling atas )<br />
<img alt="" class="alignnone size-full wp-image-2644" height="430" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template10.jpg" title="template10" width="473" /><br />
Matikan layer 2  dengan menghilangkan gambar mata di samping layer  window ( Foto Cinta Laura) sehingga background putihnya keliatan..<br />
seleksi background putih dengan polygonal lasso tool..<br />
<img alt="" class="alignnone size-full wp-image-2645" height="436" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template11.jpg" title="template11" width="500" /><br />
kalo udah.. nyalain lagi layer 2 … terus klik Select > inverse karena kita akan menyeleksi selain background putih<br />
Tekan Tombol DELETE<br />
<img alt="" class="alignnone size-full wp-image-2646" height="477" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template12.jpg" title="template12" width="436" /><br />
Tekan CTRL + D untuk menghilangkan seleksi..<br />
Sekarang kita buat bayangan supaya terkesan Real..<br />
Buat layer baru di bawah layer 1 diatas layer 2 (foto Cinta Laura ).. ( antara layer 1 dan layer 2 (Foto Cinta Laura) )<br />
Warnai bagian-bagian tertentu (yang diberi panah merah di gambar ) dengan Brush tool warna hitam<br />
<img alt="" class="alignnone size-full wp-image-2647" height="587" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template13.jpg" title="template13" width="469" /><br />
Klik Filter > Blur > Gaussian Blur<br />
<img alt="" class="alignnone size-full wp-image-2648" height="369" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template14.jpg" title="template14" width="352" /><br />
dan hasilnya :<br />
disini Foto Cinta Laura saya Edit dikit .. dengan Image > Adjustment > Hue Saturation<br />
<img alt="" class="alignnone size-full wp-image-2649" height="407" src="http://ilmuphotoshop.com/wp-content/uploads/2010/09/template15.jpg" title="template15" width="510" /><br />
Selamat mencoba yah..</div>

Photoshop Cara Memasukan Foto Cinta Laura ke dalam Template

posting kali ini saya akan memberi tips: Cara Memasukan Foto Cinta Laura ke dalam Template dengan photoshop...berikut langkah-langkahnaya: ...

Baca selengkapnya »

BLOG BETAWI

Membuat Kotak Author yang Stylish

Add-Ons SEO Tools di Firefox Untuk Blogger

Membuat Efek Pecah pada foto

Cara lain menghaluskan Wajah dengan Photoshop

Cara Memasukan Foto Cinta Laura ke dalam Template

Popular Post

Blog Archive