Membuat Garis Bawah Pada Link Menghilang

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzRCki-PWA2nvIniAytMsdfuSpWt_wZ_Blfl_7IScZjpuzSphUKpnwjm5Yz-19lpNBbyA1PFM9wPBr2m4swA1zA5Ar76xEyOh_Y21QVvHwOlT9rxhx9P2Hli3kTH5Tn_03tTXROBVjRKi2/s1600/CSS.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="CSS Anti Underline Link" border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzRCki-PWA2nvIniAytMsdfuSpWt_wZ_Blfl_7IScZjpuzSphUKpnwjm5Yz-19lpNBbyA1PFM9wPBr2m4swA1zA5Ar76xEyOh_Y21QVvHwOlT9rxhx9P2Hli3kTH5Tn_03tTXROBVjRKi2/s320/CSS.JPG" title="CSS Anti Underline Link" width="320" /></a></div>Jadwal artikel ini pasti sudah terbit, nah sekarang kita bermain sedikit dengan CSS yang sangat sederhana. Jika anda ingin membuat link di blog anda tanpa garis bawah pakai saja CSS di bawah ini kemudia letakan dibawah <b>]]></b:skin></b>.<br /><br /><pre class="brush:js;"><style type='text/css'><br />    a:link {text-decoration: none}<br />    a:visited {text-decoration: none}<br />    a:active {text-decoration: none}<br /></style><br /><br /></pre>Pasti berhasil, cara ini juga saya terapkan di Dreamweaver, seperti gambar diatas :D

Membuat Garis Bawah Pada Link Menghilang

Jadwal artikel ini pasti sudah terbit, nah sekarang kita bermain sedikit dengan CSS yang sangat sederhana. Jika anda ingin membuat link di b...

Baca selengkapnya »

Modifikasi Replay Menjadi Valid HTML5

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wii6HD7Y0veQku3s9oyoGEckfu-Y4xxUwzt_zk4uWbnXFZT0OpZO3su7ZmLpoCMzW2iY1OWh_bZ2aRXuLK3ziqiUXVq1JQ6vjnJc1nVArKaiAV8CgYO4LOS58-o_OAiGqAXwN2lvyBo/s320/Replay.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Blogger HTML5" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wii6HD7Y0veQku3s9oyoGEckfu-Y4xxUwzt_zk4uWbnXFZT0OpZO3su7ZmLpoCMzW2iY1OWh_bZ2aRXuLK3ziqiUXVq1JQ6vjnJc1nVArKaiAV8CgYO4LOS58-o_OAiGqAXwN2lvyBo/s400/Replay.jpg" title="Replay " width="400" /></a></div>Template Blogger HTML5 | Replay | Template blogger untuk referensi musik anda, template ini dari Soratemplate yang berbahasa XHTML 1.0  kemudian saya sulap menjadi bahasa HTML5 yang lebih valid dan mengurangi kesalahan pada validasi HTML.<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fseoshining.blogspot.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0" target="_blank"> </a><br /><div style="text-align: center;"><br /><br /><a class="button" href="http://replay-soratemplates.blogspot.com/">Demo</a><a class="button" href="http://adf.ly/Jtiul">Download</a><a class="button" href="http://www.bocahit.com/">Tutorial Blog</a></div>

Modifikasi Replay Menjadi Valid HTML5

Template Blogger HTML5 | Replay | Template blogger untuk referensi musik anda, template ini dari Soratemplate yang berbahasa XHTML 1.0  kemu...

Baca selengkapnya »

Template Blogger HTML5 | London Creative | Wammy

