tag:blogger.com,1999:blog-61171100205078261812024-03-14T06:45:01.063-07:00Bloggers TipsCatatan si MiMinhttp://www.blogger.com/profile/18330177294935458420noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-6117110020507826181.post-25414009044883580622012-03-21T03:32:00.000-07:002012-03-21T03:32:45.530-07:00Menghilangkan Angka dibelakang Archive<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjafaJ4axu-s05zVsap11ceqr82_zf1W1vQNOxw_3LX58bGrM2hDUCXANYTILtn-yQrn0irOnJZCO4DsrR3TzVc9sFLJIa5-Wdx0pXHoiYMCJpS_6UIYS60yWnMcoS_2s7Rv9SOZkbovGTV/s1600/Menghilangkan+angka+dibelakang+Archive.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjafaJ4axu-s05zVsap11ceqr82_zf1W1vQNOxw_3LX58bGrM2hDUCXANYTILtn-yQrn0irOnJZCO4DsrR3TzVc9sFLJIa5-Wdx0pXHoiYMCJpS_6UIYS60yWnMcoS_2s7Rv9SOZkbovGTV/s400/Menghilangkan+angka+dibelakang+Archive.JPG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><b><br />
</b><br />
<b><br />
</b><br />
<b>Bloggers Tips</b> - Setelah kita belajar <a href="http://tip-ngeblogs.blogspot.com/2012/03/menghilangkan-angka-dibelakang-label.html" target="_blank">Menghilangkan Angka dibelakang Label / Kategori</a>, sekarang saya ingin membahas cara menghapus angka dibelakang Archive / Arsip, banyak bloggers yang berangapan blog yang masih terdapat angka dibelakang arsip menandakan si empunya Blog tidak serius mengurus blogs, apakah demikian, jawabannya terserah anda.<br />
<br />
Untuk menghilangkan angka di belakang Archive / Arsip langkah - langkahnya adalah sebagai berikut :<br />
<br />
<br />
<br />
<ol><li>Login ke Blogger</li>
<li>Masuk ke tata letak atau Rancangan</li>
<li>Pilih Edit Html</li>
<li>Contreng Expand Template Widget</li>
<li>Cari kode berikut<b><span style="color: red;"> (<data:i.post-count/>)</span></b> (gunakan Ctrl + F) </li>
<li>Delete kode tersebut</li>
<li>Simpan template anda</li>
</ol><div>Mudahkan....!!!!</div>Catatan si MiMinhttp://www.blogger.com/profile/18330177294935458420noreply@blogger.com0tag:blogger.com,1999:blog-6117110020507826181.post-50882529369079362772012-03-21T03:20:00.002-07:002012-03-21T03:22:59.847-07:00Menghilangkan Angka dibelakang Label<div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: justify;"><b>Bloggers Tips</b> - Sebenarnya ini tips yang sangat sederhana, tapi tidak ada salahnya saya coba untuk membaginya kepada teman-teman sesama blogger.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-mkNOC6QObSUsBsZ04cmRXUwdGfgp785fyWM2e6z5Jj6cjVukpDQZSG5s0bc__ZdfWVICNQgHFdsleqPZ-dgpf_JvW9Ij-aIVglaCd9_9HWXlRN9Q3fwiZh6JH8hLyPxPrcGEmp1L8pwg/s1600/Label.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-mkNOC6QObSUsBsZ04cmRXUwdGfgp785fyWM2e6z5Jj6cjVukpDQZSG5s0bc__ZdfWVICNQgHFdsleqPZ-dgpf_JvW9Ij-aIVglaCd9_9HWXlRN9Q3fwiZh6JH8hLyPxPrcGEmp1L8pwg/s400/Label.JPG" width="400" /></a></div><br />
<br />
<div style="text-align: justify;"><b>Label</b> atau <b>kategori</b> dibuat untuk mengelompokkan artikel atau posting sesuai dengan jenis atau kategorinya. Secara Default, Tampilan Label seperti pada gambar di bawah ini.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Tetapi nama Label juga diikuti dengan angka yang menunjukan banyaknya jumlah artikel/posting di dalamnya.</div><div style="text-align: justify;"><br />
</div><blockquote class="tr_bq">Bloggers banyak yang beranggapan bahwa angka di belakang label mengganggu keindahan. Apalagi jika jumlah posting yang di tampilkan berdasar label tersebut masih sedikit. Tapi banyak juga yang menganggap kalau angka di belakang label justru akan mempengarui pengunjung untuk mengekliknya.</blockquote><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Jika anda termasuk kategori Bloggers yang merasa terganggu dengan hal ini berikut langkah - langkah untuk menghilangkan angka dibelakang Label</div><ol><li style="text-align: justify;">Login ke Blogger</li>
<li style="text-align: justify;">Masuk ke tata letak atau Rancangan</li>
<li style="text-align: justify;">Pilih Edit Html</li>
<li style="text-align: justify;">Contreng Expand Template Widget</li>
<li style="text-align: justify;">Cari kode berikut <b><span style="color: red;"><span dir='ltr'>(<data:label.count/>)</span> </span></b> (gunakan Ctrl + F) </li>
<li style="text-align: justify;">Delete kode tersebut</li>
<li style="text-align: justify;">Jangan lupa disimpan templatenya ya, he he he</li>
</ol><div><div style="text-align: justify;">Sekarang silahkan refresh halaman Blog anda, sudah hilangkan angka dibelakang labelnya...? </div></div>Catatan si MiMinhttp://www.blogger.com/profile/18330177294935458420noreply@blogger.com0tag:blogger.com,1999:blog-6117110020507826181.post-54886992026957329832012-03-20T02:19:00.001-07:002012-03-20T02:27:35.430-07:00Mempercantik Blog Dengan Popular Post Bergerak<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1arXY-MWoKA_PudI57X6w_rUYGGpX7xgXPGhipNNmAM9VqS9F_uTOSgsJ72cI_tUbwwLQOaNZYnQzVHjhqBvM5z4gAAI-rdLGOhZPDp6q2pQqcZHEdZJOefLRtVQHQI6G2RLz0gBdz8oD/s1600/recent.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1arXY-MWoKA_PudI57X6w_rUYGGpX7xgXPGhipNNmAM9VqS9F_uTOSgsJ72cI_tUbwwLQOaNZYnQzVHjhqBvM5z4gAAI-rdLGOhZPDp6q2pQqcZHEdZJOefLRtVQHQI6G2RLz0gBdz8oD/s1600/recent.JPG" /></a></div><br />
Random Post bergerak, bisa digunakan untuk mempercantik blog anda, anda bisa menyesuaikan ukuran dan warna Recent post anda, dengan memanfaatkan Recent Post bergerak diharapkan dapat meningkatkan Pageviews dan membuat pengunjung betah di Blog anda.<br />
<br />
Cara memasang Random Popular Post Bergerak ini sangat mudah, langkah - langkah memasang Recent Post Bergerak adalah sebagai berikut : <br />
<br />
<ol><li>Login ke Blogger </li>
<li>Pilih Elemen Halaman / Page Elemen </li>
<li>Kemudian Pilih Add Gadget, terus pilih HTML/JavaScript Recent Post ini bisa meletakkan dimana saja, sesuaikan ukuran lebar sesuai lebar sidebar kamu</li>
<li>Copy Paste Script Kode di Bawah ini : </li>
</ol><blockquote class="tr_bq"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
<br />
<!--<br />
<br />
#spylist {<br />
overflow:hidden;<br />
margin-top:5px;<br />
padding:0px 0px;<br />
height:350px;<br />
}<br />
#spylist ul{<br />
width:250px;<br />
overflow:hidden;<br />
list-style-type: none;<br />
padding: 0px 0px;<br />
margin:0px 0px;<br />
}<br />
#spylist li {<br />
<span style="color: blue;">width:250px;</span><br />
padding: 5px 5px;<br />
margin:0px 0px 5px 0px;<br />
list-style-type:none;<br />
float:none;<br />
height:70px;<br />
overflow: hidden;<br />
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;<br />
border:1px solid #ddd;<br />
}<br />
<br />
#spylist li a {<br />
text-decoration:none;<br />
color:#4B545B;<br />
font-size:11px;<br />
height:18px;<br />
overflow:hidden;<br />
margin:0px 0px;<br />
padding:0px 0px 2px 0px;<br />
}<br />
#spylist li img {<br />
float:left;<br />
margin-right:5px;<br />
background:#EFEFEF;<br />
border:0;<br />
}<br />
.spydate{<br />
overflow:hidden;<br />
font-size:10px;<br />
color:#0284C2;<br />
padding:2px 0px;<br />
margin:1px 0px 0px 0px;<br />
height:15px;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
}<br />
<br />
.spycomment{<br />
overflow:hidden;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
font-size:10px;<br />
color:#262B2F;<br />
padding:0px 0px;<br />
margin:0px 0px;<br />
}<br />
<br />
--><br />
</style><br />
<br />
<script language='javascript'><br />
imgr = new Array();<br />
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br />
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br />
showRandomImg = true;<br />
boxwidth = 300;<br />
cellspacing = 6;<br />
borderColor = "#232c35";<br />
bgTD = "#000000";<br />
thumbwidth = 60;<br />
thumbheight = 60;<br />
fntsize = 12;<br />
acolor = "#666";<br />
aBold = true;<br />
icon = " ";<br />
text = "Reply(s)";<br />
showPostDate = false;<br />
summaryPost = 40;<br />
summaryFontsize = 10;<br />
summaryColor = "#666";<br />
icon2 = " ";<br />
numposts = 10;<br />
home_page = "<b style="color: blue;">http://suceve.blogspot.com/</b><span style="color: blue;">"</span>;<br />
limitspy=5<br />
intervalspy=6000<br />
</script><br />
<br />
<div id="spylist"><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
/*<br />
* Script dikombinasikan dari bloggerstricks.com<br />
* spy effect dari jqueryfordesigners.com<br />
* Oleh Crazy Blogs (http://www.suceve.info/)<br />
* Modifikasi oleh http://www.suceve.info<br />
*/<br />
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');<br />
//]]><br />
</script><br />
</div> </blockquote><br />
<br />
<ol></ol>Catatan si MiMinhttp://www.blogger.com/profile/18330177294935458420noreply@blogger.com2tag:blogger.com,1999:blog-6117110020507826181.post-65699933622043436872012-03-18T00:09:00.001-07:002012-03-18T00:10:33.099-07:00Widget Energi Saving Mode Untuk Blogspot<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOa73qF6zIGPAhEBtI5gdu55AP_nv_07O-tLp0MS2NqZX7kp9UQk9pgNDcNT7ekzUIn-QJHx8tYhuAfzGnXNHC8zbSSI23nTd3-uYHYWoB_wtj7w1Apd8_IG7gymsa1aDksPqfjnHccEq/s1600/Energy+Saving+Mode.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMOa73qF6zIGPAhEBtI5gdu55AP_nv_07O-tLp0MS2NqZX7kp9UQk9pgNDcNT7ekzUIn-QJHx8tYhuAfzGnXNHC8zbSSI23nTd3-uYHYWoB_wtj7w1Apd8_IG7gymsa1aDksPqfjnHccEq/s640/Energy+Saving+Mode.png" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />
Sesuai dengan program pemerintah untuk menghemat energi, maka kali ini saya akan menulis tentang "Energi Saving" yang bisa dipasang di Blogspot, Script Kode Energi Saving ini sudah banyak bertebaran di Google, baik yang masih standar ataupun yang sudah di modifikasi, berikut cara memasang Screen Saver di blog:<br />
<br />
<ol><li>Login ke Blogger kemudian pilih Rancangan / Layout</li>
<li>Pilih Edit HTML</li>
<li><head> gunakan CTRL + F untuk memudahkan pencarian </li>
<li>Letakan Kode dibawah ini tepat diatas (<i><b>sebelum</b></i>) <head></li>
</ol><br />
<blockquote class="tr_bq"><!-- save your energy --><br />
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/><br />
<!-- save your energy end --></blockquote> Kalau sudah simpanlah template anda, langkah berikutnya :<br />
<br />
<ol><li>Pilih Elemen Halaman / Page Elemen </li>
<li>Kemudian Pilih Add Gadget, terus pilih HTML/JavaScript letakkan sesuka anda</li>
<li>Copy Paste Script Kode di Bawah ini : </li>
</ol><br />
<blockquote class="tr_bq"><script language=”javascript” type=”text/javascript” src=”http://www.onlineleaf.com/savetheenvironment.js”></script></blockquote><br />
Kemudian simpan, tunggulah beberapa saat dan anda akan melihat hasilnya.Catatan si MiMinhttp://www.blogger.com/profile/18330177294935458420noreply@blogger.com0tag:blogger.com,1999:blog-6117110020507826181.post-39684577745148272122012-03-17T23:32:00.003-07:002012-03-17T23:45:27.948-07:00Membuat Accordion Slider di Blogspot<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Mr1tGb6M0RfGHgC6F9zqD_mPu_IfmOqzNOvqGdirKP3mQ19R_Av4ZaabBf9esnF4QZ7vtqUKvBrMbjiMXryLUHm6PFOogGKhnHKiWD-R-Y5UCi0xgoyi3gsw9E-vbHbEqrITqJcIqwdF/s1600/accordion+slider.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Mr1tGb6M0RfGHgC6F9zqD_mPu_IfmOqzNOvqGdirKP3mQ19R_Av4ZaabBf9esnF4QZ7vtqUKvBrMbjiMXryLUHm6PFOogGKhnHKiWD-R-Y5UCi0xgoyi3gsw9E-vbHbEqrITqJcIqwdF/s640/accordion+slider.JPG" width="640" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>BlogsTips</b> - Untuk Tutorial kali ini saya ingin sharing cara memasang Accordion Slider di Blogspot, saya sendiri kurang paham apakah pemasangan Accordion Slider ini bermanfaat untuk SEO atau tidak, tetapi yang pasti tampilan Blog anda akan kelihatan cantik dan lebih professional. <b><a href="http://www.indohot.org/" target="_blank">DEMO</a></b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Berikut Langkah - Langkah untuk memasang Accordion Slider di Blogspot</div><br />
<ol><li>Login ke Blogger kemudian pilih Rancangan / Layout</li>
<li>Pilih Edit HTML</li>
<li>Cari Head Closing </head> gunakan CTRL + F untuk memudahkan pencarian </li>
<li>Letakan Kode dibawah ini tepat diatas (<i><b>sebelum</b></i>) </head></li>
</ol><blockquote class="tr_bq"><style type='text/css'><br />
/*widget Fitur Slide Accordion by noer Ceo http://www.mamasa.info/ */<br />
.ElegantAccordion{<br />
position:relative;<br />
width:960px;<br />
height:370px;<br />
margin:auto;<br />
overflow:hidden;<br />
background-color:#000;<br />
background:transparent url(http://2.bp.blogspot.com/-EWNcmRRZvAA/TvxUAClvy0I/AAAAAAAAAbg/Uf4C8g1UCI8/s1600/situs-komplek-pallawa-tana-toraja.jpg) no-repeat bottom right;<br />
background-repeat:no-repeat;<br />
background-position:50% 50%;<br />
-moz-box-shadow:1px 1px 5px #000;<br />
-webkit-box-shadow:1px 1px 5px #000;<br />
box-shadow:1px 1px 5px #000;<br />
-moz-border-radius:4px;<br />
-webkit-border-radius:4px;<br />
border-radius:4px 4px 4px 4px;<br />
}<br />
<br />
.titel-ElegantAccordion{<br />
display: block;<br />
position:absolute;<br />
width:100%;<br />
height:80px;<br />
top:0px;<br />
float: left;<br />
font-size:100px;<br />
font-family:Edwardian Script ITC;<br />
font-weight:normal;<br />
color:#B85BED;<br />
line-height:80%;<br />
padding:30px 20px;<br />
cursor:pointer;<br />
text-shadow:4px 1px 1px #000;<br />
text-decoration:none;<br />
color:#FFBA00;<br />
z-index:999999;<br />
}<br />
<br />
.titel-ElegantAccordion a:link {<br />
color:#ddd;<br />
text-decoration:none;<br />
-webkit-transition: all 1s ease-in-out;<br />
-moz-transition: all 1s ease-in-out;<br />
}<br />
<br />
.titel-ElegantAccordion a:visited {<br />
color:#339025;<br />
text-decoration:none;<br />
}<br />
<br />
.titel-ElegantAccordion a:hover {<br />
color:#C3E9A4;<br />
text-decoration:none;<br />
-webkit-transition: all 1s ease-in-out;<br />
-moz-transition: all 1s ease-in-out;<br />
}<br />
<br />
<br />
.reference{<br />
clear:both;<br />
top:250px;<br />
left:0px;<br />
position:absolute;<br />
text-align:right;<br />
font-size:10px;<br />
font-family: Cambria, serif;<br />
font-weight:bold;<br />
line-height: 1em;<br />
width:350px;<br />
padding:0px 20px 5px;<br />
background-color:#fff;<br />
-moz-box-shadow:1px 3px 15px #bbb;<br />
-webkit-box-shadow:1px 3px 15px #bbb;<br />
box-shadow:1px 3px 15px #bbb;<br />
opacity:0.7;<br />
}<br />
<br />
.reference p a{<br />
text-transform:uppercase;<br />
text-shadow:1px 1px 1px #fff;<br />
color:#333;<br />
text-decoration:none;<br />
font-size:10px;<br />
font-family: Cambria, serif;<br />
line-height: 1em;<br />
}<br />
<br />
.reference p a:hover{color:#347D29;}<br />
<br />
ul.accordion{<br />
list-style:none; <br />
position:absolute;<br />
right:0px;<br />
top:-15px;<br />
font-family: Cambria, serif;<br />
font-size: 16px;<br />
font-style: italic;<br />
line-height: 1.5em;<br />
}<br />
ul.accordion li{<br />
float:right;<br />
width:115px;<br />
height:380px;<br />
display:block;<br />
border-right:2px solid #fff;<br />
border-bottom:2px solid #fff;<br />
background-color:#fff;<br />
background-repeat:no-repeat;<br />
background-position:center center;<br />
position:relative;<br />
overflow:hidden;<br />
cursor:pointer;<br />
-moz-box-shadow:1px 3px 15px #555;<br />
-webkit-box-shadow:1px 3px 15px #555;<br />
box-shadow:1px 3px 15px #555;<br />
-webkit-transition: all 1s ease-in-out;<br />
-moz-transition: all 1s ease-in-out;<br />
}<br />
<br />
ul.accordion li:hover{<br />
float:right;<br />
width:480px;<br />
height:380px;<br />
display:block;<br />
border-right:2px solid #fff;<br />
border-bottom:2px solid #fff;<br />
background-color:#fff;<br />
background-repeat:no-repeat;<br />
background-position:center center;<br />
position:relative;<br />
overflow:hidden;<br />
cursor:pointer;<br />
-moz-box-shadow:1px 3px 15px #555;<br />
-webkit-box-shadow:1px 3px 15px #555;<br />
box-shadow:1px 3px 15px #555;<br />
}<br />
<br />
ul.accordion li.bleft{<br />
border-left:2px solid #fff;<br />
}<br />
ul.accordion li .heading{<br />
background-color:#fff;<br />
padding:10px;<br />
margin-top:315px;<br />
opacity:0.9;<br />
text-transform:uppercase;<br />
font-style:normal;<br />
font-weight:bold;<br />
letter-spacing:1px;<br />
font-size:14px;<br />
color:#444;<br />
text-align:center;<br />
text-shadow:-1px -1px 1px #ccc;<br />
-webkit-transition: all 1s ease-in-out;<br />
-moz-transition: all 1s ease-in-out;<br />
}<br />
<br />
ul.accordion li:hover .heading{<br />
background-color:#fff;<br />
padding:10px;<br />
margin-top:-50px;<br />
}<br />
<br />
ul.accordion li .description{<br />
position:absolute;<br />
width:480px;<br />
height:1px;<br />
bottom:-2px;<br />
left:0px;<br />
display:blok;<br />
-webkit-transition: all 0.5s ease-in-out;<br />
-moz-transition: all 0.5s ease-in-out;<br />
}<br />
<br />
ul.accordion li:hover .description{<br />
position:absolute;<br />
width:480px;<br />
height:175px;<br />
bottom:0px;<br />
left:0px;<br />
display:blok;<br />
}<br />
<br />
ul.accordion li .description h2{<br />
text-transform:uppercase;<br />
font-style:normal;<br />
font-weight:bold;<br />
letter-spacing:1px;<br />
font-size:45px;<br />
color:#444;<br />
text-align:left;<br />
margin:0px 0px 15px 20px;<br />
text-shadow:-1px -1px 1px #ccc;<br />
}<br />
<br />
ul.accordion li .description p{<br />
line-height:14px;<br />
margin:10px 22px;<br />
font-family: &quot;Trebuchet MS&quot;, sans-serif;<br />
font-size: 12px;<br />
font-style: italic;<br />
font-weight: normal;<br />
text-transform: none;<br />
letter-spacing: normal;<br />
line-height: 1.6em;<br />
}<br />
ul.accordion li .description a{<br />
position:absolute;<br />
bottom:5px;<br />
left:400px;<br />
text-transform:uppercase;<br />
font-style:normal;<br />
font-size:11px;<br />
text-decoration:none;<br />
color:#888;<br />
}<br />
ul.accordion li .description a:hover{<br />
position:absolute;<br />
bottom:5px;<br />
left:400px;<br />
text-transform:uppercase;<br />
font-style:normal;<br />
font-size:11px;<br />
text-decoration:none;<br />
color:#888;<br />
color:#333;<br />
text-decoration:none;<br />
font-weight: bold;<br />
}<br />
<br />
ul.accordion li .bgDescription{<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIGA2wBdOzoz7hv_EWO9TwZb656OrEwbyVY1TJFMc99FFBQI_xsMdL6w9F4-7qyUhTsSwNPShSDN7vNcO5Boe5IA9HSG1sDgFIUBHnWvvJF2Khejg0NiQSIdVb_PdudtSrSat5nHyTzAM/s500/bgDescription.png) repeat-x top left;<br />
height:1px;<br />
position:absolute;<br />
bottom:-20px;<br />
left:0px;<br />
width:100%;<br />
display:blok;<br />
-webkit-transition: all 0.5s ease-in-out;<br />
-moz-transition: all 0.5s ease-in-out;<br />
}<br />
<br />
ul.accordion li:hover .bgDescription{<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIGA2wBdOzoz7hv_EWO9TwZb656OrEwbyVY1TJFMc99FFBQI_xsMdL6w9F4-7qyUhTsSwNPShSDN7vNcO5Boe5IA9HSG1sDgFIUBHnWvvJF2Khejg0NiQSIdVb_PdudtSrSat5nHyTzAM/s500/bgDescription.png) repeat-x top left;<br />
height:340px;<br />
position:absolute;<br />
bottom:0px;<br />
left:0px;<br />
width:100%;<br />
display:blok;<br />
}<br />
</style><br />
<br />
<style type='text/css'><br />
/*widget Fitur Slide Accordion by noer Ceo http://www.carabuatwebgratis.com */<br />
<br />
ul.accordion li.bg1{<br />
background-image:url(<span style="color: blue;">http://1.bp.blogspot.com/-fw5TKIrLGIU/TvxNgwU1jMI/AAAAAAAAAas/lSaSzkKE934/s1600/Proses%252Bpembuatan%252Bkain%252Btenun%252Bsambu.jpg</span>);<br />
}<br />
<br />
ul.accordion li.bg2{<br />
background-image:url(<span style="color: blue;">http://4.bp.blogspot.com/-eVzz-yKKJSE/TvxNh7UdF5I/AAAAAAAAAa0/zlrBq5bRfmY/s1600/tana-toraja.jpg</span>);<br />
}<br />
ul.accordion li.bg3{<br />
background-image:url(<span style="color: blue;">http://2.bp.blogspot.com/-k_fBnnxecX8/TvxNjEjFX8I/AAAAAAAAAa8/BypW-welolY/s1600/tari-bulu-londong-kab-mamasa.jpg</span>);<br />
}<br />
ul.accordion li.bg4{<br />
background-image:url(<span style="color: blue;">http://2.bp.blogspot.com/-iA9FbMVEXLk/TvxNfeK_DzI/AAAAAAAAAak/plCJzD224zM/s1600/pakaian_toraja.jpeg</span>);<br />
}<br />
ul.accordion li.bg5{<br />
background-image:url(<span style="color: blue;">http://3.bp.blogspot.com/-KnxVvn-BYh0/TvxNb4YgjgI/AAAAAAAAAaU/j_e1ybX59vU/s1600/baju_toraja.jpg</span>);<br />
}<br />
</style></blockquote><br />
Kalau sudah, anda bisa menyimpan template anda.<br />
<br />
<br />
Langkah berikutnya :<br />
<ol><li>Pilih Elemen Halaman / Page Elemen </li>
<li>Kemudian Pilih Add Gadget, terus pilih HTML/JavaScript usahakan letakkan dibawah Header agar penempatan Accordion bisa lebih sempurna, anda bisa meletakkan dimana saja dengan terlebih dahulu memodifikasi lebar gambar.</li>
<li>Copy Paste Script Kode di Bawah ini : </li>
</ol><blockquote class="tr_bq"><div class="ElegantAccordion"><br />
<div class="titel-ElegantAccordion"><br />
<a href="http://polman.mamasa.info"> </a><br />
</div><br />
<div id="content"><br />
<div class="title"></div><br />
<br />
<div class="reference"><br />
<p><a href="http://polman.mamasa.info/2011/12/polman-jadi-sentra-industri-kakao.html">Polman Sentra Industri Kakao</a></p><br />
<p><a href="http://polman.mamasa.info/2011/12/sopir-ugal-ugalan-mobil-tabrak-spbu.html">Supir Ugalan-ugalan Tabrak SPBU</a></p><br />
<p><a href="http://internasional.mamasa.info/2011/12/pertanian-organik-jepang-referensi.html">Pertanian Organic di Jepang</a></p><br />
<p><a href="http://internasional.mamasa.info/2011/12/arsenal-bertahan-di-posisi-ke-5-liga.html">Arsenal Bertahan di Posisi ke-5</a></p><br />
<p><a href="http://mamuju.mamasa.info/2011/12/gelombang-pasang-di-mamuju-rusak-23.html">Gelombang Pasang di Mamuju Rusak 23 Rumah</a></p><br />
</div><br />
<br />
<br />
<ul class="accordion" id="accordion"><br />
<br />
<li class="bg1"><br />
<div class="heading">Kain Sambu</div><br />
<div class="bgDescription"></div><br />
<div class="description"><br />
<h2>Kain Sambu</h2><br />
<a href="http://www.mamasa.info/2011/12/kain-tenun-sambu-mamasa-berpeluang.html">Read More</a><br />
<p></p><br />
<br />
</div><br />
</li><br />
<br />
<li class="bg2"><br />
<div class="heading">Toraja</div><br />
<div class="bgDescription"></div><br />
<div class="description"><br />
<h2>Tana Toraja</h2><br />
<p> </p><br />
<a href="http://toraja.mamasa.info">Read More</a><br />
</div><br />
</li><br />
<br />
<li class="bg3"><br />
<div class="heading">Budaya</div><br />
<div class="bgDescription"></div><br />
<div class="description"><br />
<h2>Tari Bulu Londong</h2><br />
<p> </p><br />
<a href="http://www.mamasa.info/2011/12/tari-bulu-londong-mamasa.html">Read More</a><br />
</div><br />
</li><br />
<br />
<li class="bg4"><br />
<div class="heading">Wisata</div><br />
<div class="bgDescription"></div><br />
<div class="description"><br />
<h2>Wisata Tana Toraja</h2><br />
<p> </p><br />
<a href="http://toraja.mamasa.info/2011/12/daerah-wisata-batupapan-diserbu.html">Read More</a><br />
</div><br />
</li><br />
<br />
<li class="bg5"><br />
<div class="heading">Adat</div><br />
<div class="bgDescription"></div><br />
<div class="description"><br />
<h2>Adat Mamasa</h2><br />
<p></p><br />
<a href="http://www.mamasa.info/2011/11/lelang-daging-di-pernikahan-hanya-ada.html">Read More</a><br />
</div><br />
</li><br />
<br />
</ul><br />
</div><br />
</div> </blockquote>Kalau sudah simpan, Contoh <a href="http://www.indohot.org/" target="_blank"><b>DEMO</b></a>Catatan si MiMinhttp://www.blogger.com/profile/18330177294935458420noreply@blogger.com0tag:blogger.com,1999:blog-6117110020507826181.post-31339664723181282882012-03-17T22:08:00.002-07:002012-03-17T22:34:22.747-07:00Mengenal Google Adsense<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil70VSZMzeWmSQAJbcnn8OtwSpV7R-mR7FQ9LDEUzflcasrkFRP2hBAtWljKtB2MZR3UfZi2dgx-m5Zhpn77j85_ZVwMnpYKZ9yseUJeYEUFky2Ep9nhz7nOmSDrX71CdxjMEuIXt7RkOk/s1600/google+adsense.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil70VSZMzeWmSQAJbcnn8OtwSpV7R-mR7FQ9LDEUzflcasrkFRP2hBAtWljKtB2MZR3UfZi2dgx-m5Zhpn77j85_ZVwMnpYKZ9yseUJeYEUFky2Ep9nhz7nOmSDrX71CdxjMEuIXt7RkOk/s200/google+adsense.JPG" width="200" /></a></div><div style="text-align: justify;">Sebelum kita membahas mengenai Google Adsense, terlebih dahulu kita mengenal dahulu, apa sih Google Adsense itu, <span class="st"><i>Google AdSense</i> adalah cara mudah untuk mendapatkan uang dari konten online Anda, kurang lebih itu pengertian Google Adsense secara sederhana. Lalu muncul pertanyaan Seperti apakah Google Adsense itu sendiri </span>? </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><i>Google Adsense</i> adalah sebuah program bisnis yang dirancang oleh Google, Google AdSense adalah program gratis yang memberdayakan penayang online untuk meraih pendapatan melalui Blog ataupaun Web yang mereka miliki, Google menyediakan kode iklan yang bisa kita pasang dan tampilkan di blog/situs dimana nantinya kita akan mendapatkan penghasilan berupa dolar dari setiap jumlah iklan yang di klik.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Iklan yang ditampilkan nantinya biasanya berupa teks atau gambar yang mengandung link. Dan biasanya sih setiap Iklan yang ditayangkan di blog/situs akan disesuaikan/relevan dengan artikel situs/blog. Contohnya jika situs tersebut membahas tentang parawisata, maka iklan yang muncul biasanya iklan yang bertemakan wisata, seperti iklan hotel, tempat wisata dan sejenisnya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Banyak lho, para master blogger Indonesia yang memanfaatkan Adsense untuk mendapatkan tambahan penghasilan, bahkan ada diantara mereka menjadikan Google Adsense sebagai pekerjaan atau sumber pendapatan utama mereka. Bagaimana tidak, ratusan bahkan ribuan dolar bisa mereka hasilkan hanya dari sebuah situs/blog.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Jadi..., hanya dengan bermodal Blog/Situs kita sudah bisa mencoba berburu dollar dengan memanfaatkan Google Adsense, menarik bukan..?</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Sebelum kita bicara lebih jauh mengenai Google Adsense ada beberapa hal yang wajib kita ketahui, salah satunya yaitu mengenai bentuk - bentuk iklan adsense:</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="font-weight: bold;">Adsense for content</span>.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIa6WLJXKYeuao0tcYUnIttOwOQQZd1fBaAGpB_J1gRkkapEIe84ApkeMyFu22X7WpOibMF3zhEmW7MtqZjk9YZrdNyr0rD8f2N7ycrdVI8QbSMaQN5_FJUe9inBrvgRonXfEyUICCs69I/s1600/Google+Adsense+Advertise.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIa6WLJXKYeuao0tcYUnIttOwOQQZd1fBaAGpB_J1gRkkapEIe84ApkeMyFu22X7WpOibMF3zhEmW7MtqZjk9YZrdNyr0rD8f2N7ycrdVI8QbSMaQN5_FJUe9inBrvgRonXfEyUICCs69I/s1600/Google+Adsense+Advertise.JPG" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Jenis <b>Adsense for Content</b> adalah yang paling banyak dipakai orang. Bentuknya yaitu berupa iklan teks/gambar dan kita pasang di blog dan kita akan mendapatkan dollar jika ada visitor yang mengklik iklan tersebut. Istilah kerennya yaitu PPC (Paid Per Click). Tapi kadang-kadang kita juga bisa mendapatkan dollar setiap 1000 impression/tampil (Paid Per Impression) , tapi untuk yang ini sepertinya hanya untuk iklan2 tertentu dan dibuka di negara2 tertentu. Berikut ini contoh Google Adsense for Content.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdhI8zvKhpCtjcohwKxSdIu5HuMozEEpiulZcNXRzCOYJq4N2bKZ05TPLqZRjgcfi9nukChCfSR-LjraoTpzX0a-CQvDZoFRKj7rGpqom-56IHfyiq2o5Q0Es2jtO-4QZJqIpwQXsOWDY/s1600/Google+Adsense+Advertise+Text.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdhI8zvKhpCtjcohwKxSdIu5HuMozEEpiulZcNXRzCOYJq4N2bKZ05TPLqZRjgcfi9nukChCfSR-LjraoTpzX0a-CQvDZoFRKj7rGpqom-56IHfyiq2o5Q0Es2jtO-4QZJqIpwQXsOWDY/s320/Google+Adsense+Advertise+Text.JPG" width="320" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Adsense for search.</b>Adsense for Search yaitu berupa "<i>Search Engine</i>" (mesin pencari). Yang kita pasang di Blogs/Situs dimana kita akan mendapatkan penghasilan jika ada yang mengklik iklan di halaman pencarian Google tersebut. Iklan tersebut ditandai dengan tulisan Ads By Google. Contohnya seperti ini.</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwe5rfkXB1KQwMnxrU_EvznYVR3EPzGIhUdZrrwUOuFZ5n8MkI-PV1peUTWpIWqWFTYL9UCymZv8sdoG46UBmxUQSgZUBmTbVZLvWpnDcVBrQtzWl5y4q8UBvayBv3Fj-Z1OdxG5iRKkMu/s1600/Google+Adsense+Advertise+Google+Search.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwe5rfkXB1KQwMnxrU_EvznYVR3EPzGIhUdZrrwUOuFZ5n8MkI-PV1peUTWpIWqWFTYL9UCymZv8sdoG46UBmxUQSgZUBmTbVZLvWpnDcVBrQtzWl5y4q8UBvayBv3Fj-Z1OdxG5iRKkMu/s1600/Google+Adsense+Advertise+Google+Search.JPG" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"> <b>Referrals.</b><br />
<br />
<i>Adsense Referrals </i>hampir sama seperti <i>Adsense For Content, </i>kita akan dibayar jika ada yang mendaftar atau memberi produk dari iklan yang kita pasang di Blog/Situs kita </div><div style="text-align: justify;"><br />
Sekilas <i>Adsense Referrals </i>memiliki bentuk yang mirip dengan type "Adsense for content", hanya bedanya yaitu dari sistem perolehan dollarnya. type ini, kita akan mendapatkan bayaran jika ada yang mendaftar/mendownload/membeli/menggunakan pruduk dari iklan tersebut.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Adsense for Domain</b><br />
<br />
Adsense untuk Domain diberikan kepada orang-orang yang memiliki memarkir domainnya (domain yang tidak dipakai) untuk dipasang iklan adsense didalamnya dan mendapatkan penghasilan berdasarkan impression (jumlah tampilan iklan).</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>Adsense for Feeds</b><br />
<br />
Adsense for Feeds sama seperti Adsense for Content, hanya saja iklan akan tampil di halaman Feed RSS blog kita, dan kita akan dibayar jika ada yang mengklik iklan tersebut.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Gimana, apa anda berminat untuk mengikuti Program Google Adsense di Blog/Situs anda, Tunggu apalagi langsun saja daftarkan diri anda</div>Catatan si MiMinhttp://www.blogger.com/profile/18330177294935458420noreply@blogger.com0