tag:blogger.com,1999:blog-63765550023602631632024-02-19T00:54:02.222-08:00Cara membuat tampilan Blogger Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-6376555002360263163.post-13581942982655065232013-06-08T08:41:00.002-07:002013-06-08T08:41:42.801-07:00Cara Membuat Menu Tab View<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-2612250179533663209" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;">Ingin blognya lebih rapi lagi? pakai saja navigasi yang satu ini, yaitu<b> Menu Tab View</b>.Dengan menu tab view, kita akan menghemat lebih banyak tempat, dengan sedikit space kita bisa menampilkan banyak piliha. Misalnya kita bisa menampilkan menu tulisan Terbaru, Komentar, dan Terpopuler. Langsung saja akan kita pelajari bersama cara membuat <i>menu tab view</i>, seperti yang saya pakai sekarang ini.<br /><br />Untuk membuat tab view yang kita pelajari ini cukup mudah, tidak perlu mengedit template, tapi hanya menambahkan script saja di <b>HTML/JavaScript.</b><br /><br /><b>Cara Membuat Menu Tab View</b><br />1. <b>Login</b> ke blogger<br />2. Pilih<b> Rancangan</b> kemudian <b>Tambah Gadget</b><br />3. Pilih <b>HTML/JavaScript</b><br />4. Masukan kode script berikut ini:<br /><div><style type="text/css"><br /> div.TabView div.Tabs<br /> {height: 30px;overflow: hidden}<br /> div.TabView div.Tabs a {float:left; display:block; width: 77px; /* Lebar Menu Utama Atas */<br /> text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */<br /> padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */<br /> border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */<br /> font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}<br /> div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #<b>333333</b>; /* Warna background Menu Utama Atas */ }<br /> div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#<b>333333</b>; /* Warna background Kotak Utama */ }<br /> div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}<br /> div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}<br /> </style><br /> <script type='text/javascript'><br /> //<![CDATA[<br /> function tabview_aux(TabViewId, id)<br /> {<br /> var TabView = document.getElementById(TabViewId);<br /> // ----- Tabs -----<br /> var Tabs = TabView.firstChild;<br /> while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;<br /> var Tab = Tabs.firstChild;<br /> var i = 0;<br /> do<br /> {<br /> if (Tab.tagName == "A")<br /> {<br /> i++;<br /> Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";<br /> Tab.className = (i == id) ? "Active" : "";<br /> Tab.blur();<br /> }<br /> }<br /> while (Tab = Tab.nextSibling);<br /> // ----- Pages -----<br /> var Pages = TabView.firstChild;<br /> while (Pages.className != 'Pages') Pages = Pages.nextSibling;<br /> var Page = Pages.firstChild;<br /> var i = 0;<br /> do<br /> {<br /> if (Page.className == 'Page')<br /> {<br /> i++;<br /> if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";<br /> Page.style.overflow = "auto";<br /> Page.style.display = (i == id) ? 'block' : 'none';<br /> }<br /> }<br /> while (Page = Page.nextSibling);<br /> }<br /> // ----- Functions -------------------------------------------------------------<br /> function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }<br /> function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }<br /> //]]><br /> </script><br /> <form action="tabview.html" method="get"><br /> <div id="TabView" class="TabView"><br /> <div style="width: 240px;" class="Tabs"><br /> <a>Terbaru</a><br /> <a>Komentar</a><br /> <a>Iklan</a><br /> </div><br /> <div style="width:240px; height:300px; " class="Pages"><br /> <div class="Page"><br /> <div class="Pad"><br /> <br /><i><script style="text/javascript" src="http://duniaanda.googlepages.com/typoxp-recentposts.js"><br /></script><br /><script style="text/javascript"><br />var numposts = 10;<br />var showpostdate = true;<br />var showpostsummary = true;<br />var numchars = 100;<br />var standardstyling = true;<br /></script><br /><script src="http://erixloupster.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"><br /></script></i><br /> </div><br /> </div><br /><br /> <div class="Page"><br /> <div class="Pad"><br /><i><script style="”text/javascript”" src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js"><br /></script><br /><script style="text/javascript"><br />var numcomments = 10;<br />var showcommentdate = true;<br />var showposttitle = true;<br />var numchars = 100;<br />var standardstyling = true;<br /></script><br /><script src="http://erixloupster.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"><br /></script></i><br /> </div><br /> </div><br /><br /> <div class="Page"><br /> <div class="Pad"><br /> <i> <script src="http://kumpulblogger.com/sca.php?b=6024" type="text/javascript"></script></i><br /> </div><br /> </div><br /> </div><br /> </div><br /> </form><br /> <script type="text/javascript"><br /> tabview_initialize('TabView');<br /> </script><div></div></div><br /><br /><b>Ada beberapa yang harus kita ketahui dari script di atas:</b><br /></span><ul style="line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">Itu ada adalah tab view yang Belajar Mengisi BLOG gunakan, silahkan mengganti beberapa kode warna yang sesuai dengan blog Anda. Misalnya ganti <b>333333</b> dan <b>000000</b> dengan FFFFFF jika warna dasar blog anda adalah putih.</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">Anda dapat mengganti lebar dan tinggi menu tab view dengan merubah width:240px; height:300px sesuai dengan sidebar blog Anda.</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">Dan juga Anda harus mengganti script di masing-masing tab ( yang miring ) dengan script yang Anda inginpasang di tab view, atau jika tidak mau susah-susah ganti saja <i>erixloupster</i> dengan sub domain blog Anda.</span></li>
</ul>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-78542868188702177912013-06-08T08:40:00.001-07:002013-06-08T08:40:28.935-07:00Cara Membuat Random Post tanpa Gambar<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-5067321006051932973" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;">Dengan memasang Random post Page view blog anda akan menjadi semakin banyak. Kalau anda tertarik silahkan ikuti tutorialnya dibawah ini :<br /></span><ul style="line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">Login ke akun blogger</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">Klik Tata letak</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">HTML/Javascripst</span></li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">Copas kode dibawah ini di kolom Javascripst</span></li>
</ul>
<span style="background-color: white;"><script type="text/javascript"><br /> var randarray = new Array();var l=0;var flag;<br /> var numofpost=8;function randomposts(json){<br /> var total = parseInt(json.feed.openSearch$totalResults.$t,10);<br /> for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}<br /> if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');<br /> for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];<br /> for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";<br /> document.write(item);}}<br /> }document.write('</ul>');}<br /> </script><br /> <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script><br /></span><ul style="line-height: 1.4; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white;">Kemudian Save</span></li>
</ul>
<span style="background-color: white;">Nah itulah Cara Membuat Random Post tanpa Gambar. Demikian artikel saya yang sangat sedikit ini.<br />Kritik dan Sarannya bisa di kotak komentar. Tunggu tutorial selanjutnya.</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-3863658156642039402013-06-08T08:38:00.001-07:002013-06-08T08:38:37.848-07:00Cara Memasang Random Post di Bawah Postingan<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-1862536285033478064" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;">Sudah banyak yang membuat random post, ada yang juga random post yang disertai thumbnail. Sekarang kita akan belajar untuk menampilkan random post di bawah postingan. Jika biasanya di bawah postingan adalah related post berdasarkan kategori, ini memiliki kelebihan dan kekurangan.<br /><br />Kelebihannya related post yang ditampilkan memang benar-benar terkait dengan postingan. Sedangkan kekurangannya adalah yang ditampilkan hanya yang terbaru, sehingga kurang bisa mempromosikan postingan-postingan terdahulu. Sehingga menu postingan yang ditampilkan related post cenderung statis.<br /><br /><b>Cara Menampilkan Random Post di Bawah Postingan</b><br />1. Login ke akun blogger.com<br />2. Pilih <b>Template</b> kemudian <b>Edit HTML</b><br />3. Tekan Ctrl F dan cari kode <b><data:post.body/></b>, jika blog memakai auto read more mungkin kamu akan menjumpai 3 tag kode seperti itu. Pilih yang sesuai di mana kamu biasanya menaruh widget di bawah post. Lalu taruh kode berikut <i>di bawahnya</i>;<br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><h3>Baca juga tulisan menarik lainnya</h3><br />&lt;script type=&quot;text/javascript&quot;&gt;<br />var acakarray = new Array();var l=0;var flag;<br />var numofpost=<b>7</b>; function randomposts(json){<br />var total = parseInt(json.feed.openSearch$totalResults.$t,10);<br />for(i=0;i &lt; numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}<br />if(flag==0&amp;&amp;l!=0){acakarray[i++]=l;}}document.write(&#039;&lt;ul&gt;&#039;);<br />for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];<br />for(k=0; k &lt; entry.link.length; k++){if(entry.link[k].rel==&#039;alternate&#039;){var item = &quot;&lt;li&gt;&quot; + &quot;&lt;a href=&quot; + entry.link[k].href + &quot;&gt;&quot; + entry.title.$t + &quot;&lt;/a&gt; &lt;/li&gt;&quot;;<br />document.write(item);}}<br />}document.write(&#039;&lt;/ul&gt;&#039;);}<br />&lt;/script&gt;<br />&lt;script src=&quot;/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br /></b:if></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-14842842860861681372013-06-08T08:36:00.003-07:002013-06-08T08:36:56.891-07:00Cara Membuat Daftar Isi Blog Berdasarkan Arsip<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-1143483557030743936" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<b style="background-color: white;">Cara Membuat Daftar Isi Blog Berdasarkan Arsip</b><br />
<span style="background-color: white;">1. Login ke blogger</span><br />
<span style="background-color: white;">2. Pilih <b>Entri Baru</b></span><br />
<span style="background-color: white;">3. Isi kolom judul,<i> misal "Daftar Isi Blog"</i></span><br />
<span style="background-color: white;">4. Pilih opsi <b>Edit HTML</b> dalam menulis, <u>bukan Compose</u></span><br />
<span style="background-color: white;">5. Masukan script berikut sebagai <i>isi postingan</i>;</span><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;"><br /></span>
<div class="alert">
<span style="background-color: white;"><script src="http://arsip-blog-lengkap-by-pradiszwardhana.googlecode.com/files/arsip-blog-lengkap-by-pradiszwardhana.js"> </script> <script src="http://FlowerBluezk.blogspot.com/feeds/posts/default?max-results=<b>900</b>&amp;alt=json-in-script&amp;callback=loadtoc"> </script></span></div>
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">6. Ganti yang berwarna kuning dengan URL blogmu sendiri.</span><br />
<span style="background-color: white;">7. Jika sudah <b>Terbitkan Entri</b>.</span><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">Halaman daftar isi ini bisa jadi salah satu menu yang kita tampilkan di menu horizontal di header. Kita juga bisa menambahi atau menuliskan teks sebelum dan sesudah script tersebut. Semoga bermanfaat :)</span></div>
<script src="http://arsip-blog-lengkap-by-pradiszwardhana.googlecode.com/files/arsip-blog-lengkap-by-pradiszwardhana.js"> </script> <script src="http:/FlowerBLuezk.blogspot.com/feeds/posts/default?max-results=900&alt=json-in-script&callback=loadtoc"> </script>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-88396881474199157312013-06-08T08:31:00.003-07:002013-06-08T08:31:41.016-07:00Cara Menampilkan Judul Postingan atau Entri Secara Random<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-1159011720466863028" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;">Random atau acak, yaitu memunculkan secara berbeda-beda, sama artinya dengan dikocok, dikopyok, dll. <i>Menampilkan Judul Postingan atau Entri Secara Random</i>, yaitu kita memunculkan judul postingan yang berbeda-beda setiap kali kita membuka halaman blog kita. Berbeda dengan <b>recent post</b> atau <b>recent comment</b> yang setiap kali kita lihat halaman blog kita maka akan tetap, yaitu yang terbaru selalu di atas.<br /><br />Dengan menambahkan script <b><i>Menampilkan Judul Postingan atau Entri Secara Random</i></b>, Judul-judul Postingan yang pernah kita publikasikan akan muncul secara acak, sehingga judul yang mungkin sudah lama, samapi kita lupa sudah menulisnya akan muncul. ;) Semua akan berkesempatan untuk dilihat dan dibaca pengunjung.<br /><br />Manfaat kita <i>Menampilkan Judul Postingan atau Entri Secara Random</i>, kita bisa memberi kesempatan pada tulisan-tulisan kita dilihat orang dan tentunya diklik dan dibaca, sebagai bentuk selingan dari dan <i>recent post atau recent comment</i> yang sudah lazim dan banyak orang pergunakan.<br /><br /><b>Cara Menampilkan Judul Postingan atau Entri Secara Random</b><br /></span><ol>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Login ke <b>Blogger.</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Pilih<b> Tata Letak => Tambah Gadget</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Pilih<b> HTML/JavaScript</b></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Masukan Script berikut ini </span></li>
</ol>
<div class="alert">
<div style="border: 1px solid rgb(153, 153, 153); height: 200px; overflow: auto; width: 390px;">
<span style="background-color: white;"><div class="alert"><script type="text/javascript"><br />function pipeCallback(obj) {<br />document.write('<ul style="text-transform: capitalize;">');<br />var i;<br />for (i = 0; i < obj.count ; i++)<br />{<br />var href = "'" + obj.value.items[i].link + "'";<br />var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";<br />document.write(item);<br />}<br />document.write('</ul>');<br />}<br /></script><br /><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=022620be5e6f6a66359d63edb5055e66&url=http%3A%2F%2<b>FlowerBLuezk.blogspot.com</b>&num=<b>5</b>" type="text/javascript"></script></div></span></div>
</div>
<span style="background-color: white;"><br />5. Sebelum kita <b>simpan</b>, kita harus mengubah beberapa kode pada script di atas yaitu:<br /><b>erixloupster.blogspot.com</b> dengan URL blog kamu sendiri<br />&num=<b>5 </b>angka 5 berarti 5 judul yang akan di tampilkan secara acak (random)<b>.</b></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-61885901830215429142013-06-08T08:28:00.001-07:002013-06-08T08:28:10.915-07:00Cara Menambahkan Button Profil Sosial Media di Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-4915693914513383638" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;"><span style="font-family: inherit;">baik lah teman" kali ini akan membagikan </span>cara menambahan botton profil sosial media di blog<br /><br /><br /><b>Cara Menambahkan Button Profil Sosial Media</b><br />1. <b>Login</b> ke blogger<br />2. Pilih <b>Rancangan</b> kemudian <b>Tambah Gadget</b><br />3. Pilih <b>HTML/JavaScript</b><br />4. Masukan kode HTML berikut ini:<br />5.pilih Script nya di bawah ini yang akan di pasang di blog teman"<br /><br /><br /></span><div class="alert">
<span style="background-color: white;"><center><br /><a href="https://plus.google.com/101153066187737438859/posts" target="_blank"><img src="<i>http://www.buttonshut.com/Google+-Buttons/Google+-Buttons-7-70-.png</i>" style="opacity:0.4;filter:alpha(opacity=40)"<br />onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"<br />onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Google+" title="Add Me to Your Circle On Google+" width="<b>36</b>"/></a><br /><br /><a href="http://twitter.com/erix_loupster" target="_blank"><img src="<i>http://buttonshut.com/links/twitter.png</i>" style="opacity:0.4;filter:alpha(opacity=40)"<br />onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"<br />onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Follow Twitter" title="Follow Me On Twitter" width="<b>37</b>"/></a><br /><br /><a href="http://www.facebook.com/erixloupster" target="_blank"><img src="<i>http://buttonshut.com/links/facebook.png</i>" style="opacity:0.4;filter:alpha(opacity=40)"<br />onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"<br />onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Add Facebook" title="Find Me On Facebook" width="<b>37</b>"/></a><br /></span></div>
<span style="background-color: white;"><br />Kode yang berwarna kuning adalah URL profil di sosial media sesuai dengan buttonnya. Kamu ganti saja dengan alamat URL mu sendiri. Kode yang <i>miring</i> adalah URL gambar/button. Dan angka <b>37 </b>adalah lebar button. Kamu dapat mengkreasikan sendiri dan menambahkan sesuai yang kamu inginkan, misa profil you tube, flickr dan sebagainya. Saya biasa memperoleh gambar/button itu dari Social Media Buttons. Dan saya menggunakan Mouseover Efek agar terlihat menarik. Jangan lupa <b>Simpan</b> jika sudah selesai mengedit. :D</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-64122355868815627602013-06-08T08:16:00.002-07:002013-06-08T08:16:51.041-07:00Cara Membuat Hari dan Tanggal Otomatis di Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-6652523434272065618" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;"><i>Hari apa sekarang? Tanggal berapa ya?</i> Mungkin pertanyaan itu pernah kita dengar atau meungkin juga pernah kamu ajukan. Memang hari dan tanggal adalah penanda yang tidak jauh dari kehidupan kita sehari-hari. Cukup ya pengantarnya? :)<br /><br />Kali ini kita akan belajar untuk membuat hari dan tanggal secara otomatis di blog kita., hanya tinggal menambahkan script sederhana untuk membuat hari dan tangga secara otomatis muncul di blog milik kita.<br /><br />Dengan tampilan yang sederhana seperti ini "<b>Selasa 07/05/2013</b>" tidak akan terlalu membuat blog menjadi berat. Secara otomatis setiap pergantian hari, nama hari dan tanggal akan berubah sesuai dengan hari dan tanggal di laptop atau pc yang mengakses blog kita.<br /><br /><b>Cara Membuat Hari dan Tanggal Otomatis di Blog</b><br />1. Login ke akun blogger.com<br />2. Pilih <b>Tata Letak</b><br />3. Lalu tambahkan <b>Tambah Gadget > HTML/Javascript</b><br />4. Kemudian masukan kode berikut ini:<br /><br /></span><div class="alert">
<span style="background-color: white;"><script type='text/javascript'><br />var mydate=new Date()<br />var year=mydate.getYear()<br />if (year < 1000)<br />year+=1900<br />var day=mydate.getDay()<br />var month=mydate.getMonth()<br />var daym=mydate.getDate()<br />if (daym<10)<br />daym="0"+daym<br />var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")<br />var montharray=new Array("01","02","03","04","05","06","07","08","09","10","11","12")<br />document.write(""+dayarray[day]+" "+daym+"/"+montharray[month]+"/"+year+"")<br /></script></span></div>
<span style="background-color: white;"><br />5. <b>Simpan</b> jika sudah selesai.</span></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com2tag:blogger.com,1999:blog-6376555002360263163.post-12970101090191848212013-06-08T08:14:00.002-07:002013-06-08T08:14:48.011-07:00Cara Menampilkan Judul Entri Terbaru<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-7271936722303281564" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;">Ingin menampilkan judul postingan terbarumu? Karena orang perlu tahu judul terbarumu.<br /><br />Caranya sangat mudah, yaitu kita login ke blog kita, pilih tata letak, tambahkan gadget, pilih HTML/Javascript. Sekarang masukan script berikut ini :<br /></span><div style="text-align: right;">
<span style="background-color: white;"><br /></span></div>
<div style="text-align: right;">
<span style="background-color: white;"><br /></span></div>
<div style="text-align: right;">
<span style="background-color: white;"><br /></span></div>
<div style="text-align: right;">
<span style="background-color: white;"><br /></span></div>
<div style="text-align: center;">
<span style="background-color: white;"><script src="http://www.geocities.com/uddin_81/recent-post.js"></script><br /><script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><br /><script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"><br /></script><br /><br /><br /><br />Sedikit yang harus kita rubah yaitu</span><div class="alert">
<span style="background-color: white;"><b>numposts = 10</b> angka 10 berarti 10 judul yang akan kita tampilkan<br />http://<b>NAMABLOG</b>.blogspot.com <b>NAMABLOG</b> harus diganti dengan URL blog kita.</span></div>
<span style="background-color: white;">Kalau sudah selesai SIMPAN.</span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-80869935559674743772013-06-08T08:04:00.000-07:002013-06-08T08:04:29.024-07:00Cara Membuat Efek Tulisan Berjalan Seperti Diketik<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
</h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-703139606341366954" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;"><span style="color: red;">Tulisan dengan efek berjalan seperti diketik, sama seperti sama seperti saat kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya sebuah pengumuman. Untuk membuat tulisan dengan efek seperti diketik cukup mudah. Kita tinggal menyalin script berikut ini:</span></span><br />
<div class="alert">
<span style="background-color: white;"><span style="color: red;"><script language="JavaScript"><br />var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!";<br />var delay=20;<br />var currentChar=1;<br />var destination="[none]";<br />function type()<br />{<br />//if (document.all)<br />{<br />var dest=document.getElementById(destination);<br />if (dest)// && dest.innerHTML)<br />{<br />dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";<br />currentChar++;<br />if (currentChar>text.length)<br />{<br />currentChar=1;<br />setTimeout("type()", 5000);<br />}<br />else<br />{<br />setTimeout("type()", delay);<br />}<br />}<br />}<br />}<br />function startTyping(textParam, delayParam, destinationParam)<br />{<br />text=textParam;<br />delay=delayParam;<br />currentChar=1;<br />destination=destinationParam;<br />type();<br />}<br /></script> <b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript"><br />javascript:startTyping(text, 50, "textDestination");<br /></script></span></span></div>
</div>
<script language="JavaScript">
var text="Selamat Datang di FlowerBluezk, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b></b><br />
<div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;">
</div>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script></div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-44637261842029781792013-06-08T07:57:00.002-07:002013-06-08T07:57:47.425-07:00Cara Membuat Huruf Besar pada Awal Teks Postingan<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
</h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-703139606341366954" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;"><span style="color: red;">Tulisan dengan efek berjalan seperti diketik, sama seperti sama seperti saat kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya sebuah pengumuman. Untuk membuat tulisan dengan efek seperti diketik cukup mudah. Kita tinggal menyalin script berikut ini:</span></span><br />
<div class="alert">
<span style="background-color: white;"><span style="color: red;"><script language="JavaScript"><br />var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!";<br />var delay=20;<br />var currentChar=1;<br />var destination="[none]";<br />function type()<br />{<br />//if (document.all)<br />{<br />var dest=document.getElementById(destination);<br />if (dest)// && dest.innerHTML)<br />{<br />dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";<br />currentChar++;<br />if (currentChar>text.length)<br />{<br />currentChar=1;<br />setTimeout("type()", 5000);<br />}<br />else<br />{<br />setTimeout("type()", delay);<br />}<br />}<br />}<br />}<br />function startTyping(textParam, delayParam, destinationParam)<br />{<br />text=textParam;<br />delay=delayParam;<br />currentChar=1;<br />destination=destinationParam;<br />type();<br />}<br /></script> <b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript"><br />javascript:startTyping(text, 50, "textDestination");<br /></script></span></span></div>
</div>
<script language="JavaScript">
var text="Selamat Datang di FlowerBluezk, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b></b><br />
<div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;">
</div>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script></div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-31895036725533210222013-06-08T07:55:00.002-07:002013-06-08T07:56:35.443-07:00Cara Menambahkan Gadget Blog Takbiran Player di Hari Lebaran.<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
</h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-703139606341366954" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;"><span style="color: red;">Tulisan dengan efek berjalan seperti diketik, sama seperti sama seperti saat kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya sebuah pengumuman. Untuk membuat tulisan dengan efek seperti diketik cukup mudah. Kita tinggal menyalin script berikut ini:</span></span><br />
<div class="alert">
<span style="background-color: white;"><span style="color: red;"><script language="JavaScript"><br />var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & Komentar!";<br />var delay=20;<br />var currentChar=1;<br />var destination="[none]";<br />function type()<br />{<br />//if (document.all)<br />{<br />var dest=document.getElementById(destination);<br />if (dest)// && dest.innerHTML)<br />{<br />dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";<br />currentChar++;<br />if (currentChar>text.length)<br />{<br />currentChar=1;<br />setTimeout("type()", 5000);<br />}<br />else<br />{<br />setTimeout("type()", delay);<br />}<br />}<br />}<br />}<br />function startTyping(textParam, delayParam, destinationParam)<br />{<br />text=textParam;<br />delay=delayParam;<br />currentChar=1;<br />destination=destinationParam;<br />type();<br />}<br /></script> <b><div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript"><br />javascript:startTyping(text, 50, "textDestination");<br /></script></span></span></div>
</div>
<script language="JavaScript">
var text="Selamat Datang di FlowerBluezk, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b></b><br />
<div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;">
</div>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script></div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-59581244837179207252013-06-08T07:30:00.002-07:002013-06-08T07:30:50.600-07:00Cara Membuat Running Teks Berita dari Blog Kita<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-399116724088757255" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;">untuk semakin menarik, pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap.<br /></span><div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white;"><br /><br /><b>Cara Membuat Running Teks Berita dari Blog Kita</b><br /><span id="fullpost">1. <b>Login</b> ke blogger<br />2. Pilih <b>Rancangan</b> kemudian <b>Tambah Gadget</b><br />3. Pilih <b>HTML/JavaScript</b><br />4. Masukan kode HTML berikut ini:</span><br /></span><div class="alert">
<span style="background-color: white;"><script type="text/javascript"><br />var hn_url_blog = "<i>http://erixloupster.blogspot.com/</i>";<br />var hn_jumlah_post = 16;<br />var hn_warna_latar = "#000000";<br />var hn_warna_garis = "#FF0000";<br />var hn_posisi = "bottom";<br />var hn_tampilkan_judul = true;<br />var hn_backlink = false;<br /></script><br /><script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js"><br /></script></span></div>
<span style="background-color: white;"><br />Ganti <i>http://</i><i><i>erix</i></i><i>loupster.blo</i><i>gspot.com/ </i>dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.<br /><br />cari kode warna lain nya <a href="http://infogreget.blogspot.com/2012/10/kode-warna-html-blog.html" rel="nofollow" style="text-decoration: none;" target="_blank">disini</a><br /><br />5. <b>Simpan</b> jika sudah selesai.</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com1tag:blogger.com,1999:blog-6376555002360263163.post-53751724946578874952013-06-08T07:12:00.003-07:002013-06-08T07:12:50.728-07:00cara buat backgorund bergerak tetap<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-3579331590302793090" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; line-height: normal; margin: 0px; position: relative;">
<span style="background-color: white;"><br /></span></h3>
<div class="post-header" style="line-height: 1.6; margin: 0px 0px 1em;">
</div>
<span style="background-color: white;">mau backgound bergerak seperti background blog ini ???<br /><br />nah kalau mau ikuti langkah" nya di bawah ini<br /><br /><br /></span><ol>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Buka Blogger </span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Klik Tata Letak</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Klik Add Gadget</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Klik HTML/Java Script</span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;">Copy Kode Dibawah ini</span></li>
</ol>
<span style="background-color: white;"><br /><br /><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script><br /><script type='text/javascript'><br />//<![CDATA[<br />$(function(){<br />// ***<br />// Scrolling background<br />// ***<br />// height of background image in pixels<br />var backgroundheight = 4000;<br /><br />// get the current minute/hour of the day<br />var now = new Date();<br />var hour = now.getHours();<br />var minute = now.getMinutes();<br /><br />// work out how far through the day we are as a percentage - e.g. 6pm = 75%<br />var hourpercent = hour / 24 * 100;<br />var minutepercent = minute / 30 / 24 * 100;<br />var percentofday = Math.round(hourpercent + minutepercent);<br /><br />// calculate which pixel row to start graphic from based on how far through the day we are<br />var offset = backgroundheight / 100 * percentofday;<br /><br />// graphic starts at approx 6am, so adjust offset by 1/4<br />var offset = offset - (backgroundheight / 1);<br /><br />function scrollbackground() {<br />// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1<br />offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;<br />// apply the background position<br />$('body').css("background-position", "50% " + offset + "px");<br />// call self to continue animation<br />setTimeout(function() {<br />scrollbackground();<br />}, 70<br />);<br />}<br />// Start the animation<br />scrollbackground();<br />});<br /><br />//]]><br /></script><br /><style><br />body {<br />background: black url(url gambarnya) repeat center; background-attachment: fixed;<br />}<br /></style><br /><br />nih... pilih! untuk mengganti yang warna kuning!<br /><br /><br /><br /><br /><span style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipk2scDvXkGXqcvX7Tmi_rkgpKcVWq-oHQzYMz3AXY8BT1IjQNmFksGBLtF8PBQA_MkZS3StSs0wdr92Dp9-hsxjPkgVImxCB1329nvXexjjeUZW_o9UGnrq3pcPUiYJ2Wz1Q1Pb3_ksU/s1600/0_1_1.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /></span><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipk2scDvXkGXqcvX7Tmi_rkgpKcVWq-oHQzYMz3AXY8BT1IjQNmFksGBLtF8PBQA_MkZS3StSs0wdr92Dp9-hsxjPkgVImxCB1329nvXexjjeUZW_o9UGnrq3pcPUiYJ2Wz1Q1Pb3_ksU/s1600/0_1_1.gif<br /><br /><img src="https://lh6.googleusercontent.com/-wnxb6Bv75j8/Ts32HR4rlOI/AAAAAAAAAgU/ubCAT0zE3hA/s800/bluematrix2.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /><br />https://lh6.googleusercontent.com/-wnxb6Bv75j8/Ts32HR4rlOI/AAAAAAAAAgU/ubCAT0zE3hA/s800/bluematrix2.gif<br /><br /><img src="https://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /><br />https://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif<br /><br /><img src="https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /><br />https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif<br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaViRgnjUc-l1L2pDAyU-y91saZp7namGugcjmb202Cba71nz2Mfen7bxDfx0LbPcjPojbYzEKFfS87yzdWj__GhLrpNe8ZUuKklfAjGKWltzu9Z42zX5mf0XIKtHwjXTdLkZPNCJD-Fc/s800/matrix.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaViRgnjUc-l1L2pDAyU-y91saZp7namGugcjmb202Cba71nz2Mfen7bxDfx0LbPcjPojbYzEKFfS87yzdWj__GhLrpNe8ZUuKklfAjGKWltzu9Z42zX5mf0XIKtHwjXTdLkZPNCJD-Fc/s800/matrix.gif<br /><br />udah ah! semoga bermanfaat ^_^</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-18374366181726144012013-06-08T06:58:00.002-07:002013-06-08T06:58:52.922-07:00Kumpulan Efek - Efek Blog ( Lengkap )<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-2339620528801998684" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;"><span style="color: red;">Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang <b>animasi di blog</b>, kali ini saya akan kasih sobat<b>berbagai macam / jenis efek - efek blog</b> yang bisa di <u>pasang di blog</u>.<br /><br /><br />Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .<br /><br />Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang <b>efek - efek pada blog</b> berikut.<br /><br /><br /><span style="font-size: small;"><b>A. Efek Ringan</b></span><br /><br />Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.<br /><br />1. Efek salju berjatuhan<br /><br /><script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script><br /><br />2. Efek hati bertaburan<br /><br /><script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script><br /><br />3. Efek bintang bertaburan<br /><br /><script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script><br /><br />4. Efek kembang api<br /><br /><script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script><br /><br />5. Efek Gelembung<br /><br /><script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script><br /><br />6. Efek Kupu - Kupu Terbang<br /><br /><script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script><br /><br /><br />Cara pemasangan :<br /></span></span><ol>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;"><span style="color: red;">Klik rancangan --> Edit html</span></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;"><span style="color: red;">Letakkan script efek di atas kode </body></span></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;"><span style="color: red;">Klik Save<br /><br /><span style="font-size: small;"><b>B. Efek Menengah - Berat</b></span><br />1.Meteor Jatuh<br /><br /><script language="javascript"><br />nd_mode="meteor";<br />nd_control="on";<br />nd_sound="on";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /></span></span><div>
<span style="background-color: white;"><span style="color: red;"><br />2. Banjir<br /><br /><script language="javascript"><br />nd_mode="flood";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />3. Bunga Mekar<br /><br /><script language="javascript"><br />nd_mode="flowers";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />4. Bom Atom<br /><br /><script language="javascript"><br />nd_mode="bomb";<br />nd_sound="on";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br /><br />5. Ufo<br /><br /><script language="javascript"><br />nd_mode="ufo";<br />nd_sound="on";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />6. Graffity<br /><br /><script language="javascript"><br />nd_mode="graff";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />7. Shaver<br /><br /><script language="javascript"><br />nd_mode="shaver";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />8. Gun<br /><br /><script language="javascript"><br />nd_mode="gun";<br />nd_sound="on";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />9.Bloody gun<br /><br /><script language="javascript"><br />nd_mode="blood";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br /><br />10. Paint ball<br /><br /><script language="javascript"><br />nd_mode="paint";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br /><br />11. Chainsaw<br /><br /><script language="javascript"><br />nd_mode="chainsaw";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />12. Dinosaur<br /><br /><script language="javascript"><br />nd_mode="dino";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br />13. Lebah<br /><br /><script language="javascript"><br />nd_mode="wasp";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />14. Lalat<br /><br /><script language="javascript"><br />nd_mode="fly";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />15. Semut<br /><br /><script language="javascript"><br />nd_mode="ants";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />16.Bayi merangkak<br /><br /><script language="javascript"><br />nd_mode="baby";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />17.Terbakar<br /><br /><script language="javascript"><br />nd_mode="burn";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />18.Murka<br /><br /><script language="javascript"><br />nd_mode="god";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />19.Kencing Sembarangan<br /><br /><script language="javascript"><br />nd_mode="pee";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br />20.Anjing Jorok<br /><br /><script language="javascript"><br />nd_mode="dog";<br />nd_vAlign="bottom";<br />nd_hAlign="right";<br />nd_vMargin="10";<br />nd_hMargin="10";<br />nd_target="_blank";<br /></script><br /><script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script><br /><div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div><br /><br /><br />Cara pemasangan :</span></span><ol>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;"><span style="color: red;">Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript</span></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;"><span style="color: red;">Masukkan script efek di dalam kotak yang di sediakan</span></span></li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="background-color: white;"><span style="color: red;">Klik save dan lihat hasilnya.</span></span></li>
</ol>
<span style="background-color: white;"><span style="color: red;">Tambahan :<br />Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..</span></span></div>
</li>
</ol>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-9414901914747223772013-06-08T06:55:00.003-07:002013-06-08T06:55:31.146-07:00Cara Membuat Link Bergerak (Bergoyang) di blog<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-6321493314632939022" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;">Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja :D Maksudnya begini lo, link yang disentuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti? Jadi hampir sama <i>marquee</i>, bedanya link akan bergerak hanya jika disentuh.<br /><br />Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik. Dulu ada cara membuat link menjadi pelangi, bahkan juga ada membuat link berkedip-kedip. Sekarang kita akan belajar membuat link yang bergoyang ;)<br /><br /><b>Cara Membuat Link Bergerak (Bergoyang)</b><br />1. <b>Login</b> ke Blogger.<br />2. Di halaman Dasbor, kita pilih <b>Rancangan</b>.<br />3. Kemudian pilih <b>Edit HTML</b><br />4. Beri tanda centang pada <b>Expand Template Widget</b><br />5. Taruh kode berikut <u>di atas</u> kode </head><br /><br /></span><div class="alert">
<span style="background-color: white;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />$(document).ready(function() {<br />$(&#39;a&#39;).hover(function() { //mouse in<br />$(this).animate({ marginLeft: &#39;12px&#39; }, 400);<br />}, function() { //mouse out<br />$(this).animate({ marginLeft: 0 }, 400);<br />});<br />});</script></span></div>
<span style="background-color: white;"><br />6. <b>Simpan Template</b> jika sudah selesai.<br /><br />Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-61278978170254413392013-06-08T06:52:00.004-07:002013-06-08T06:52:38.947-07:00Cara Membuat Mouseover Effect Pada Gambar<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
<br /></h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-9222946634757764176" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<span style="background-color: white;"><span style="color: red;">Membuat gambar lebih menarik, dengan ini setiap gambar atau foto yang kita akan tampilkan akan mempunyai efek jika mouse kita taruh di gambar tesebut. Gambar tersebut akan menjadi redup, Dan untuk membuat animasi mousever effect itu tidaklah sulit.<br /><br />Seperti dikutip dari O-om Cara kerja efek gambar transparan diatas tidak begitu sulit, yang kita perlukan hanya memanfaatkan properti CSS Image Opacity. Namun sebelumnya perlu juga diketahui property CSS opacity sebenarnya tidak termasuk dalam standar CSS, dimana property ini hanya bekerja dengan baik pada beberapa web browser modern saja.</span></span><div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white;"><span style="color: red;"><b><br /><br />cara membuat mouseover effect dari terang ke redup</b><br /><b><a href="http://4.bp.blogspot.com/-WkwiFAB1M_U/UYfX4OldRwI/AAAAAAAAA2g/XDn-hGBEHmA/s1600/sfsf.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-left: 0px; margin-right: 1em; text-decoration: none;"><img border="0" height="266" src="http://4.bp.blogspot.com/-WkwiFAB1M_U/UYfX4OldRwI/AAAAAAAAA2g/XDn-hGBEHmA/s400/sfsf.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" width="400" /></a></b><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></span></span><div class="alert">
<span style="background-color: white;"><span style="color: red;"><img border="1" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" src="<b>URL Gambar</b>" style="opacity: 1;" /></span></span></div>
<span style="background-color: white;"><span style="color: red;"><br /><br />Dan mungkin akan sedikit repot jika harus menmabhkan kode css setiap kali ingin menampilkan effect pada gambar kita di postingan. Tapi ada jalan mudah untuk otomatis setiap gambar kita di postingan bereffect seperti diatasa, acaranya adalah menambahkan kode css berikut ini d atas kode <b>]]></b:skin></b><br /></span></span><div class="alert">
<span style="background-color: white;"><span style="color: red;">.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}<br /><br />.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}</span></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0tag:blogger.com,1999:blog-6376555002360263163.post-91731137115803823552013-06-08T06:17:00.005-07:002013-06-08T08:04:32.599-07:00Cara Mengganti Icon Blogger di Addres Bar<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name" style="font-family: 'Times New Roman', Times, FreeSerif, serif; font-size: 22px; margin: 0px; position: relative;">
</h3>
<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-703139606341366954" itemprop="description articleBody" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; position: relative; width: 506px;">
<br />
<div class="post-header" style="line-height: 1.6; margin: 0px 0px 1em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-5723012838096437491" itemprop="description articleBody" style="position: relative; width: 506px;">
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">Ketika membuka atau blog kita maka akan muncul di <b>addres bar</b> (tempat unuk menuliskan alamat URL) akan muncul icon atau gambar kecil. Dan jika blog kita ada di<b>blogger.com</b> atau <b>blogspot</b> maka <b>icon</b> itu berupa gambar dari blogger.com seperti d ibawah ini.</span><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;"><a href="http://kurniasepta.blogspot.com/" style="text-decoration: none;"><b></b></a><br /></span>
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">Untuk kita-kita yang sedikit tak meninginkan icon blogger itu muncul di <i>Addres Bar</i> blog kita, bisa juga kita ganti <b>icon</b> blogger itu dengan yang lainnya. Misalkan denagn foto kita sendiri atau gambar-gambar yang begerak atau berformat gif. Tapi yang paling penting adalah ini sebuah icon jadi usahakan yang berukuran kecil saja, misal 24 x 24 pixel atau 32 x 32 pixel saja supaya loadingnya cepat.</span><br />
<span style="background-color: white;"><br /></span>
<b style="background-color: white;">Cara Mengganti Icon Blogger di Addres Bar</b><br />
<span style="background-color: white;">1. <b>Login</b> ke Blogger.</span><br />
<span style="background-color: white;">2. Di halaman Dasbor, kita pilih <b>Tata Letak</b>.</span><br />
<span style="background-color: white;">3. Kemudian pilih <b>Edit HTML</b></span><br />
<span style="background-color: white;">4. Beri tanda centang pada <b>Expand Template Widget</b></span><br />
<span style="background-color: white;">5. Cari kode berikut ini <b></head></b></span><br />
<span style="background-color: white;">6. Taruh script berikut ini tepat diatas kode <b></head></b></span><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;"><br /></span>
<br />
<div class="alert">
<span style="background-color: white;"><link href='<i>http://img401.imageshack.us/img401/7652/eqizqu6.gif</i>' rel='SHORTCUT ICON'/></span></div>
<span style="background-color: white;"><br /></span>
<span style="background-color: white;">7. Lalu <b>Simpan</b> kalu sudah selesai.</span><br />
<span style="background-color: white;"><br /></span>
<b style="background-color: white;">Berikut ini Icon-icon yang bisa kita gunakan:</b><br />
<span style="background-color: white;"><br /></span>
<span style="background-color: white;"><img border="0" src="http://img100.imageshack.us/img100/4658/image12du2.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img100.imageshack.us/img100/4658/image12du2.gif</span><br />
<img border="0" src="http://img145.imageshack.us/img145/7793/image14zg9.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /><span style="background-color: white;"> http://img145.imageshack.us/img145/7793/image14zg9.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img412.imageshack.us/img412/4403/image15jc7.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img412.imageshack.us/img412/4403/image15jc7.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img264.imageshack.us/img264/7575/image16kn8.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img264.imageshack.us/img264/7575/image16kn8.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img87.imageshack.us/img87/5862/image1an1.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img87.imageshack.us/img87/5862/image1an1.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img110.imageshack.us/img110/6218/image2ie0.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img110.imageshack.us/img110/6218/image2ie0.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img98.imageshack.us/img98/9617/image3cr0.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img98.imageshack.us/img98/9617/image3cr0.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img134.imageshack.us/img134/633/image4hx4.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img134.imageshack.us/img134/633/image4hx4.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img139.imageshack.us/img139/83/image5oa7.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img139.imageshack.us/img139/83/image5oa7.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img509.imageshack.us/img509/6449/image6fu0.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img509.imageshack.us/img509/6449/image6fu0.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img527.imageshack.us/img527/6543/image7go9.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img527.imageshack.us/img527/6543/image7go9.gif</span><br />
<span style="background-color: white;"><img border="0" src="http://img507.imageshack.us/img507/5774/image8wn8.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(0, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px;" /> http://img507.imageshack.us/img507/5774/image8wn8.gif</span></div>
</div>
<script language="JavaScript">
var text="Selamat Datang di FlowerBluezk, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b></b><br />
<div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;">
</div>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script></div>
Anonymoushttp://www.blogger.com/profile/16347907965427538950noreply@blogger.com0