<span style="color: orange;">Template Blogger HTML5</span> | <span style="color: yellow;">London Creative</span> | <span style="color: blue;">Wammy</span> | Hasil modifikasi saya dari XHTML 1.0 ke  <a href="http://www.bocahit.com/2013/01/kenapa-wammy-san-pilih-html5.html" target="_blank">HTML5</a>. Sedikit sekali blog yang menyediakan template valid HTML5 yang membuat aku menjadi ingin berbagi tentang template dengan fitur terbaru ini. <a href="http://www.bocahit.com/2013/01/kenapa-wammy-san-pilih-html5.html" target="_blank">Kenapa saya pilih HTML5 ?</a><br />Template ini dari Soratemplate dengan Bahasa XHTML 1.0 dengan sekejap menjadi HTML5. <br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPkmRKmNADyAQatmEFSwJCEkUpxWaGXUN6ePN36cYixmcXTfymEgQpnTSC33n48GyRxkwJQCO38ejrNz84mdRAfzzlUIH_wl_Q_jay44Hn_w2p0l8FcoFWBU7B5aYRXuQHD2dZU3eqhExS/s1600/London.JPG" imageanchor="1"><img alt="Template Blogger Valid HTML5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPkmRKmNADyAQatmEFSwJCEkUpxWaGXUN6ePN36cYixmcXTfymEgQpnTSC33n48GyRxkwJQCO38ejrNz84mdRAfzzlUIH_wl_Q_jay44Hn_w2p0l8FcoFWBU7B5aYRXuQHD2dZU3eqhExS/s320/London.JPG" title="London Creative Wammy" /></a></div><br /><pre class="brush:js;"><ul id='fresh_cube_data'><br /><br /> <li class='fresh_cube_image_0'><br /><br /> <img src='<span style="color: #38761d;">/image.jpg</span>'/><br /><br /><span class='transition' title='random'><br /><br /><div class='post_category' id='slider_post_cat'>/<br /><br /><a href='<span style="color: #cc0000;">#</span>'><span style="color: black;">Web Design</span></a>/</div><br /><br /><div class='post_name'><br /> <a href='<span style="color: #cc0000;">#</span>' id='slider_img_desc'><span style="color: black;">1000s of Images In My Mind</span></a><br /> </div><br /><br /></span><br /><br /></li><br /><br /> ..........<br /><br /><div class='thumbs' id='thumbs'><br /><br /><div class='slider_content' id='sl_content'><br /><br /><ul id='slider_ul'><br /><br /><li><img alt='img' src='<span style="color: #38761d;">/thumb.jpg</span>'/><br /><br /><div class='slider_tit' style='display:none'><span style="color: black;">/ Web Design /</span></div><br /><br /> <a class='slider_desc' href='<span style="color: #cc0000;">#</span>' style='display:none' title='0'><span style="color: black;">1000s of Images In My Mind</span></a><br /><br /> </li><br /><br />..........</pre><br /><blockquote class="tr_bq">Ganti"#" URL artikel.<br />Ganti"image.jpg" slider image.<br />Ganti"thumb.jpg" thumbnail image. </blockquote><br />Kemudian Mengatur Menu :<br /><pre class="brush:js;"><div class='menu-nav-container'><br /> <ul class='menu' id='menu-nav'><br /> <li><a expr:href='data:blog.homepageUrl'>Home</a></li><br /> <li><a href='<span style="color: #cc0000;">#</span>'><span style="color: black;">About</span></a><br /> <ul class='sub-menu'><br /> <li><a href='<span style="color: #cc0000;">#</span>'><span style="color: black;">Dropdown test</span></a></li><br /> ..........</pre><blockquote>Ganti "#" dengan URL artikel anda<br />Ganti About/ Dropdown dengan menu anda </blockquote>Dan ini adalah hasil cek validasi HTML5 :<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjyo8Wk4bc0HrzhFEHuYkDVPfI2NBRvQfe0yEW_GBl1nxy2l7sXPsCmlT72lTIS6-oXwBMjJjjhXaAMFRf2DpflrJpOSMNJ7Un4qTlXNrpK8APVHFM1Sco6xKRepkpRgVYu-z2GVvZUQ/s912/Wampress.JPG" imageanchor="1"><img alt="Validasi HTML5" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjyo8Wk4bc0HrzhFEHuYkDVPfI2NBRvQfe0yEW_GBl1nxy2l7sXPsCmlT72lTIS6-oXwBMjJjjhXaAMFRf2DpflrJpOSMNJ7Un4qTlXNrpK8APVHFM1Sco6xKRepkpRgVYu-z2GVvZUQ/s912/Wampress.JPG" title="Validasi HTML5" /></a> Template Fitur: Di adaptasi dari Wordpress, 2 Kolom, Sidebar Kanan, Fotografi, Elegant, Featured Content Slider, Lebar Tetap, Background Hitam, Top Navigation Menu, Page Navigation.<br /><br /><div style="text-align: center;"><a class="button" href="http://wampress.blogspot.com/">DEMO</a><br /><br /><br /><a class="button" href="http://adf.ly/JlKpC">DOWNLOAD</a></div>

