tag:blogger.com,1999:blog-54805060033724143352024-03-12T18:33:41.049-07:00Klinik-TutorialDinas Kesehatan Blog Yang berisi Berbagai Macam Tips & Trik dalam Mempercantik Blog Andaklinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.comBlogger41125tag:blogger.com,1999:blog-5480506003372414335.post-87761637318643539932008-09-03T16:40:00.000-07:002008-09-03T16:54:32.206-07:00Cara Membuat Animasi Flash Label<script type="text/javascript"><br />var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "470", "150", "7", "#333333");<br />// uncomment next line to enable transparency<br />//so.addParam("wmode", "transparent");<br />so.addVariable("tcolor", "0x333333");<br />so.addVariable("mode", "tags");<br />so.addVariable("distr", "true");<br />so.addVariable("tspeed", "100");<br />so.addVariable("tagcloud", "<tags><a href='http://www.oprekblogger.com/search/label/ABout%20Me' style='12'>ABout Me</a><a href='http://www.oprekblogger.com/search/label/Artikle%20From%20Email' style='12'>Artikle From Email</a><a href='http://www.oprekblogger.com/search/label/Artikle%20Islami' style='12'>Artikle Islami</a><a href='http://www.oprekblogger.com/search/label/Artikle%20Kesehatan' style='12'>Artikle Kesehatan</a><a href='http://www.oprekblogger.com/search/label/Artikle%20Ku' style='12'>Artikle Ku</a><a href='http://www.oprekblogger.com/search/label/Award%20Blog' style='12'>Award Blog</a><a href='http://www.oprekblogger.com/search/label/Ebooks%20Free' style='12'>Ebooks Free</a><a href='http://www.oprekblogger.com/search/label/Free%20Template' style='12'>Free Template</a><a href='http://www.oprekblogger.com/search/label/Free%20Themes%20Hp' style='12'>Free Themes Hp</a><a href='http://www.oprekblogger.com/search/label/Just%20Sharing' style='12'>Just Sharing</a><a href='http://www.oprekblogger.com/search/label/Liburan' style='12'>Liburan</a><a href='http://www.oprekblogger.com/search/label/Portfolio%20Me' style='12'>Portfolio Me</a><a href='http://www.oprekblogger.com/search/label/Promosi%20me' style='12'>Promosi me</a><a href='http://www.oprekblogger.com/search/label/Tips%20Blogger' style='12'>Tips Blogger</a><a href='http://www.oprekblogger.com/search/label/Tutorial%20Internet' style='12'>Tutorial Internet</a><a href='http://www.oprekblogger.com/search/label/Ucapan%20Terima%20Kasih' style='12'>Ucapan Terima Kasih</a><a href='http://www.oprekblogger.com/search/label/Untuk%20Negriku' style='12'>Untuk Negriku</a></tags>");<br />so.addParam("allowScriptAccess", "always");<br />so.write("flashcontent");<br /></script><br /><br />Akhirnya setelah sekian lama tidak memposting di blog qu yang satu ini kali ini saya datang kembali untuk memberikan tutorial bagaimana cara membuat label animasi seperti label yang ada di sidebar kanan dari blog saya.<br /><br />BLogger hack ini disebut "Blogumus" yang artinya adalah sebuah wp untuk wordpress merupakan sebuah tampilan flash yang menampilkan tag atau label blog kita. Roy Tanck's WP Cumulus plugin for Wordpress. dia yang mengconvertnya.<br /><br />Bagaimana cara pemasangannya di blog kita?<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Selanjutnya cari kode di bawah ini :<br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><b:section class='sidebar' id='sidebar' preferred='yes'></span><br /><br />6. Copy kode di bawah ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><br /><b:widget id='Label99' locked='false' title='Labels' type='Label'><br /><br /><b:includable id='main'><br /><br /><b:if cond='data:title'><br /><br /><h2><data:title/></h2><br /><br /></b:if><br /><br /><div class='widget-content'><br /><br /><script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/><br /><br /><br /><br /><br /><div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.oprekblogger.com'>Romzon</a></div><br /><br /><br /><br /><script type='text/javascript'><br /><br />var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);<br /><br /><br /><br /><br />// uncomment next line to enable transparency<br /><br />//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);<br /><br />so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);<br /><br />so.addVariable(&quot;mode&quot;, &quot;tags&quot;);<br /><br /><br />so.addVariable(&quot;distr&quot;, &quot;true&quot;);<br /><br />so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);<br /><br />so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);<br /><br /><br />so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);<br /><br />so.write(&quot;flashcontent&quot;);<br /><br /></script><br /><br /><b:include name='quickedit'/><br /><br /></div><br /><br /></b:includable><br /><br /><br /></b:widget><br /></div><br />7. Save template dan lihat hasilnya.<br /><br />Semoga membantu...<br /><br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com19tag:blogger.com,1999:blog-5480506003372414335.post-65859258548686928252008-08-29T11:12:00.000-07:002008-08-29T11:16:17.949-07:00Icon-icon buat BLoggerIni Merupakan beberapa icon gratis yang saya dapat berikan kepada teman-teman semuanya disni semuanya dapat kalian download gratis tanpa bayar sedikit pun. Icon ini berguna untuk mempercantik tampilan dari blog kalian.<br /><br />Selamat mencoba<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1TZd3hvT6nZLgYtyBUAABjHXMLJ3OQhZM5nwTmYL260CiqSFppWs_LLdt_tl-gEi0NnqBaVPjRj9UmxLhVw3l46T-Vi6WrNnmzBkKk-9hpY1IqZdjHlwtVStwO-n8ri6zXzuXBgHbm-B/s1600-h/1.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz1TZd3hvT6nZLgYtyBUAABjHXMLJ3OQhZM5nwTmYL260CiqSFppWs_LLdt_tl-gEi0NnqBaVPjRj9UmxLhVw3l46T-Vi6WrNnmzBkKk-9hpY1IqZdjHlwtVStwO-n8ri6zXzuXBgHbm-B/s400/1.png" alt="" id="BLOGGER_PHOTO_ID_5239722400725283874" border="0" /></a><p></p><center><a href="http://flashripper.net/2008/03/05/ikonki-irish-icons-pack.html">A set of sweet Irish Icons</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkYT3j918z8xT5BTWaqJaMs1uN3iVEAyp17y8SnFm21z5GihH99gxHN460vQzxsKhf9UbQX62kHfP8LVdXkjXOMjlbYMzfMnlg4eA4nGbodRqlpMQPJH643CxVpeywkkcVbDfMvsc8wDJ3/s1600-h/2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkYT3j918z8xT5BTWaqJaMs1uN3iVEAyp17y8SnFm21z5GihH99gxHN460vQzxsKhf9UbQX62kHfP8LVdXkjXOMjlbYMzfMnlg4eA4nGbodRqlpMQPJH643CxVpeywkkcVbDfMvsc8wDJ3/s400/2.png" alt="" id="BLOGGER_PHOTO_ID_5239723748571841554" border="0" /></a><br /><center><a href="http://www.design-freak.com/2008/05/06/rss-icons-campaign/">Several wild RSS feed icon sets</a></center><br /><br /><span class="fullpost"><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW99wZs-PHG6DMx-WKS5CuIxujMuFhtQNjkmjWlSlq5h7lKFkdZJ-7g1BvFSsCOsr1gU_x03s62sXb0kkXole2lo6g1UzgBjyYd8qMjd73L__Y8-JbW3EP4XEmdkBXsNJJlSrzL5lRRgpq/s1600-h/email_me_by_Mayosoft.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW99wZs-PHG6DMx-WKS5CuIxujMuFhtQNjkmjWlSlq5h7lKFkdZJ-7g1BvFSsCOsr1gU_x03s62sXb0kkXole2lo6g1UzgBjyYd8qMjd73L__Y8-JbW3EP4XEmdkBXsNJJlSrzL5lRRgpq/s400/email_me_by_Mayosoft.jpg" alt="" id="BLOGGER_PHOTO_ID_5239724629320706114" border="0" /></a><center><a href="http://mayosoft.deviantart.com/art/email-me-30688479">From DefiantArt</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlOKqkKl-pRQm-LT3shPEIOaDcHx-542KSzf4Kg_R-KOHstBOiwGxSRqQ-kuKrSVlq6FMeP45zhCMs7QOyUOK8n8PIeODR2_LghV07LpA9ibvKeOMXnq1RpNDGizCfJckoTvJQwx6l3rVh/s1600-h/3.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlOKqkKl-pRQm-LT3shPEIOaDcHx-542KSzf4Kg_R-KOHstBOiwGxSRqQ-kuKrSVlq6FMeP45zhCMs7QOyUOK8n8PIeODR2_LghV07LpA9ibvKeOMXnq1RpNDGizCfJckoTvJQwx6l3rVh/s400/3.png" alt="" id="BLOGGER_PHOTO_ID_5239725257173520466" border="0" /></a><center><a href="http://www.dezinerfolio.com/2008/08/28/on-stage-free-vector-psd-icon-set/">Free Vector Icon PSD Set</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitS_XWigtFDfSTy1qohvOb7f-IO8kUoJQQhOM1ceZhH_fDFQmjOJ488UlxqVnpPnbXBN2B7zEbXqKuNbf29neFc3-vDy3weL7RfrKVrQHj5JddpodI84FRv_L6JkHsKxYS7HVPwKrW24Vm/s1600-h/simplistica_1_5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitS_XWigtFDfSTy1qohvOb7f-IO8kUoJQQhOM1ceZhH_fDFQmjOJ488UlxqVnpPnbXBN2B7zEbXqKuNbf29neFc3-vDy3weL7RfrKVrQHj5JddpodI84FRv_L6JkHsKxYS7HVPwKrW24Vm/s400/simplistica_1_5.jpg" alt="" id="BLOGGER_PHOTO_ID_5239726022312255202" border="0" /></a><center><a href="http://dryicons.com/free-icons/preview/simplistica/">Simplistica (has a nice calendar icon!)</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif5omJ46xa9twyJx7wb7Hu9E70JqdewYOsaFz6aJUjI7wMyoVcoiD-J6zBFQDhp8AxqbancSyKf4HcY01dTyPB8u-Bj9dbPlIpyg0SovrKXFtiRWeIrkfW1WBu7rZ7AH-o2tkWFckmXxzO/s1600-h/stickers_icon_set_1_5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif5omJ46xa9twyJx7wb7Hu9E70JqdewYOsaFz6aJUjI7wMyoVcoiD-J6zBFQDhp8AxqbancSyKf4HcY01dTyPB8u-Bj9dbPlIpyg0SovrKXFtiRWeIrkfW1WBu7rZ7AH-o2tkWFckmXxzO/s400/stickers_icon_set_1_5.jpg" alt="" id="BLOGGER_PHOTO_ID_5239726535309693074" border="0" /></a><center><a href="http://dryicons.com/free-icons/preview/stickers-icon-set/">Stickers Icons</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvjEALvW4MNggUbL8N8fMwCgHHl2RxOzHl3nYmUy2feyZNlc-EUKxivgqL3PlYTNkpe0tXtsMGXmE2ROyJkQicaBQE-AXqAFBrskfGEvazqo8eEpr46SUhYxrW8t0vNQkjpjbqOdIzVPMc/s1600-h/sketchy_paper_icons_1_5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvjEALvW4MNggUbL8N8fMwCgHHl2RxOzHl3nYmUy2feyZNlc-EUKxivgqL3PlYTNkpe0tXtsMGXmE2ROyJkQicaBQE-AXqAFBrskfGEvazqo8eEpr46SUhYxrW8t0vNQkjpjbqOdIzVPMc/s400/sketchy_paper_icons_1_5.jpg" alt="" id="BLOGGER_PHOTO_ID_5239727086897413778" border="0" /></a><center><a href="http://dryicons.com/free-icons/preview/sketchy-paper-icons/">Sketchy Paper Icons (I LOVE this set)</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibcwEDLfDihaYsy9-X7fs8SS-e5PGNI9dFtLkc-adCliq8ntOdgyvKiKp7dh1y5MdCDqwY4_sqKu95-NEqpXzmJkIMBlGo-oPNjO9sjivX6DK8RL75g92yrGOiq3P8Pqz2p1-TYbxB4CLx/s1600-h/valentine_love_1_5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibcwEDLfDihaYsy9-X7fs8SS-e5PGNI9dFtLkc-adCliq8ntOdgyvKiKp7dh1y5MdCDqwY4_sqKu95-NEqpXzmJkIMBlGo-oPNjO9sjivX6DK8RL75g92yrGOiq3P8Pqz2p1-TYbxB4CLx/s400/valentine_love_1_5.jpg" alt="" id="BLOGGER_PHOTO_ID_5239727589823220050" border="0" /></a><center><a href="http://dryicons.com/free-icons/preview/valentine-love/">Valentine Love</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzlSB7oZOi29hxUS8-gJO7qkbCRiQ3CRAVGGlp9Hb2GZgNjFs0pqHMLevzs0f47keTpGa5Nn3K421X5CQcTmoIXvdFOKKjepsXoHgmbx0-KXfcYldO_KvLbPFHDIzuikeGRH9y8Zm4XV4E/s1600-h/blogging-icons-set2.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzlSB7oZOi29hxUS8-gJO7qkbCRiQ3CRAVGGlp9Hb2GZgNjFs0pqHMLevzs0f47keTpGa5Nn3K421X5CQcTmoIXvdFOKKjepsXoHgmbx0-KXfcYldO_KvLbPFHDIzuikeGRH9y8Zm4XV4E/s400/blogging-icons-set2.png" alt="" id="BLOGGER_PHOTO_ID_5239728073522891186" border="0" /></a><center><a href="http://www.blogperfume.com/free-glossy-blogging-icons-set-for-bloggers/">Glossy Blogging Icons</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRYch-iJLbmu1dlUDk5ZZAAuG2nim6ObbN20BBsFIFiCxs-HsTtdTBpozTvPaBO_7dI-iQRVFO6Y9cXK16IJIeSb0Zfk43uvK_gz-2D9eDj03QN9GfYmNm2FF9jQorYhqQiPsXDK-Pj70/s1600-h/4.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRYch-iJLbmu1dlUDk5ZZAAuG2nim6ObbN20BBsFIFiCxs-HsTtdTBpozTvPaBO_7dI-iQRVFO6Y9cXK16IJIeSb0Zfk43uvK_gz-2D9eDj03QN9GfYmNm2FF9jQorYhqQiPsXDK-Pj70/s400/4.png" alt="" id="BLOGGER_PHOTO_ID_5239728868774835218" border="0" /></a><center><a href="http://wefunction.com/2008/07/function-free-icon-set/">Function Icon Set</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLcaYcb_gb1ElUTXDU_m3WNb9WCQirwYz1hYS1hzA89UJgCwdLpAy4S5oje1v5SYYga-xyMhHyKN_PoVVj1Ud1M7EBfLnfewxYUycocoqEQEhi0HH-UHw7oU3pFZeJ4XWoaZLDY09OMzqj/s1600-h/icons.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLcaYcb_gb1ElUTXDU_m3WNb9WCQirwYz1hYS1hzA89UJgCwdLpAy4S5oje1v5SYYga-xyMhHyKN_PoVVj1Ud1M7EBfLnfewxYUycocoqEQEhi0HH-UHw7oU3pFZeJ4XWoaZLDY09OMzqj/s400/icons.jpg" alt="" id="BLOGGER_PHOTO_ID_5239729311506873874" border="0" /></a><center><a href="http://www.templates.com/presentations/free-icon-set-for-bloggers.html">Bottle Icon Set (cute, cute, cute!)<br /></a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvH901JGA2i_Y_Vd0_aLFimN0ZGutqj0d0np5TQgI4182WDzaJ6Yk2t-ybBpXaVaQc79yDIcLVXBBfEAUH82Gx5erLV2VXuMmR1xiCCp1F_YLNpSYyWt8M3XB4L6xAukAXV914_if2Xy1g/s1600-h/coquette_icons_set_1_5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvH901JGA2i_Y_Vd0_aLFimN0ZGutqj0d0np5TQgI4182WDzaJ6Yk2t-ybBpXaVaQc79yDIcLVXBBfEAUH82Gx5erLV2VXuMmR1xiCCp1F_YLNpSYyWt8M3XB4L6xAukAXV914_if2Xy1g/s400/coquette_icons_set_1_5.jpg" alt="" id="BLOGGER_PHOTO_ID_5239730149565828706" border="0" /></a><br /><center><a href="http://dryicons.com/free-icons/preview/coquette-icons-set/">Coquette Icon Set</a></center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv10x5lfiM8m1yMRSWGdzA6Yey9tm6koZhli8vsiW24fajKpsP_Zk2CIhcOskQe4VsbW5g7GgHZ17FixGdP0YTrUFVL-2e1DkogmzyjyYQl7HDDiVCB8hyphenhyphen4aF4X_32P1RRqP6MBQwO5guO/s1600-h/5.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv10x5lfiM8m1yMRSWGdzA6Yey9tm6koZhli8vsiW24fajKpsP_Zk2CIhcOskQe4VsbW5g7GgHZ17FixGdP0YTrUFVL-2e1DkogmzyjyYQl7HDDiVCB8hyphenhyphen4aF4X_32P1RRqP6MBQwO5guO/s400/5.png" alt="" id="BLOGGER_PHOTO_ID_5239731052636535426" border="0" /></a><center><a href="http://www.monofactor.com/goodies/free-vector-icon-set-1/">Vector Icon Set</a></center><p></p><br /><br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com6tag:blogger.com,1999:blog-5480506003372414335.post-86069632281502221052008-08-28T08:46:00.000-07:002008-08-28T08:52:48.027-07:00Emotion Buat Friendster dan Blogger<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW6hI9vOj5vOXlkfzvr-Hv5Er0HN9VHYHUwBMcce8SgclFwxfNa4aQWHariGsSVEzIUyGa7xZdF3J_neUsnnPV-2un72_aTA0rIN91A-c5l3YzTzkSfpiUs28nQcB-v1yx4PNzf_pPnmxz/s1600-h/yahoo-emotions.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW6hI9vOj5vOXlkfzvr-Hv5Er0HN9VHYHUwBMcce8SgclFwxfNa4aQWHariGsSVEzIUyGa7xZdF3J_neUsnnPV-2un72_aTA0rIN91A-c5l3YzTzkSfpiUs28nQcB-v1yx4PNzf_pPnmxz/s320/yahoo-emotions.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5239596969861744962" /></a><br />Akhirnya setelah sekian lama saya posting kembali di blog tutorial aku yang satu ini. pada postingan kali ini saya akan memberikan kode-kode bagaimana cara pasang yahoo emotion buat friendster dan blogger atau pun buat forum-forum yang lain.<br />dari pada berlama-lama langsung aja deh saya kasih kodenya..<br /><br />neh kodenya...<br /><span class="fullpost"><br /><center><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" border="0" height="18" /></center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="18" height="18" border="0" /></textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" height="18" border="0" /></textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="18" border="0" height="18" /> </center><br /><br /><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="18" height="18" border="0" /> </textarea></div></form><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width="18" border="0" height="18" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width="18" height="18" border="0" /> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center><img src="http://emonizer.googlepages.com/drinking22.gif" border="0" /></center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"><img src="http://emonizer.googlepages.com/drinking22.gif" border="0"></textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center><img src="http://emonizer.googlepages.com/drinking24.gif" border="0" /></center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"><img src="http://emonizer.googlepages.com/drinking24.gif" border="0"></textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center><img src="http://emonizer.googlepages.com/drinking33.gif" border="0" /></center><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"><img src="http://emonizer.googlepages.com/drinking33.gif" border="0"></textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://emonizer.googlepages.com/smiley_beer.gif" border="0" /></center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://emonizer.googlepages.com/smiley_beer.gif" border="0"></textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://emonizer.googlepages.com/breakpc2.gif" border="0" /></center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://emonizer.googlepages.com/breakpc2.gif" border="0"></textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/ambulance.gif" border="0" /> </center><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/ambulance.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/ass1.gif" border="0" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/ass1.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/ass8.gif" border="0" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/ass8.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/bolakbalik.gif" border="0" /> </center><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/bolakbalik.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/movingthem3.gif" border="0" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/movingthem3.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/sick10.gif" border="0" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/sick10.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/thefinger11.gif" border="0" /> </center><br /><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/thefinger11.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><center> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/waiting.gif" border="0" /> </center><br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy ALL" type="button"> </div><div align="center"></div><div align="center"><textarea cols="55" name="txt" rows="50" style="height: 80px; width: 200px;" wrap="VIRTUAL"> <img src="http://i307.photobucket.com/albums/nn293/emonizer/em1/waiting.gif" border="0"> </textarea></div></form></div><br /><br /><br /><br /><br /><br /></div></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com4tag:blogger.com,1999:blog-5480506003372414335.post-83317176110912326432008-08-24T08:46:00.000-07:002008-08-24T09:01:23.799-07:00Trik Memperbesar Gambar pada Blogger<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_Oxagzso6TBgT7Bo6SlLbP3-qoOG5si90K6U3tXxnTeOGAnA3Rjr0I_hcssYeo943BFiHIg6Qi7Guvj22Lq6uqoWN8TAZVLlQqWtrkBIJx-tcTdMpj5E7fLKzb8Z7Vmikw58TDRtRJeJ/s1600-h/gmaba.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS_Oxagzso6TBgT7Bo6SlLbP3-qoOG5si90K6U3tXxnTeOGAnA3Rjr0I_hcssYeo943BFiHIg6Qi7Guvj22Lq6uqoWN8TAZVLlQqWtrkBIJx-tcTdMpj5E7fLKzb8Z7Vmikw58TDRtRJeJ/s800/gmaba.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5238114452906637922" /></a><br />Apakah anda pernah mengharapkan agar anda bisa mengirimkan tampilan yang lebih besar via Blogger ?<br /><br />Saya menemukan trik rapi dari seorang pembaca, Miranda. Ini memerlukan blogger kerangka dengan ekstra lebar di bagian gambar oleh sebab itu akan menunjukkan tampilan yang lebih besar.<br /><br />Upload gambar kamu dengan cara :<br />Klik Dashboard | Posting | Create | Add Image icon.<br /><br />kemudia tunggu beberapa saat sampai loadingnya berhenti.<br />Setelah itu klik edit html dan lihat code-codenya kira-kira seperti ini :<br /><span class="fullpost"><br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92X91UBcUBfRK_n6ZlVDaBwwAS7uvSNuPDpDlmZb_jnu9zo0FQF0bLUeGF8QllW6feUYzSgVFfIKWzo8Dt7sVupWcuoAIScWUWEjaBa25DL45vAMuDvUhpTAovvYxCurt7hfAYvWrMu2u/s1600-h/DSC_2693.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92X91UBcUBfRK_n6ZlVDaBwwAS7uvSNuPDpDlmZb_jnu9zo0FQF0bLUeGF8QllW6feUYzSgVFfIKWzo8Dt7sVupWcuoAIScWUWEjaBa25DL45vAMuDvUhpTAovvYxCurt7hfAYvWrMu2u/<span style="color: rgb(255, 102, 0);">s400</span>/DSC_2693.JPG" alt="" id="BLOGGER_PHOTO_ID_5237868380194789154" border="0" /></a><br /></div><br />Dari semua kode diatas coba kalian lihat code yang saya warnai nah disitulah triknya.<br />Sekarang coba kalian ganti code yang saya warnai diatas dengan code ini <span style="color: rgb(255, 102, 0);">s800</span><br /><br />Selesai deh...<br /><br />Silahkan kalian coba..<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com6tag:blogger.com,1999:blog-5480506003372414335.post-30765655333836470392008-08-19T17:39:00.000-07:002008-08-19T21:53:11.405-07:00Cara membuat Side menuMungkin teman-teman masih pada bingung apa yang dimaksud dengan side menu,dari pada teman-teman pada bingung coba kalian lihat contohnya <a href="http://yudhim.blogspot.com/">disini</a>. SIde menu merupakan menu yang ada di sebelah kiri blog tadi yang menunya turun-naik turun-naik. ok deh dari pada kalian bingung langsung di coba aja ya??saya ambil kode ini dari website ini <a href="http://www.dynamicdrive.com/">http://www.dynamicdrive.com/</a><br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Kemudian copy kode di bawah ini dan paste di notepad :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />//Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.<br />//Site: http://www.absolutegb.com/maximus<br />//Script featured on Dynamic Drive (http://www.dynamicdrive.com)<br /><br />NS6 = (document.getElementById&&!document.all)<br />IE = (document.all)<br />NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")<br /><br />tempBar='';barBuilt=0;ssmItems=new Array();<br /><br />function truebody(){<br />return (document.compatMode!="BackCompat")? document.documentElement : document.body<br />}<br /><br />moving=setTimeout('null',1)<br />function moveOut() {<br />if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {<br />clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}<br />else {clearTimeout(moving);moving=setTimeout('null',1)}};<br />function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}<br />function moveBack1() {<br />if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {<br />clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}<br />else {clearTimeout(moving);moving=setTimeout('null',1)}}<br />function slideMenu(num){<br />if (IE) {ssm.pixelLeft += num;}<br />if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}<br />if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}}<br /><br />function makeStatic() {<br />if (NS||NS6) {winY = window.pageYOffset;}<br />if (IE) {winY = truebody().scrollTop;}<br />if (NS6||IE||NS) {<br />if (winY!=lastY&&winY>YOffset-staticYOffset) {<br />smooth = .2 * (winY - lastY - YOffset + staticYOffset);}<br />else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {<br />smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}<br />else {smooth=0}<br />if(smooth > 0) smooth = Math.ceil(smooth);<br />else smooth = Math.floor(smooth);<br />if (IE) bssm.pixelTop+=smooth;<br />if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"<br />if (NS) bssm.top=parseInt(bssm.top)+smooth<br />lastY = lastY+smooth;<br />setTimeout('makeStatic()', 1)}}<br /><br />function buildBar() {<br />if(barText.indexOf('<IMG')>-1) {tempBar=barText}<br />else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}<br />document.write('<td align="center" rowspan="90" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}<br /><br />function initSlide() {<br />if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;<br />bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}<br />else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style<br />bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}<br />else if (NS) {bssm=document.layers["basessm1"];<br />bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];<br />bssm2.clip.left=0;ssm.visibility = "show";}<br />if (menuIsStatic=="yes") makeStatic();}<br /><br />function buildMenu() {<br />if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+'px ;Top : '+YOffset+'px ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'px"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+'px ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}<br />if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}<br />if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'"><TR><TD>')}<br />document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'">');<br />for(i=0;i<ssmItems.length;i++) {<br />if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}<br />else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);<br />if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}<br />if(!ssmItems[i][1]){<br />document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'px" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'">&nbsp;<font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}<br />else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;<br />document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'px" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'">&nbsp;<A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}<br />if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}<br />if(ssmItems[i][4]!="no"){document.write('</TR>')}}<br />document.write('</table>')<br />if (NS6){document.write('</TD></TR></TABLE>')}<br />if (IE||NS6) {document.write('</DIV></DIV>')}<br />if (NS) {document.write('</LAYER></ILAYER></LAYER>')}<br />theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}<br /><br /><br /><br /></div><br />6. Save file tadi dengan nama <span style="font-weight: bold;">ssm.js</span><br /><br />7. lalu copy kode di bawah ini dan paste di notepad lagi :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />YOffset=200; // no quotes!!<br />XOffset=0;<br />staticYOffset=150; // no quotes!!<br />slideSpeed=20 // no quotes!!<br />waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.<br />menuBGColor="#d1d8ec";<br />menuIsStatic="yes"; //this sets whether menu should stay static on the screen<br />menuWidth=180; // Must be a multiple of 10! no quotes!!<br />menuCols=2;<br />hdrFontFamily="verdana";<br />hdrFontSize="2";<br />hdrFontColor="#000000";<br />hdrBGColor="#ffffff";<br />hdrAlign="left";<br />hdrVAlign="center";<br />hdrHeight="360";<br />barBGColor="#86629f";<br />barFontFamily="Verdana";<br />barFontSize="2";<br />barFontColor="#ffffff";<br />barVAlign="center";<br />barWidth=15; // no quotes!!<br />barText="Hubungi saya";<br />ssmItems[0]=["<center><img src=<span style="color: rgb(255, 0, 0);">http://img395.imageshack.us/img395/4389/1787644503lpj2.jpg</span>><br>Jika Ada Pertanyaan silahkan kirim email ke <br><img src=<span style="color: rgb(255, 0, 0);">http://img168.imageshack.us/img168/5003/yudhipv7.png</span>> "]<br /><br /><br />buildMenu();<br /><br /></div><br />8. Save file yang tadi dibuat dengan nama <span style="font-weight: bold;">ssmitems.js</span><br /><br />9. Cari kode di bawah ini :<br /><span style="color: rgb(255, 0, 0);"></head></span><br /><br />10. Kemudian ganti 2 URL di bawah ini dengan URL file yang kalian upload :<br /><script src='<span style="color: rgb(255, 0, 0);">http://yudhi.890m.com/file/js/ssm.js</span>' type='text/javascript'><br /><br /><script src='<span style="color: rgb(255, 0, 0);">http://yudhi.iskandar.googlepages.com/ssmitems2.js</span>' type='text/javascript'><br /><br />setelah itu kalian taruh kedua kode diatas di bawah kode </span><span class="fullpost"><span style="color: rgb(255, 0, 0);"></head></span></span><br /><span class="fullpost"><br />11. Save dan lihat hasilnya.<br /><br />Selamat mencoba....<br /><br />Catatan : Upload file tadi di web hosting seperti googlepages.com atau hostingan gratis kalian.Terus ganti tulisan berwarna merah diatas dengan URL gambar kalian.<br /><br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com6tag:blogger.com,1999:blog-5480506003372414335.post-5406694276618615152008-08-16T17:26:00.000-07:002008-08-16T17:36:34.904-07:00Script Tidak Bisa Copy-Paste<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVDoAl3u5pmHJoxXthg4Iw2OKA1Hw-zw6S8UCmgS5Q-p66eisicB7oqKd5tAfQVWhTMCr1ossdWd-UzSqHqkPF6hYWU9zMkAXcAhF8ObMAD4TepRCasdFDCZSBvSBvjI7nCEDfP_WGDC7/s1600-h/iphone_copy_paste.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVDoAl3u5pmHJoxXthg4Iw2OKA1Hw-zw6S8UCmgS5Q-p66eisicB7oqKd5tAfQVWhTMCr1ossdWd-UzSqHqkPF6hYWU9zMkAXcAhF8ObMAD4TepRCasdFDCZSBvSBvjI7nCEDfP_WGDC7/s320/iphone_copy_paste.jpg" alt="" id="BLOGGER_PHOTO_ID_5235277693684627042" border="0" /></a><br />Nah akhirnya aku dapat menulis lagi di blog qu yang satu ini.Kali ini saya akan memberikan tutorial bagaimana memasang kode supaya blog kita tidak dapat di copy-paste tapi kalau kalian tidak mau dibilang pelit sama teman-teman kalian yah ga usah lah pasang kode ini.<br /><br />he....<br /><br />ok deh lanjut..mau tahu caranya ??<br /><span class="fullpost"><br />1. Sign in BLogger<br /><br />2. Pilih Layout<br /><br />3. Klik "add gadget / add page elemen"<br /><br />4. Silahkan pilih elemen html / javascript<br /><br />5. Masukkan kode di bawah ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><br /><script language="JavaScript"><br /><!-- http://www.spacegun.co.uk --><br /> var message = "<span style="color: rgb(255, 0, 0);">BLOG juga karya cipta, belajarlah untuk tidak meng-COPY PASTE</span>";<br /> function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }<br /> if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }<br /> document.onmousedown = rtclickcheck;<br /></script><br /><br /><br /></div><br />6. Save dan lihat hasislnya.<br /><br />note : ganti tulisan warna merah diatas dengan kata-kata sesuai dengan keinginan kalian sciprt ini juga bisa berguna buat di Friendster dan yang lain loh...<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com3tag:blogger.com,1999:blog-5480506003372414335.post-55452094215018564272008-08-11T09:59:00.000-07:002008-08-11T10:08:41.222-07:00Membuat Menu ( Versi 3 )<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybrsJsrrrrVqTNRWs7udBCV4zaErZYBfZ-Nyio1jktnoLBTaAe0d90YtLtWmlT2CDlUpjiWwHM3kxZm54gAGcHzHPQe2bgyIEVi5hc82Lj7hA5b6Xa6Z4mgLyjbnMsKYE8dPpjwsIOvLv/s1600-h/38718.gif.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybrsJsrrrrVqTNRWs7udBCV4zaErZYBfZ-Nyio1jktnoLBTaAe0d90YtLtWmlT2CDlUpjiWwHM3kxZm54gAGcHzHPQe2bgyIEVi5hc82Lj7hA5b6Xa6Z4mgLyjbnMsKYE8dPpjwsIOvLv/s320/38718.gif.jpg" alt="" id="BLOGGER_PHOTO_ID_5233306784452458690" border="0" /></a><br />Tutorial kali ini saya akan membahas bagaimana cara membuat Tab Menu Horizontal yang lebih mudah dan tidak sulit dan juga membuat ruang Blog atau Website menjadi lebih besar. Kalu masih pada penasaran silahkan kalian coba saja ya??<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode di bawah ini :<br /><span style="color: rgb(255, 0, 0);">]]></b:skin></span><br /><br />6. Tambahkan kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />#navigation{<br /><br />height:2.2em;<br /><br />line-height:2.2em;<br /><br />margin:0 1px;<br /><br />background:#AF7817;<br /><br />color:#ffffff;<br /><br />}<br /><br />#navigation li{<br /><br />float:left;<br /><br /><br />list-style-type:none;<br /><br />border-right:1px solid #ffffff;<br /><br />white-space:nowrap;<br /><br />}<br /><br />#navigation li a{<br /><br />display:block;<br /><br />padding:0 10px;<br /><br />font-size:0.8em;<br /><br />font-weight:normal;<br /><br /><br />text-transform:uppercase;<br /><br />text-decoration:none;<br /><br />background-color:inherit;<br /><br />color: #ffffff;<br /><br />}<br /><br />* html #navigation a {width:1%;}<br /><br />#navigation .selected,#navigation a:hover{<br /><br />background:#000;<br /><br />color:#ffffff;<br /><br /><br />text-decoration:none;<br /><br />}<br /><br /></div><br /><br />7. Kemudian cari kode di bawah ini :<br /><div id='content-wrapper'><br /><br />8. Tambahkan kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><div id='navigation'><br /><ul><br /><li class='selected'><a href='<span style="font-weight: bold; color: rgb(51, 204, 0);">Alamat Link 1</span>'><span style="font-weight: bold; color: rgb(51, 204, 0);">Home</span></a></li><br /><li><a href='<span style="font-weight: bold; color: rgb(51, 204, 0);">Alamat Link 2</span>'><span style="font-weight: bold; color: rgb(51, 204, 0);">Tukaran Link</span></a></li><br /><li><a href='<span style="color: rgb(51, 204, 0); font-weight: bold;">Alamat Link 3</span>'><span style="color: rgb(51, 204, 0); font-weight: bold;">Sumbangan</span></a></li><br /><li><a href='<span style="font-weight: bold; color: rgb(51, 204, 0);">Alamat Link 4</span>'><span style="font-weight: bold; color: rgb(51, 204, 0);">Lain-lain</span></a></li><br /><li><a href='<span style="color: rgb(51, 204, 0); font-weight: bold;">http://klinik-tutorial.blogspot.com/</span>'><span style="color: rgb(51, 204, 0); font-weight: bold;">klinik-tutorial</span></a></li><br /></ul><br /></div><br /></div><br /><br />9. Save dan lihat hasilnya.<br /><br />Note : Silahkan ganti tulisan yang berwarna hijau dengan URL yang kalian inginkan.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com6tag:blogger.com,1999:blog-5480506003372414335.post-17911547162692349832008-08-10T17:27:00.000-07:002008-08-10T17:43:20.306-07:00Memasang Nomor pada Kotak Komentar<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrWICoTxjUVYfzw2GFzmav99Gi9MwrAU9TkpeNVZS2FaDikZlD-jpv4GASkS7J7GgSWr2H6_ka8s-c2wy-REyhn3gjizqXw5pSPkfhKIJJkC0ef1t8Cg05qZRDvLZKGhA2n9NracTTtndA/s1600-h/Clip_20.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrWICoTxjUVYfzw2GFzmav99Gi9MwrAU9TkpeNVZS2FaDikZlD-jpv4GASkS7J7GgSWr2H6_ka8s-c2wy-REyhn3gjizqXw5pSPkfhKIJJkC0ef1t8Cg05qZRDvLZKGhA2n9NracTTtndA/s320/Clip_20.jpg" alt="" id="BLOGGER_PHOTO_ID_5233052605043563330" border="0" /></a><br />Banyak sekali tips dan trik yang terdapat pada blogger ini salah satunya yang terbaru adalah memberikan nomor pada kolom kotak komentar seperti contoh diatas :<br />Kali ini saya akan memberikan cara bagaimana memberikan nomor pada kolom kotak komentar :<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode ini :<br /><span style="color: rgb(255, 0, 0);">]]></b:skin></span><br /><br />6. Tambahkan kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />.numberingcomments{<br /><br />float: right;<br /><br />display: block;<br /><br />width: 50px;<br /><br />margin-right: 5px;<br /><br />margin-top: -35px; /*comments-counter position*/<br /><br />text-align: right;<br /><br />font-family: ‘Century Gothic’,'Lucida Grande’,Arial,Helvetica,Sans-Serif;<br /><br />font-size: 30px;<br /><br /><br />font-weight: normal;<br /><br />}<br /><br />.numberingcomments a:link, .numberingcomments a:visited {color: <strong><span style="color: rgb(0, 255, 0);">#445566</span></strong> !important; text-decoration: none !important;}<br /><br />.numberingcomments a:hover, .numberingcomments a:active {color: <strong><span style="color: rgb(0, 255, 0);">#FF9933</span></strong> !important; text-decoration: none !important;}<br /><br /></div><br />Silahkan ganti tulisan yang berwarna hijau dengan warna yang kalian sukai.<br /><br />7. Tambahkan kode merah di bawah ini diantara kode-kode di bawah :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><dl id='comments-block'><br /><br /><span style="color: rgb(255, 0, 0);"><script type='text/javascript'>var CommentsCounter=0;</script></span><br /><br /> <b:loop values='data:post.comments' var='comment'><br /><br /><span style="color: rgb(255, 0, 0);"><div class='' expr:id='data:comment.id'></span><br /><br /> <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'><br /><br /><br /> <a expr:name='data:comment.anchorName'/><br /><br /> <b:if cond='data:comment.authorUrl'><br /><br /> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br /><br /> <b:else/><br /><br /> <data:comment.author/><br /><br /><br /> </b:if><br /><br /> <data:commentPostedByMsg/><br /><br /><span style="color: rgb(255, 0, 0);"> <span class='numberingcomments'><br /><br /> <a expr:href='"#comment-" + data:comment.id' title='Comment Link'><br /><br /> <script type='text/javascript'><br /><br /> CommentsCounter=CommentsCounter+1;<br /><br /><br /> document.write(CommentsCounter)<br /><br /> </script><br /><br /> </a><br /><br /> </span></span><br /><br /> </dt><br /><br /> <dd class='comment-body'><br /><br /><br /> <b:if cond='data:comment.isDeleted'><br /><br /> <span class='deleted-comment'><data:comment.body/></span><br /><br /> <b:else/><br /><br /> <p><data:comment.body/></p><br /><br /> </b:if><br /><br /><br /> </dd><br /><br /> <dd class='comment-footer'><br /><br /> <span class='comment-timestamp'><br /><br /> <a expr:href='data:comment.url' title='comment permalink'><br /><br /> <data:comment.timestamp/><br /><br /> </a><br /><br /><br /> <b:include data='comment' name='commentDeleteIcon'/><br /><br /> </span><br /><br /> </dd><br /><br /><span style="color: rgb(255, 0, 0);"></div></span><br /><br /> </b:loop><br /><br /> </dl><br /><br /></div><br /><br />8. Save dan lihat hasilnya.<br /><br />Keep Blogging...<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com1tag:blogger.com,1999:blog-5480506003372414335.post-51587670712247653782008-08-10T10:49:00.000-07:002008-08-10T10:55:34.901-07:00Menghapus Kata-Kata pada MyBlog2<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1D1X5RsPPEIT1vgaKgjTfnzjw7gzr-HNspE5eKAfsRcpS9NavSwutupOPKjJkVqkK5z-f6Qr1l6k5Gry_7wAvMxVB28CXkVFZJnkvcQLxoqUPSaGMSg5NeKLPxkl4D6npkjhg9PzBNe3-/s1600-h/myblog.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1D1X5RsPPEIT1vgaKgjTfnzjw7gzr-HNspE5eKAfsRcpS9NavSwutupOPKjJkVqkK5z-f6Qr1l6k5Gry_7wAvMxVB28CXkVFZJnkvcQLxoqUPSaGMSg5NeKLPxkl4D6npkjhg9PzBNe3-/s320/myblog.jpg" alt="" id="BLOGGER_PHOTO_ID_5232948083560229042" border="0" /></a><br />Mungkin para blogger sudah tidak asing lagi dengan myblog blog karen ini merupakan salah satu widget yang paling sering digunakan oleh para blogger mania. Pada tutorial kali ini saya akan memberikan tutorial bagaimana cara menghapus kata-kata yang ada pada my blog blog seperti contoh kasus diatas.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. cari kode ini :<br /><span style="color: rgb(255, 0, 0);">]]></b:skin></span><br /><br />6. Tambahkan kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />td.mbl_fo_hidden{display:none;}<br /><br />td.mbl_join_img{}<br /><br />td.mbl_join{}<br /><br />tr#tr0{display: none}th.mbl_h{display:none;}<br /><br /></div><br /><br />7. Save dan lihat hasilnya<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0tag:blogger.com,1999:blog-5480506003372414335.post-60112387042533602352008-08-10T09:27:00.001-07:002008-08-10T17:34:34.008-07:00Memasang Tab Accordion Bubbling Library<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdG28DY1wm1gVEROKu5TCU4FcrHA34XhpAMd01jG5rs66vV7l3DeeSxxl60yK7Ju8BuexF_My9upAT2JlpFQgR5VuADtxBAbN60HU4v9Eusjjo1_d0x5bBWBcGdJknYzmjE5HsODqppq5f/s1600-h/iphone2007_b.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdG28DY1wm1gVEROKu5TCU4FcrHA34XhpAMd01jG5rs66vV7l3DeeSxxl60yK7Ju8BuexF_My9upAT2JlpFQgR5VuADtxBAbN60HU4v9Eusjjo1_d0x5bBWBcGdJknYzmjE5HsODqppq5f/s320/iphone2007_b.jpg" alt="" id="BLOGGER_PHOTO_ID_5232926652305881474" border="0" /></a><br />Mungkin teman-teman kalian masih pada bingung apa itu Tab Accordion Bubbling Library, sekarang blogger memperbolehkan kita untuk memakai tutorial ini pada semua blog di blogspot. Ok kalau kalian masih pada bingung coba kalian lihat contoh demonya :<br /><span class="fullpost"><br /><center><br /><br /><a tip="" href="http://jaloee.googlepages.com/rollover.html">Demo 1</a></center><br /><br />Nah begini cara membuatnya :<br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode ini : (Untuk Lebih memudahkan kalian klik ctrl + f)<br /></head><br /><br />6. Tambahkan kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><style type="text/css"><br /><br />.myAccordion {<br /><br />float: left;<br /><br />margin-right: 15px;<br /><br />}<br /><br />h3{<br /><br />padding: 8px;<br /><br />color: #636363;<br /><br /><br />background-color: #ffffff;<br /><br />background-image: url(<span style="color: rgb(255, 0, 0);">http://alien.keren.googlepages.com/1.gif</span>);<br /><br />background-position: top;<br /><br />background-repeat: repeat-x;<br /><br />font-weight: normal;<br /><br />}<br /><br />.myAccordion .yui-cms-accordion .yui-cms-item {<br /><br />border: 1px solid #cccccc;<br /><br />width: 200px;<br /><br /><br />}<br /><br />.myAccordion .yui-cms-accordion .yui-cms-item h3 {<br /><br />margin: 0px;<br /><br />}<br /><br />.myAccordion .yui-cms-accordion .yui-cms-item .accordionToggleItem {<br /><br />background: url(<span style="color: rgb(255, 0, 0);">http://alien.keren.googlepages.com/accordion.gif</span>) no-repeat 0px 0px;<br /><br />text-decoration: none;<br /><br />padding-left: 20px;<br /><br />display: block;<br /><br /><br />}<br /><br />.myAccordion .yui-cms-accordion .yui-cms-item.selected .accordionToggleItem {<br /><br />background: url(<span style="color: rgb(255, 0, 0);">http://alien.keren.googlepages.com/accordion.gif</span>) no-repeat 0px -100px;<br /><br />}<br /><br />.myAccordion .yui-cms-accordion .yui-cms-item .bd {<br /><br />height: 0px;<br /><br />overflow: hidden;<br /><br />background-color: #fff;<br /><br />}<br /><br /><br />.myAccordion .yui-cms-accordion .yui-cms-item .bd .fixed {<br /><br />overflow: hidden;<br /><br />padding: 5px;<br /><br />height: 230px;<br /><br />}<br /><br /></style><br /><br /><script type="text/javascript" src="http://yui.yahooapis.com/2.5.1/build/utilities/utilities.js"><br /><br /></script><br /><br /><script type="text/javascript" src="http://js.bubbling-library.com/1.5.0/build/bubbling/bubbling.js"></script><br /><br /><br /><script type="text/javascript" src="http://js.bubbling-library.com/1.5.0/build/accordion/accordion.js"></script></div><br /><br />7. Tambahkan Page elemen HTML / Javascript lalu tambahkan kode di bawah ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><div class="myAccordion"><br /><br /><div class="yui-cms-accordion persistent rollover <span style="color: rgb(0, 255, 0);"><strong>slow</strong></span>"><br /><br /><div class="yui-cms-item"><br /><br /><h3><a href="#" class="accordionToggleItem" title="click to expand"><span style="color: rgb(0, 255, 0);"><strong>Tajuk</strong></span></a></h3><br /><br /><div class="bd"><br /><br /><br /><div class="fixed"><br /><br /><p><br /><br /><span style="color: rgb(0, 255, 0);"><strong>Masukkan teks atau kod HTML disini</strong></span><br /><br /></p><br /><br /></div><br /><br /></div><br /><br /></div><br /><br /><div class="yui-cms-item selected"><br /><br /><h3><a href="#" class="accordionToggleItem" title="click to expand"><span style="color: rgb(0, 255, 0);"><strong>Tajuk</strong></span></a></h3><br /><br /><br /><div class="bd" style="height: auto;"><br /><br /><div class="fixed"><br /><br /><p><br /><br /><span style="color: rgb(0, 255, 0);"><strong>Masukkan teks atau kod HTML disini</strong></span><br /><br /></p><br /><br /></div><br /><br /></div><br /><br /></div> <div class="yui-cms-item"><br /><br /><br /><h3><a href="#" class="accordionToggleItem" title="click to expand"><span style="color: rgb(0, 255, 0);"><strong>Tajuk</strong></span></a></h3><br /><br /><div class="bd" style="height: auto;"><br /><br /><div class="fixed"><br /><br /><p><br /><br /><span style="color: rgb(0, 255, 0);"><strong>Masukkan teks atau kod HTML disini</strong></span><br /><br /></p><br /><br /></div><br /><br /><br /></div><br /><br /></div> <div class="yui-cms-item"><br /><br /><h3><a href="#" class="accordionToggleItem" title="click to expand"><span style="color: rgb(0, 255, 0);"><strong>Tajuk</strong></span></a></h3><br /><br /><div class="bd" style="height: auto;"><br /><br /><div class="fixed"><br /><br /><p><br /><br /><br /><span style="color: rgb(0, 255, 0);"><strong>Masukkan teks atau kod HTML disini</strong></span><br /><br /></p><br /><br /></div><br /><br /></div><br /><br /></div><br /><br /></div><br /><br /><div style="text-align: right;">Widget by <u><a href="http://klinik-tutorial.blogspot.com/">klinik-tutorial</a></u></div><br /><br /><br /></div></div><br /><br />8. Save dan lihat hasilnya.<br /><br />Jangan lupa ganti tulisan berwarna hijau diatas dengan tulisan kalian.<br /><br />untuk mempercepat prosesnya tinggal kalian ganti tulisan <span style="font-weight: bold;">slow</span> menjadi <span style="font-weight: bold;">fast</span>.<br /><br />Selamat mencoba</span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com2tag:blogger.com,1999:blog-5480506003372414335.post-35044998161488961792008-08-10T09:11:00.000-07:002008-08-10T09:20:50.197-07:00Menambah Background pada Template anda<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifdVIb5QLqa1KlwlD8KpEcNcFGJftr2PgeAewhRnVISLHwUVn-rUD2yopTSWgrxIsqfZKVQqoj7VTJpmJLOirQKRAunDBHXWhXjQLQtbD59lCnSIWi2ObocBh5K8dueXOKUaio00MSbjev/s1600-h/Clip_19.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifdVIb5QLqa1KlwlD8KpEcNcFGJftr2PgeAewhRnVISLHwUVn-rUD2yopTSWgrxIsqfZKVQqoj7VTJpmJLOirQKRAunDBHXWhXjQLQtbD59lCnSIWi2ObocBh5K8dueXOKUaio00MSbjev/s320/Clip_19.jpg" alt="" id="BLOGGER_PHOTO_ID_5232923234646761074" border="0" /></a><br />Mungkin biasanya teman-teman mendapat template yang hanya standar dari pembuat template itu tapi kalau kalian ingin menambahkan gambar pada template kalian yang sesuai dengan keinginan kalian seperti contoh gambar diatas saya akan memberi tahu cara-caranya :<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode di bawah ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />body {<br /><br />background:$bgcolor;<br /><br />margin:0;<br /><br />color:$textcolor;<br /><br />font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;<br /><br />font-size/* */:/**/small;<br /><br />font-size: /**/small;<br /><br />text-align: center;<br /><br />}<br /></div><br /><br />6. Kemudian tambahkan kode merah di bawah ini dan ganti tulisan berwarna hijau di bawah dengan URL gambar yang kalian inginkan :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />body {<br /><br /><span style="color: rgb(255, 0, 0);">background:$bgcolor url(<strong><span style="color: rgb(0, 255, 0);">http://img152.imageshack.us/img152/6574/3d169tl1.jpg</span></strong>);</span><br /><br />margin:0;<br /><br />color:$textcolor;<br /><br />font:x-small Georgia Serif;<br /><br />font-size/* */:/**/small;<br /><br />font-size: /**/small;<br /><br />text-align: center;<br /><br /><br />}<br /></div><br />7. Save dan lihat hasilnya<br /><br />selamat mencoba..<br /><br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com1tag:blogger.com,1999:blog-5480506003372414335.post-28646155753591647622008-08-10T08:39:00.001-07:002008-08-10T09:07:59.841-07:00Mengganti tulisan Home,Posting Lama dan Baru dengan Gambar<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDh3uU-xXmJdhYwpbF7M51Vc5Av6sAdCO8EFogcbCAFuxc6tXpr8dhn7elDZqkDGeTOKJMIrJcrB4hF2CfM2LTE2kQZOw_frKLv9uV2SWVQU5t0ayuQPcduOyoDR7IpaUb7Z6I9mED8MmA/s1600-h/Clip_18.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDh3uU-xXmJdhYwpbF7M51Vc5Av6sAdCO8EFogcbCAFuxc6tXpr8dhn7elDZqkDGeTOKJMIrJcrB4hF2CfM2LTE2kQZOw_frKLv9uV2SWVQU5t0ayuQPcduOyoDR7IpaUb7Z6I9mED8MmA/s320/Clip_18.jpg" alt="" id="BLOGGER_PHOTO_ID_5232916772762516674" border="0" /></a><br />Apa kalian pernah melihat blog atau website yang tulisan home, posting lama dan posting barunya berupa gambar. Nah kali ini saya akan memberikan tutorial bagaimana mengganti tulisan-tulisan tersebut dengan gambar.Ok deh dari pada berlama-lama langsung saja kita mulai tutorialnya.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode di bawah ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><b:if cond='data:newerPageUrl'><br /><br /><span id='blog-pager-newer-link'><br /><br /><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><span style="color: rgb(0, 255, 0);"><strong><data:newerPageTitle/></strong></span></a><br /><br /></span><br /><br /></b:if><br /><br /></div><br /><br />6. Ganti tulisan hijau diatas dengan kode di bawah ini :<br /><img src="http://alien.keren.googlepages.com/first.gif"/><br /><br />7. Kemudian cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><b:if cond='data:olderPageUrl'><br /><br /><span id='blog-pager-older-link'><br /><br /><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><span style="color: rgb(0, 255, 0);"><strong><data:olderPageTitle/></strong></span></a><br /><br /></span><br /><br /></b:if><br /></div><br /><br />8. Ganti tulisan yang berwarna hijau dengan kode di bawah ini :<br /><img src="http://alien.keren.googlepages.com/last.gif"/><br /><br />9. Lalu cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><b:if cond='data:blog.homepageUrl != data:blog.url'><br /><br /><a class='home-link' expr:href='data:blog.homepageUrl'><span style="color: rgb(0, 255, 0);"><strong><data:homeMsg/></strong></span></a><br /><br /><b:else/><br /><br /><b:if cond=’data:newerPageUrl’><br /><br /><a class=’home-link’ expr:href=’data:blog.homepageUrl’><span style="color: rgb(0, 255, 0);"><strong><data:homeMsg/></strong></span></a><br /><br /></b:if><br /><br /><br /></b:if><br /></div><br />10. Ganti tulisan berwarna hijau diatas dengan kode di bawah ini :<br /><img src="http://alien.keren.googlepages.com/home.gif"/><br /><br />11. Save dan lihat hasilnya.<br /><br />akhirnya selesai juga deh....selamat mencoba<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0tag:blogger.com,1999:blog-5480506003372414335.post-43068391652757944402008-07-25T10:45:00.000-07:002008-07-25T10:52:43.962-07:00Membuat Link Menjadi Berwarna<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrTxh_ov5FOiuzPhMruO7nU-VxiL2SpEsH-PD8pPStV0KzIO5eWmwxTX6nPyXLHx6Mp3CdPw9xN0yo7FfJXzFYdGM8Le2YSzJJbx-LHPWwnu10fZxltWSgvIIZTmXai_-VftlfBayjqMH/s1600-h/rainbow-too.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrTxh_ov5FOiuzPhMruO7nU-VxiL2SpEsH-PD8pPStV0KzIO5eWmwxTX6nPyXLHx6Mp3CdPw9xN0yo7FfJXzFYdGM8Le2YSzJJbx-LHPWwnu10fZxltWSgvIIZTmXai_-VftlfBayjqMH/s320/rainbow-too.jpg" alt="" id="BLOGGER_PHOTO_ID_5227011021372375186" border="0" /></a><br />Kali ini saya akan memberikan tutorial bagaimna cara membuat link dalam suatu blog atau website menjadi warna-warni gitu.Contoh seperti di blog saya yang satunya http://yudhim.blogspot.com/<a href="http://yudhim.blogspot.com/"></a>. Kalo masih pada bingung silahkan kalian coba dulu aja yah??<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode <head><br /><br />6. Tambah kode ini dibawahnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><script src='http://alien.keren.googlepages.com/warna.js'></script></div><br /><br />7. Save dan lihat hasilnya.<br /><br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com2tag:blogger.com,1999:blog-5480506003372414335.post-92159846028707632772008-07-25T10:33:00.000-07:002008-07-25T10:43:12.450-07:00Membuat Menu ( Versi 2)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUm-L8idTBos00AjxH8-9v2WWSEFkq2Y2VkvoUV62HkLWVFX2Grnab8EWMieL6GzPvaO6mBL3Km-8CzujdkygGI9M5ezFw0arotF3mXShOn6CpV3Gxo7nDlmDk2uXL6CXgiudj4Jgw65IP/s1600-h/list-mainmenu.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUm-L8idTBos00AjxH8-9v2WWSEFkq2Y2VkvoUV62HkLWVFX2Grnab8EWMieL6GzPvaO6mBL3Km-8CzujdkygGI9M5ezFw0arotF3mXShOn6CpV3Gxo7nDlmDk2uXL6CXgiudj4Jgw65IP/s320/list-mainmenu.gif" alt="" id="BLOGGER_PHOTO_ID_5227007372492060882" border="0" /></a><br />Terima kasih kepada temanku yang bertanya bagaimana cara membuat menu horizontal??Nah kali ini saya akan memberikan solusinya.Sebenarnya banyak yang cara yang digunakan untuk membuat menu horizontal salah satunya dengan cara ini.Mungkin cara ini lain dari pada yang lain.Ok ddeh langsung saja kita mulai...<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode ini <span style="color: rgb(0, 128, 0);">]]></b:skin></span><br /><br />6. Kemudian taruh kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><br />/*-- (Menu/Nav) --*/<br /><br />#nav{background:#222; height:32px; padding:4px 0 0; margin-bottom:0px}<br /><br />#nav-left{float:left; display:inline; width:600px}<br /><br />#nav-right{float:right; display:inline; width:100px}<br /><br /><br />#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0;<br />font:1.0em Arial,Helvetica,sans-serif}<br /><br />#nav ul li{float:left; list-style:none}<br /><br />#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px;<br />padding:5px 4px; text-decoration:none}<br /><br />#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px;<br />padding:5px 4px}<br /><br />#nav ul li a.current, #nav ul li a.current:visited, #nav ul li<br />a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px<br />7px}<p></p><br /><br /><br /><p><span style="color: rgb(128, 0, 0);">/*-- (Search) --*/<br /><br />#search{background:#f9f9f9 url(http://oom.blog.googlepages.com/search.gif) 6px<br />2px no-repeat; -moz-border-radius-bottomleft:10px;<br /><br />-moz-border-radius-bottomright:10px;<br /><br /><br />-moz-border-radius-topleft:10px;<br /><br />-moz-border-radius-topright:10px; border:1px solid #b3b3b3; float:right;<br />height:25px; margin:0 0px 0 0; width:180px}<br /><br />* html #search{margin-right:8px}<br /><br />#search input{font-family:Verdana,Arial,Helvetica,sans-serif;<br />background:transparent; border:0; color:#555; float:left; font-size:12px;<br />margin:5px 0 0; padding:0px 2px 2px 27px; width:140px}</span><br /><br /></p></div><br /><br />7. Kemudian cari kode ini <span style="color:#008000;"><div id='outer-wrapper'><div id='wrap2'></span><br /><br />8. Taruh kode di bawah ini dibawah kode diatas :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><br /><div id='nav'><br /><br /><b:section class='header-tabs' id='header-tabs' preferred='yes'<br />showaddelement='no'><br /><br /><b:widget id='LinkList1' locked='true' title='Top Tabs' type='LinkList'><br /><br /><b:includable id='main'><br /><br /><div class='widget-content'><br /><br /><b:if cond='data:title'/><br /><br /><div id='nav-left'><br /><br /><br /><ul><br /><br /><li><a href='/'>Home</a></li><br /><br /><b:loop values='data:links' var='link'><br /><br /><li><a expr:href='data:link.target'><data:link.name/></a></li><br /><br /></b:loop><br /><br /><br /></ul><br /><br /></div><br /><br /></div><br /><br /></b:includable><br /><br /></b:widget><br /><br /><b:widget id='HTML3' locked='true' title='Search' type='HTML'><br /><br /><b:includable id='main'><br /><br /><div id='nav-right'><br /><br /><br /><form expr:action='data:blog.homepageUrl + &quot;search&quot;' id='searchform'<br />method='get' name='searchform'><br /><br /><b:if cond='data:title'/><br /><br /><div id='search'><br /><br /><input class='s' id='s' name='q' onblur='if (this.value == &apos;&apos;)<br />{this.value = &apos;Cari artikel disini&apos;;}' onfocus='if (this.value ==<br />&apos;Cari artikel disini&apos;) {this.value = &apos;&apos;;}' type='text'<br />value='Cari artikel disini'/><br /><br /><br /><input id='searchsubmit' type='hidden' value='Search'/><br /><br /><data:content/><br /><br /></div><br /><br /></form><br /><br /></div><br /><br /></b:includable><br /><br /></b:widget><br /><br /></b:section><br /><br /><br /></div><br /></div><br /><br />9. Save dan lihat hasilnya.</span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com1tag:blogger.com,1999:blog-5480506003372414335.post-52060945300029887902008-07-25T10:22:00.000-07:002008-07-25T10:43:04.990-07:00Memperlebar Dropdown Menu<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpopO8wTGQtV9eUPHacWvPDG1CEhuQa1zEpzyrKM2XgXYD9T87z918DOkcEQsRd6skR8mG4MzLnpQ5wgkloERtMTNlxE_ICZD0ZhrB7qFfsDnqVCRq4tpblWbJtBX0neNKgldE7i3g1E5H/s1600-h/drpdwn2.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpopO8wTGQtV9eUPHacWvPDG1CEhuQa1zEpzyrKM2XgXYD9T87z918DOkcEQsRd6skR8mG4MzLnpQ5wgkloERtMTNlxE_ICZD0ZhrB7qFfsDnqVCRq4tpblWbJtBX0neNKgldE7i3g1E5H/s320/drpdwn2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5227005497940714194" /></a><br />Di dalam blogger kita dapat membuat arsip ke dalam suatu data yang tersimpan di dalam blogger dan dapat kita publikasikan dalam bentuk dropdown menu atau hierarki.Ok langsung saja kali ini saya akan mengajari bagaimana memperlebar Dropdown menu.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><b:includable id='menu' var='data'><br /><br /><select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'><br /><br /><br /> <option value=''><data:title/></option><br /><br /><br /> <b:loop values='data:data' var='i'><br /><br /><br /> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option><br /><br /><br /> </b:loop><br /><br /><br /></select><br /><br /><br /></b:includable></div><br /><br />6. Ganti kode diatas dengan kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><b:includable id='menu' var='data'><br /><br /> <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' <span style="color: rgb(255, 0, 0);">style='width:100%'</span>><br /><br /><br /> <option value=''><data:title/></option><br /><br /><br /> <b:loop values='data:data' var='i'><br /><br /><br /> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option><br /><br /><br /> </b:loop><br /><br /><br /> </select><br /><br /><br /></b:includable><p></p></div><br /><br />7. Save dan lihat hasilnya.<br /><br />catatan : Kalian tinggal ubah angka yang ada di kode ini <span style="color:#ff0000;">style='width:100%'</span><br /><br /><br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0tag:blogger.com,1999:blog-5480506003372414335.post-72907125200951888662008-07-18T06:27:00.000-07:002008-07-18T06:35:34.985-07:00Menghilangkan Tanggal Posting pada BlogspotSebenarnya dalam menghilangkan tanggal posting di blogspot sangatlah mudah kalian hanya menambahkan sedikit kode ini agar tanggal postingnya hilang.Ok deh langsung saja kita mulai tutorialnya dari pada berlama-lama.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Tambahkan kode warna merah di bawah ini diantara kode-kode di bawah :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />h2.date-header {<br /><br />margin:.3em 0 0;<br /><br />padding:0;<br /><br />font-size:80%;<br /><br />color:#777;<br /><br />height: 0px;<br /><br /><span style="color:#ff0000;">visibility: hidden;</span><br /><br />}<br /><br /></div><br /><br />6. Save dan lihat hasilnya.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com9tag:blogger.com,1999:blog-5480506003372414335.post-18332334804104031582008-07-18T05:51:00.000-07:002008-07-18T06:21:41.575-07:00Cara Menghilangkan Navbar Blogger ( Versi 2)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi33183GfvyVADpZigBo9MJjT5dps8C5kplUOo-I8aD3wo-GrBhDeH-IoruS75PKARnDCvKQLQob_9b_hljyxPlTYmMkzLOGK6Hqyh0RRdwubRI8q5Cef36XfZVR5m32Wh8V2pjIr6gX12H/s1600-h/blogger-navbar-dt.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi33183GfvyVADpZigBo9MJjT5dps8C5kplUOo-I8aD3wo-GrBhDeH-IoruS75PKARnDCvKQLQob_9b_hljyxPlTYmMkzLOGK6Hqyh0RRdwubRI8q5Cef36XfZVR5m32Wh8V2pjIr6gX12H/s320/blogger-navbar-dt.jpg" alt="" id="BLOGGER_PHOTO_ID_5224341886875855282" border="0" /></a><br />Ok tmen2 kali ini saya akan memberikan cara bagaimana cara menghilangkan navbar blogger versi 2 yaitu apabila mouse kita menuju ke atas blog kita maka navbar tersebut akan otomatis muncul sendiri secara otomatis.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. cari kode :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />body {</div><br /><br />6. Kemudian taruh kode di bawah ini diatas kode body { :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}<br /><br />#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,<br />FinishedOpacity=100)}<br /></div><br /><br />7. Save dan lihat hasilnya.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com4tag:blogger.com,1999:blog-5480506003372414335.post-42865064369683922572008-07-15T19:56:00.000-07:002008-07-15T20:17:42.161-07:00Membuat Fixed Menu<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXBsixQOjrwHBMd2ouSnLsapSaH9AHwNKxN6M4LgVPaB_etckMVGnGFZMGjtNFrtk9RVvXnq0psYfOg6pnlzwaVQYdOHe8PAJlcLW0KZa1zMJFNTv6yeaLeURakgNfuv8xXL8Kaa_KVvd/s1600-h/gam01.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXBsixQOjrwHBMd2ouSnLsapSaH9AHwNKxN6M4LgVPaB_etckMVGnGFZMGjtNFrtk9RVvXnq0psYfOg6pnlzwaVQYdOHe8PAJlcLW0KZa1zMJFNTv6yeaLeURakgNfuv8xXL8Kaa_KVvd/s320/gam01.png" alt="" id="BLOGGER_PHOTO_ID_5223442109459657698" border="0" /></a><br />Mungkin kalian semua masih pada bingung apa yang dimaksud dengan Fixed menu. Fixed menu adalah widget yang setiap kita tarik scroll ke bawah atau ke atas widget ini akan ikut turun naik juga.Dari pada kalian pada bingung mending langsung aja kalian coba yah tutorialnya dan jangan lupa backup templatenya dulu.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />]]></b:skin></div><br /><br />6. Tambahkan kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />#menulateral{<br />position:fixed; text-align:left;<br />/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */<br /> margin-top:100px; margin-left:-28px; }<br />* html #menulateral{ /*para IE*/<br />position:absolute; }<br />#menulateral a img{<br />opacity:1; -moz-opacity:1;<br />filter:alpha(Opacity=100); }<br />#menulateral a:hover img{<br />opacity:0.8; -moz-opacity:0.8;<br />filter:alpha(Opacity=80);<br />position:relative;top:0px;left:2px; }<br />* html #menulateral a img{<br />filter:alpha(Opacity=100); }<br />#menulateral img{<br />margin-bottom: -5px; }<br />* html .menulateral{<br />margin-bottom: -3px; }</div><br /><br />7. Kemudian cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><div id='content-wrapper'><br /></div><br /><br />8. Tambahkan kode ini dibawahnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><div id='menulateral'><br /><span><br /><a href='<span style="color: rgb(255, 0, 0);">http://klinik-tutorial.blogspot.com/</span>' style='border:0;' title='Home'><img alt='Home' class='menulateral'<br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWAfyynvdt6zx0Vvl_9-3RkORQ9HnJPnofPf_M6BGB751OB75x4PL3SfDQ-0Gk_gswg2oN1yIo5EHNBZkN4bmzMU27Kd0aCww9DSvJ1DIi44fm-g81g6qSQktEjl49v9yCoaZDdI2S4kE/s1600/menu-lateral-inicio.png'/></a><br /><br/><a href='#BlogArchive1' style='border:0;' title='Archivo'><img alt='Archivo'<br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03CU0K-e8QYu4Ynem_puUgjTaZ-HGK18yP6uRyWyoPNp1w5QODAd3qSICmvOurZ_BApc2y6fdP9KhbhZKws_aXvPaD7dS_czy2iyzMptRf7UqlYqTbdh-ln4r8gIXh-sWZOxdLQzGfMA/s1600/menu-lateral-archivo.png'/></a><br /><br/><a href='mailto:TU-MAIL@servidor.com' style='border:0;' title='Contact me'><img alt='Contact me'<br />class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEHdtqYLuFxzmI13RNyvecozAB94s_6_5jrdy7EXEQdvfn46ePtgl2w9_h69wtjdDkRZaKIcRNwuwkX_jle6UkqRnbS95Q4wOLR_YG1wqW5XOkyTJt0g5YUoGI9y6ixmxEBbu0e8bfrPw/s1600/menu-lateral-contacto.png'/></a><br /><br/><a href='<span style="color: rgb(255, 0, 0);">http://klinik-tutorial.blogspot.com/feeds/posts/default</span>' style='border:0;' title='Suscribete a post<br />Feed'><img alt='Suscribete a post Feed' class='menulateral'<br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifn2H3J7byGg6i1-_gWhJ8eRCTPuZQ0A_JuwccrzmkofedVek-mSpRUhrRgdoMBE3gjpic-uRqu-vQgaQF2RqTHiuuMULwGVZS0r8HuEc_DjocSZuQ4pchVSlzHkkpCAVq-b82sWn2aHM/s1600/menu-lateral-feed.png'/></a><br /><br/><a href='<span style="color: rgb(255, 0, 0);">http://klinik-tutorial.blogspot.com/feeds/comments/default</span>' style='border:0;' title='Suscribete a comment<br />Feed'><img alt='Suscribete a comment Feed' class='menulateral'<br />src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/feed-icon-16x16b_BG_G.png'/></a><br /><br/><a href='#' style='border:0;' title='My Album'><img alt='My Album' class='menulateral'<br />src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/flickr_icon_BG_G.png'/></a><br /><br/><a href='#' style='border:0;' title='Arriba'><img alt='Arriba"' class='menulateral'<br />src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk9GOFt7QyAkoB5izt6IVagCLWzChW0xvvIm85GaIcpp0K7QwnvuJK9jaqE2m8US-Z_cELuRdj3BpHEXJhDbxf9-s_spqMNAJGp7VbWS9pfM9tE6cHBCnw0MUxEGVSpFTPfBrI2kV1N0g/s1600/menu-lateral-arriba.png'/></a><br /></span><br /></div><br /></div><br /><br />9. Agar tidak berdempetan dengan template coba kalian cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />margin-top:100px;<br /> <br />margin-left:-28px;</div><br /><br />ganti margin-left dengan -40px atau jika masih tidak bisa kalian kurangi saja trus dan jangan smpai bderdempetan.<br /><br />catatan : Ganti tulisan berwarna merah diatas dengan alamat blog kalian.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0tag:blogger.com,1999:blog-5480506003372414335.post-90271375160408088432008-07-15T19:27:00.000-07:002008-07-15T19:41:49.991-07:00Cara Membuat Scroll pada BlogspotMungkin kalian masih pada bingung dengan judul yang saya berikan.Nah kali ini saya akan memberikan cara bagaimana membuat Kotak Scroll pada Sidebar.Contohnya kira2 seprti ini :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5oWENhtBocu1iPFsyhgABaSTBn9hOV8eQ3wspjwFG4LrX4bu-zm-VTV38AP8kXKVXY8jXMowgxmH6qiAUuw6Ey9m01GU3jcpz4BDSV5vu9ro31NLMtx3Fb33_py2kdlIzJ_-Tkdj9Cw8H/s1600-h/Clip_9.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5oWENhtBocu1iPFsyhgABaSTBn9hOV8eQ3wspjwFG4LrX4bu-zm-VTV38AP8kXKVXY8jXMowgxmH6qiAUuw6Ey9m01GU3jcpz4BDSV5vu9ro31NLMtx3Fb33_py2kdlIzJ_-Tkdj9Cw8H/s320/Clip_9.jpg" alt="" id="BLOGGER_PHOTO_ID_5223434112713816162" border="0" /></a><br />Ok dari pada berlama-lama saya langsung kasih aja tutornya :<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. Cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><strong><span style="color: rgb(255, 0, 0);">]]></b:skin></span></strong></div><br /><br />6. Tambahkan kode ini diatasnya :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />#scrolling {<br />overflow: auto; height: <span style="color: rgb(255, 0, 0);">100px</span>; width: 94%;<br /> background-color:<span style="color: rgb(255, 0, 0);">#EFEFEF</span>; border:1px solid <span style="color: rgb(255, 0, 0);">#777</span>;<br /> margin: 0px auto; padding:5px; font-size: 14px; <br /> color: <span style="color: rgb(255, 0, 0);">#999</span>; text-align: left;<br />}</div><br /><br />7. Cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><b:widget id='<span style="font-weight: bold; color: rgb(51, 204, 0);font-family:verdana;" >LinkList1</span>' locked='false' title='<span style="font-weight: bold; color: rgb(51, 204, 0);font-family:verdana;" >Blogroll</span>' type='LinkList'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2></b:if><br /><div class='widget-content'><br /><ul> <b:loop values='data:links' var='link'><br /><li><a expr:href='data:link.target'><data:link.name/></a></li><br /></b:loop><br /></ul><br /><b:include name='quickedit'/><br /></div><br /></b:includable><br /></b:widget><br /></div><br /><br />8. Tambahkan kode yang berwarna hijau dibawah ini diantara kode-kode diatas :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><span style="color: rgb(0, 0, 0);"><b:widget id='</span><span style="color: rgb(0, 0, 0); font-weight: bold;font-family:verdana;" >LinkList1</span><span style="color: rgb(0, 0, 0);">' locked='false' title='</span><span style="font-weight: bold; color: rgb(0, 0, 0);font-family:verdana;" >Blogroll</span><span style="color: rgb(0, 0, 0);">' type='</span><span style="color: rgb(0, 0, 0);">LinkList</span><span style="color: rgb(0, 0, 0);">'></span><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2></b:if><br /><span style="color: rgb(51, 204, 0);"><div id='</span><span style="color: rgb(51, 204, 0);" id="fullpost"><code>scrolling</code></span><span style="color: rgb(51, 204, 0);">'></span><br /><div class='widget-content'><br /><ul><br /><b:loop values='data:links' var='link'><br /><li><a expr:href='data:link.target'><data:link.name/></a></li><br /></b:loop><br /></ul><br /><b:include name='quickedit'/><br /></div><br /><span style="color: rgb(51, 204, 0);"></div></span><br /></b:includable><br /></b:widget><br /></div><br /><br />Catatan : Silahkan ganti tulisan yang berwarna diatas dengan warna sesuai dengan keinginan kalian.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com4tag:blogger.com,1999:blog-5480506003372414335.post-71506606712181166712008-07-12T09:22:00.000-07:002008-07-15T19:42:21.733-07:00Membedakan gambar di setiap postinganMungkin kalian semua masih bingung dengan judul yang saya berikan diatas.Nah saya akan menjelaskannya sedikit,kali ini saya akan memberika turorial bagaimana cara Membedakan gambar di setiap postingan mksdnya sekarang kalian bisa menyisipkan gambar berbentuk JPG or GIF di setiap postingan anda.Contohnya seperti ini :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl354S8hMsiNVz_yxOOPJ9J6iXgcernSofKuNVcpLdwSplRU3NrvJt4kgCj2sJnqFP4ktbjIBHJIucUQqEcMffV5tUTYvBG9YsLZtza2-y9NpQQ4YN7HjUcLM3XwppK8-LF95WXb3Xh1vo/s1600-h/tina_porto21_freemorningbirdsong_ke.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl354S8hMsiNVz_yxOOPJ9J6iXgcernSofKuNVcpLdwSplRU3NrvJt4kgCj2sJnqFP4ktbjIBHJIucUQqEcMffV5tUTYvBG9YsLZtza2-y9NpQQ4YN7HjUcLM3XwppK8-LF95WXb3Xh1vo/s320/tina_porto21_freemorningbirdsong_ke.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5222167194537466866" /></a><br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Pilih New Post<br /><br />3. Klik Edit HTML<br /><br />4. Tambahkan kode ini setiap kalian ingin memposting<br /><br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><div style=”background: transparent url(<span style="font-weight: bold; color: rgb(0, 153, 0);font-family:verdana;" >http://alien.keren.googlepages.com/cooltext87191970.jpg</span>) repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: normal; text-align: justify;”><span style="color: rgb(0, 153, 0); font-weight: bold;font-family:verdana;" >TEXT</span></div></div><br /><br />5. Save dan lihat hasilnya<br /><br />Catatan : Ganti tulisan berwarna hijau diatas dengan URL yang kalian tuju.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0tag:blogger.com,1999:blog-5480506003372414335.post-91310871393441152352008-07-11T03:06:00.000-07:002008-07-15T19:42:07.040-07:00Memasang Google Translate<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0FroDivZLp6KBbga8x45JmoG9UjaIYx4mf9-TfQctbAvUO3Hvn_RMqelbQWun0PtWTeVp1oGk_2JU7sC8k5hQnrwkvAZiN-i6OGvsi1U3py88YDWSt_fnZu98XmEwmHW7OF5_I_XedNy/s1600-h/google-translate-mini-flags-vertical.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0FroDivZLp6KBbga8x45JmoG9UjaIYx4mf9-TfQctbAvUO3Hvn_RMqelbQWun0PtWTeVp1oGk_2JU7sC8k5hQnrwkvAZiN-i6OGvsi1U3py88YDWSt_fnZu98XmEwmHW7OF5_I_XedNy/s320/google-translate-mini-flags-vertical.jpg" alt="" id="BLOGGER_PHOTO_ID_5221697418389668786" border="0" /></a><br />Google translate merupakan widget yang dapat digunakan untuk mempercantik blog kita tetapi ini hanya dapat digunakan untuk blog atau website bahasa inggris karena widget ini hanya untuk mentranslate dari bahasa inggris ke bahasa lainnya. sayangnya translate untuk bahasa indonesia belum ada.<br /><span class="fullpost"><br />1. Sign in di Blogger<br /><br />2. Kemudian pilih layout<br /><br />3. Tambahkan Elemen HTML / Javascript<br /><br />4. Masukkan kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><form action=”http://www.google.com/translate”><br /><script language=”JavaScript”><br /><!–<br />document.write (”<input name=u value=” location.href ” type=hidden>”)<br />// –><br /></script><br /><input value=”en” name=”hl” type=”hidden”/><br /><input value=”UTF8″ name=”ie” type=”hidden”/><br /><input value=”" name=”langpair” type=”hidden”/><br /><p><input onclick=”this.form.langpair.value=this.value” title=”French” value=”en|fr” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg” width=”30″ name=”langpair”/></p><br /><br /><p><input onclick=”this.form.langpair.value=this.value” title=”German” value=”en|de” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg” width=”30″ name=”langpair”/></p><br /><p><input onclick=”this.form.langpair.value=this.value” title=”Italian” value=”en|it” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg” width=”30″ name=”langpair”/></p><br /><p><input onclick=”this.form.langpair.value=this.value” title=”Portuguese” value=”en|pt” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg” width=”30″ name=”langpair”/></p><br /><p><input onclick=”this.form.langpair.value=this.value” title=”Spanish” value=”en|es” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg” width=”30″ name=”langpair”/></p><br /><p><input onclick=”this.form.langpair.value=this.value” title=”Japanese” value=”en|ja” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg” width=”30″ name=”langpair”/></p><br /><p><input onclick=”this.form.langpair.value=this.value” title=”Korean” value=”en|ko” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg” width=”30″ name=”langpair”/></p><br /><p><input onclick=”this.form.langpair.value=this.value” title=”Chinese Simplified” value=”en|zh-CN” type=”image” height=”20″ src=”http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg” width=”30″ name=”langpair”/></p><br /><p><input onclick=”this.form.langpair.value=this.value” title=”Arabic” value=”en|ar” type=”image” height=”20″ src=”http://farm4.static.flickr.com/3043/2347434064_0d36a04624_o.gif” width=”30″ name=”langpair2″/></div><br /></form></p><br /><br />6. Save dan lihat hasilnya.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0tag:blogger.com,1999:blog-5480506003372414335.post-52139302925695133132008-07-11T02:36:00.000-07:002008-07-11T02:46:19.632-07:00Menghilangkan Angka pada Labelapa kalian pernah melihat blogspot yang labelnya yang seperti ini yang angkanya sudah dihilangkan atau dihapus??? :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDw7FbYM83dYyrwIXpyFVdeK80i-fcGKEIKRWs4i2OHjtF0FA0SOmdfnu7oJHqIfYJEYxs3ybrhqE_G-sPhCYl3qySM1mid8p40HAJda6HCCjl9iYKUxqY_CiZAOtN-ixQ6n2uC7dssYjC/s1600-h/Clip_8.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDw7FbYM83dYyrwIXpyFVdeK80i-fcGKEIKRWs4i2OHjtF0FA0SOmdfnu7oJHqIfYJEYxs3ybrhqE_G-sPhCYl3qySM1mid8p40HAJda6HCCjl9iYKUxqY_CiZAOtN-ixQ6n2uC7dssYjC/s320/Clip_8.jpg" alt="" id="BLOGGER_PHOTO_ID_5221688489725216322" border="0" /></a><br />Nah kali ini saya akan memberikan cara bagaimana cara menghilangkan angka pada label blogspot.Sebenarnya banyak juga template yang sudah menghilangkan angka pada templatenya itu.Nah saya akan memberi tahu cara menghilangkan angka yang masih ada di dalam template itu.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><data:label.count/></div><br /><br />6. Hapus kode diatas jika kalian sudah temukan.<br /><br />7. Save changes dan lihat hasilnya<br /><br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0tag:blogger.com,1999:blog-5480506003372414335.post-57162973161763812672008-07-10T08:40:00.000-07:002008-08-16T17:36:34.904-07:00Memasang Gambar Avatar pada Background Template<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG17M4O-I8pp5zJPV_YHm7Rmt8ZZOk9Tzr_PrpVFj9T8OvmTQYIDJfAQ3Q4hSr3H5tDdUBcVuRTUF0eMLAODUkbGOatgMHEa5QBxonOd7eQ8kYnd2ha6P0uXbn0zemi7r4aWumtF7RsBys/s1600-h/avatarPreviewImg2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG17M4O-I8pp5zJPV_YHm7Rmt8ZZOk9Tzr_PrpVFj9T8OvmTQYIDJfAQ3Q4hSr3H5tDdUBcVuRTUF0eMLAODUkbGOatgMHEa5QBxonOd7eQ8kYnd2ha6P0uXbn0zemi7r4aWumtF7RsBys/s320/avatarPreviewImg2.jpg" alt="" id="BLOGGER_PHOTO_ID_5221412611197863602" border="0" /></a><br />Gambar pada latar belakang background atau template merupakan salah satu cara untuk mempercantik blog atau website kita dan kalian juga bisa memasukkan gambar atau widget pada latar belakang template background.<br /><span class="fullpost"><br />Contohnya seperti ini <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbI3drnlwF6Ljarb_ZoG1TZPjHpE4O0ovfUtcoU9_4umnehSaWCy6TCpxtnMYRamYO-WvTokqMQMFe_SNp-dlB7-VLRn9ZCai7qI2vSZEzLYgui5k5TO14YazNMkXn5NBDvrR4grpMn7z/s1600-h/Clip_7.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbI3drnlwF6Ljarb_ZoG1TZPjHpE4O0ovfUtcoU9_4umnehSaWCy6TCpxtnMYRamYO-WvTokqMQMFe_SNp-dlB7-VLRn9ZCai7qI2vSZEzLYgui5k5TO14YazNMkXn5NBDvrR4grpMn7z/s320/Clip_7.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5221418787848039378" /></a><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. cari kode ini :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /></head><div></div></div><br /><br />6. Tambahkan kode ini untuk posisi atas kiri :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><script language=”JavaScript” src=”http://alien.keren.googlepages.com/gambarbawah.js” type=”text/javascript”> </script> <script language=”JavaScript” type=”text/javascript”> cot(”<span style="font-weight: bold; color: rgb(255, 0, 0);font-family:verdana;" >http://alien.keren.googlepages.com/spiderman.jpg</span>“) </script><div><br /></div></div><br /><br />atau tambahkan kode dibawah ini untuk posisi bawah kanan :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><script language=”JavaScript” src=”http://alien.keren.googlepages.com/gambaratas.js” type=”text/javascript”> </script> <script language=”JavaScript” type=”text/javascript”> cot(”<span class="fullpost"><span style="font-weight: bold; color: rgb(255, 0, 0);font-family:verdana;" >http://alien.keren.googlepages.com/spiderman.jpg</span></span><span class="fullpost"><span style="font-weight: bold; color: rgb(0, 153, 0);font-family:verdana;" ></span>“) </script><div></div></span></div><br /><br />7. Save dan lihat hasilnya.<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com4tag:blogger.com,1999:blog-5480506003372414335.post-87322749180999660032008-07-08T18:44:00.000-07:002008-07-08T19:20:01.943-07:00Cara memasukkan animasi flash ke blogKali ini saya akan memberikan cara bagaimana memasukkan animasi flash ke website atau blog. Sebenarnya banyak cara yang digunakan untuk membuat animasi flash contohnya saya ini membuat animasi dengan macromedia flash 8. Ini salah satu contoh animasi yang saya buat di macromedia flash :<br /><object width="400" height="300"><param value="http://alien.keren.googlepages.com/contoh.swf" name="movie"><param value="transparent" name="wmode"><embed src="http://alien.keren.googlepages.com/contoh.swf" wmode="transparent" type="application/x-shockwave-flash" width="400" height="300"></embed></object><br />Ok sekarang saya kasih tahu caranya :<br /><span class="fullpost"><br />1. Kalian buat dulu animasi di macromedia flash atau software2 animasi lainnya<br /><br />2. Upload file .swf tadi ke web hosting seperti <a href="http://pages.google.com/">googlepages.com</a><br /><br />3. Copy file yang telah di upload tadi<br /><br />4. Ganti tulisan kode berwarna hitam di bawah ini dengan file yang tadi kalian copy :<br /><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br /><object width="400" height="300"><param name="movie" value="<span style="font-weight: bold;">http://alien.keren.googlepages.com/contoh.swf</span>"></param><param name="wmode" value="transparent"></param><embed src="<span style="font-weight: bold;">http://alien.keren.googlepages.com/contoh.swf</span>" type="application/x-shockwave-flash" wmode="transparent" width="400" height="300"></embed></object></div><br /><br /><br />5. Masukkan kode diatas di layout tambahkan elemen dan paste kode itu di html/javascript<br /><div></div></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com15tag:blogger.com,1999:blog-5480506003372414335.post-10288304066283864112008-07-08T08:31:00.000-07:002008-07-18T06:12:25.254-07:00Menghilangkan Navbar Blogger ( Versi 1 )Navbar blogger biasanya terletak di atas dari suatu blogspot contohnya seperti ini :<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif7gTjgTdbyc9G8W-Y1NJtzljaAjlPWQkggKVK_ECkmLugUUZwsZl0zyOr3S5yrcdfN29-vSxUMZlo0jIrFO_Wby2PAaPiquQOnvihuX4q3M_08-MMTT9CC2WJJQ0s0o2ipBI1ZmzzlEbu/s1600-h/blogger-edit-navbar02.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif7gTjgTdbyc9G8W-Y1NJtzljaAjlPWQkggKVK_ECkmLugUUZwsZl0zyOr3S5yrcdfN29-vSxUMZlo0jIrFO_Wby2PAaPiquQOnvihuX4q3M_08-MMTT9CC2WJJQ0s0o2ipBI1ZmzzlEbu/s320/blogger-edit-navbar02.jpg" alt="" id="BLOGGER_PHOTO_ID_5220667848004004962" border="0" /></a><br />Nah kali ini saya akan memberikan tutorial bagaimana cara menghilangkan navbar blogger. Sebenarnya sudah banyak template yang sudah menghilangkan navbarnya sendiri tapi ada juga template yang tidak menghilangkan navbarnya. Nah kali ini saya akan memberikan cara bagaimana cara menghilangkan navbar blogger.Ok deh langsung saja kita mulai.<br /><span class="fullpost"><br />1. Sign in Blogger<br /><br />2. Layout<br /><br />3. Edit HTML<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s1600-h/Clip_12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_uCwtsam2wYpvY6yqI_aPrYBkhpAIIVAoc7qOTBdnfmDNvMp3bRXU_NfM_ggwHLYFefnwyeWkqfJUkUfdLikp9Jj-D-nhRfXFIwZD5sDXHrC7-HP8oe1lPhDJjZQt2VFS0ZI-5ECNZ96/s320/Clip_12.jpg" alt="" id="BLOGGER_PHOTO_ID_5215720504126936866" border="0" /></a><br /><br />4. Jangan lupa berikan tanda centang pada Expand Widget Templates<br /><br />5. cari kode ini <code><span style="color:red;"> ]]></b:skin><br /></span><br /><br />6. Taruh kode ini diatas kode diatas :<br /></code><div style="border: 1px dashed green; padding: 5px; background: rgb(200, 200, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><br />/* hilangkan navbar<br /><br />----------------------------- */<br /><br /><br /><br />#navbar-iframe {<br /><br /> height:0px;<br /><br /><br /> visibility:hidden;<br /><br /> display:none<br /><br />}<div><br /><br /></div></div><br />7. Save Changes dan lihat hasilnya<br /></span>klinik-tutorialhttp://www.blogger.com/profile/00876059426718158194noreply@blogger.com0