Template Blogger HTML5 | London Creative | Wammy

Template Blogger HTML5 | London Creative | Wammy | Hasil modifikasi saya dari XHTML 1.0 ke  HTML5 . Sedikit sekali blog yang menyediakan ...

Baca selengkapnya »

Membuat Statis Follow Blog Ala Wordpress Di Blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipI7J8RtwmI57_E4K0cjaqHjQYujjCoOpOz2RzoyjnKW-gK7WD_Dxc0aArz8X44Bmr-nNmdVXb8Iif3HzcIaw6bVGavT-g6NOGUeGahfQLs40wNeWQUoCqkAH9bPMMcBj3E-Ib_6uC-crM/s1600/Follow.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Statis Follow Blog Ala Wordpress Di Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipI7J8RtwmI57_E4K0cjaqHjQYujjCoOpOz2RzoyjnKW-gK7WD_Dxc0aArz8X44Bmr-nNmdVXb8Iif3HzcIaw6bVGavT-g6NOGUeGahfQLs40wNeWQUoCqkAH9bPMMcBj3E-Ib_6uC-crM/s1600/Follow.JPG" title="Membuat Statis Follow Blog Ala Wordpress Di Blogger" /></a></div><br />Membuat Statis Follow Blog Ala Wordpress Di Blogger | Mengerikan, sekarang apa yang ada di wordpress bisa ada di Blogger. Contohnya adalah statis follow wordpress...yang sudah default ada di blog wordpress sekarang bisa di pakai oleh blogger juga. Cara ini dipakai untuk menghemat tempat agar blog sedap dipandang.<br /><br />Anda letakkan kode ini didalam Gadget yaitu pada HTML/Javascript.<br /><br /><blockquote><style type="text/css"><br />/*<![CDATA[*/<br />    #w2bfollowSubscribe {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}<br />    .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}<br />    .w2bfollowButton {background: #464646;color: #CCC !important;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}<br />    .w2bfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSDpGyJlcOitgFlEsgfehidxpUL8xaxU1EyAlBY7ZZNdQcZ2qHE3R6e5Cq3mhvjRwJ3QlHv-AmGe1eF-ONCnA7g-2r9wOIQ2ZB3gqM56tBv0_t9GvbJgwOD9FGWN4H9Pxq5kaorssHYcyW/s1600/follow-w2b.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}<br />    .w2bfollowButton:hover,.followActive {color: #fff !important;}<br />    .w2bfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}<br />    .followactive {background-color: #333;}<br />    .w2bfollowForm {padding: 15px;}<br />    .w2bfollowForm h3 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}<br />    .w2bfollowForm p {margin: 0 0 10px;}<br />    .w2bfollowForm .emailInput {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}<br />    .w2bfollowForm form {text-align: center;}<br />    .w2bfollowForm .emailInput:focus {color: #000;border-color: #000;}<br />    .w2bfollowForm .emailSubmit {cursor:pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}<br />    .emailSubmit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}<br />    .emailSubmit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}<br />    .w2bFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}<br />    .w2bFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}<br />    .w2bFollowFooter a:hover {color: #fff;background: none;}<br />/*]]>*/<br /></style><br /><script type="text/javascript"><br />/*<![CDATA[*/<br />;(function(w2b){w2b(document).ready(function(){w2b.extend(w2b.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=w2b("#w2bfollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);w2b(".w2bfollowButton").click(function(e){if(followBox.hasClass("followOpened")){w2b(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{w2b(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);<br />/*]]>*/<br /></script><br /><div id="w2bfollowSubscribe" style="display:none;"><br />    <div class="w2bfollowForm"><br />        <a class="w2bfollowButton" href="#" title="Follow"><span>Follow</span></a><br />        <h3>Follow "<i><u><b><span style="color: red;">Nama Blog Anda</span></b></u></i>"</h3><br />        <p><b><i><u><span style="color: blue;">Ketik Pesan Anda Disini!!</span></u></i></b></p><br />        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<b><i><u><span style="color: lime;">Feedburner ID anda</span></u></i></b>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br />            <input type="text" class="emailInput" name="email" placeholder="Enter Your Email..."/><br />            <input type="hidden" value="Feedburner ID anda" name="uri"/><br />            <input type="hidden" name="loc" value="en_US"/><br />            <input type="submit" value="Subscribe" class="emailSubmit"/><br />        </form><br />        <p class="w2bFollowFooter"><br />            <a href="http://feedburner.google.com" target="_blank">Delivered by FeedBurner</a><br />        </p><br />    </div><br /></div></blockquote><br />Cukup mudah dan sederhana.<br />Ganti warna merah dengan : Nama Blog Anda<br />Ganti warna biru dengan : Pesan Anda<br />Ganti warna hijau dengan : ID Feedburner Anda<br />Misal : http://feeds.feedburner.com/<i><b><span style="color: orange;">bocahit<span style="color: black;"> (bocahit adalah ID Feedburner anda)</span></span></b></i>

Membuat Statis Follow Blog Ala Wordpress Di Blogger

Membuat Statis Follow Blog Ala Wordpress Di Blogger | Mengerikan, sekarang apa yang ada di wordpress bisa ada di Blogger. Contohnya adalah s...

Baca selengkapnya »

Membuat Iklan Melayang Di Samping Kanan & Kiri Blog Dengan Tombol Close

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50zQwPfaKZiVjg-q_Pngjp8Dd9-uGlbMMcDaZK_IMsPUbKgI1Fb1wGIZ0KXq68yvn2BWh_nuf5sIbsfcr1BIkIyS2kUP0C_EJ8WZpAmRL9eWznsqS3-3h_y2zT8KVEW6WM_9gcRqKrI8o/s1600/klan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Iklan Melayang Di Samping Kanan & Kiri Blog Dengan Tombol Close" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50zQwPfaKZiVjg-q_Pngjp8Dd9-uGlbMMcDaZK_IMsPUbKgI1Fb1wGIZ0KXq68yvn2BWh_nuf5sIbsfcr1BIkIyS2kUP0C_EJ8WZpAmRL9eWznsqS3-3h_y2zT8KVEW6WM_9gcRqKrI8o/s400/klan.JPG" title="Membuat Iklan Melayang Di Samping Kanan & Kiri Blog Dengan Tombol Close" width="400" /></a></div><br /><span style="color: orange;">Membuat Iklan Melayang Di Samping Kanan & Kiri Blog Dengan Tombol Close</span> | Beberapa hari yang lalu saya menulis masalah <a href="http://www.bocahit.com/2013/02/cara-mengatasi-crawl-errors-404-pada.html" target="_blank">Mengatasi Errors di Webmaster</a> dan <a href="http://www.bocahit.com/2013/02/membuat-avatar-komentar-melingkar.html" target="_blank">Memodifikasi Avatar Komentar</a>, kali ini masih di sekitar Blogger. Admin blog yang mungkin sudah berumur "tua" di dunia blog, mungkin akan berpikiran untuk memasang beberapa iklan di blog agar bisa ada hasil receh yang ia terima. Salah satunya memasang iklan melayang. Kalau iklan melayang menurut saya di beri tombol X (close) agar tidak mengganggu pandangan pengunjung. Ini menurut saya...karena itu saya pasang cara iklan melayang dengan tombol close.<br /><br />Masukkan kode di bawah ini, pada Layout  di Gadget HTML/JS<br /><br /><br /><pre class="brush:js;"><script type='text/javascript'><br />    $(document).ready(function() {<br />    $('img#closed').click(function(){<br />    $('#btm_banner').hide(90);<br />    });<br />    });<br />    </script><br /><br />    <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};<br />    </script><script type="text/javascript"><br />    if (window.jstiming) window.jstiming.load.tick('headEnd');<br />    </script><br /><br />    <!--start: floating ads--><br />    <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;"><br /><br />    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjfkSOV4Gqi5xMwWDkeCE1JJWYGF5FheWDb3_pYkHonD6d9BjDzyG2B5MRvanpcjHKcpvMFtv9I4rLL7jbLu63X_VTPeMmCR2FWPf3GXJj4VCHEyhiyHWxE6pFB8euHiX9pZ_Ag9r-7eX/s1600/PhoXo2.png'/></center></a></div><br />    <!--Mulai--><br />   Iklan Anda<br />    <!--Akhir--><br />    </div><br />    <!--end: floating ads--><br />    <!--start: floating ads--><br />    <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;"><br /><br />    <div><a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjfkSOV4Gqi5xMwWDkeCE1JJWYGF5FheWDb3_pYkHonD6d9BjDzyG2B5MRvanpcjHKcpvMFtv9I4rLL7jbLu63X_VTPeMmCR2FWPf3GXJj4VCHEyhiyHWxE6pFB8euHiX9pZ_Ag9r-7eX/s1600/PhoXo2.png'/></center></a></div><br /><br />    <!--Mulai--><br />Iklan Anda     <br /> <!--Akhir--><br /><br />    </div><br />    <!--end: floating ads--><br /></pre>Okey selesai. Silakan ganti <b>Iklan Anda</b> dengan kode iklan anda.

Membuat Iklan Melayang Di Samping Kanan & Kiri Blog Dengan Tombol Close

Membuat Iklan Melayang Di Samping Kanan & Kiri Blog Dengan Tombol Close | Beberapa hari yang lalu saya menulis masalah Mengatasi Errors...

Baca selengkapnya »

Membuat Avatar Komentar Melingkar

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Q6_5z-GozQW0Ot0rF6tTsF3aCjWKju0jQ1-nMuM4OwVCttDQ4GltB2172Mu_rz4TGtUqA1XKs0AL0TQvY18qWJW8mj9S9Z6mW47P-WgMhzCpcoKM0VeN-G_b643wS2_QWf7AVfAVElNI/s1600/roundining-the-blogger-avatar-image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Avatar Komentar Melingkar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Q6_5z-GozQW0Ot0rF6tTsF3aCjWKju0jQ1-nMuM4OwVCttDQ4GltB2172Mu_rz4TGtUqA1XKs0AL0TQvY18qWJW8mj9S9Z6mW47P-WgMhzCpcoKM0VeN-G_b643wS2_QWf7AVfAVElNI/s1600/roundining-the-blogger-avatar-image.jpg" title="Membuat Avatar Komentar Melingkar" /></a></div><br />Membuat Avatar Komentar Melingkar | Terkadang aku juga bosan dengan bentuk avatar komentar yang hanya kotak saja. Aku juga kadang temukan avatar komentar yang sama di beberapa blog tetangga. Ya, karna beberapa template <i>default </i>dari blogger memang hanya seperti itu. Lalu Bagaimana membuatnya melingkar ?.....<br /><br />Cukup letakkan kode di bawah ini diatas kode ]]></b:skin>.<br /><br /><pre class="brush:js;">.avatar-image-container,<br />.avatar-image-container img {<br />    max-width: 50px !important;<br />    width: 50px !important;<br />    max-height: 50px !important;<br />    height: 50px !important;<br />    padding: 0 !important;<br />    border: 0px;<br />    -webkit-border-radius: 999px;<br />    -moz-border-radius: 999px;<br />    border-radius: 999px;<br />}<br /><br />.avatar-image-container{<br />    border:3px solid #fff !important;<br />    -webkit-box-shadow: 0 1px 2px #BBB;<br />    -moz-box-shadow: 0 1px 2px #BBB;<br />    box-shadow: 0 1px 2px #BBB;<br />} </pre>Selasai, sekarang anda lihat avatar komentar di blog anda.

Membuat Avatar Komentar Melingkar

Membuat Avatar Komentar Melingkar | Terkadang aku juga bosan dengan bentuk avatar komentar yang hanya kotak saja. Aku juga kadang temukan av...

Baca selengkapnya »