• This is default featured slide 1 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 2 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 3 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 4 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

  • This is default featured slide 5 title

    Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.

Cara Mendapatkan Uang Dari Blog

ALT_IMG
Zaman serba susah ,apa-apa serba susah , cari uang susah ,hehehehe Tapi jangan khawatir karena dalam postingan kali ini saya akan membahas bagaimana cara mendapatkan uang dari blog . knapa harus blog ?jawabanya iia karena blog mudah di buat dan gratis . kan zaman sekarang semuanya perlu modal, dan untuk memiliki dan menjalankan sebuah blog untuk mencari uang hanya di butuhkan komputer dengan koneksi internet,ketekunan dan ke uletan , dan yang palin penting adalah berdoa . bagaimana cara mendapatkan uang dari blog ?simak aja berikut ini ,hehehe yang dibutuhkan untuk mencari uang dari blog adalah sebuah blog berpagerank ya se_enggak-nggak nya blog kamu memiliki pageRank 2 .namun Tanpa pagerank juga kamu masih bisa tetap bisa mencari uang dengan menggunakan blog . selain PageRank Trafik Pengunjung blog kamu juga harus tinggi .Karena penggeunjung blog kamu akan menentukan uang yang akan kamu hasilkan melalui blog . semakin banyak pengunjung blog kamu semakin banyak pula uang yang akan kamu dapat . Namun tanpa pagerank kamu juga masih tetap bisa mencari uang dengan menggunakan blog . Selain itu yang harus kamu miliki sebelum mencari uang dari blog adalah ketekunan,keuletan,keyakinan dan jangan lupa berdoa. silakan ikuti beberapa Cara Mendapatkan Uang Dari Blog Berikut ini :

0.Cara Paling Cepat Dapatkan Uang Dari Blog
Ini mungkin cara paling cepat untuk mendapatkan uang .Bayangkan saJa hanya nge Survey langsung dapet 27 dollar dan jika kamu ngajak orang untuk daftar juga dapet duit 1,25 dollar per orang. Daftarnya di http://www.awsurveys.com atau KLIK DISINI 
Berikut Situs hampir sama seperti Diatas namun patut dicoba juga
http://www.admimsy.com/ atau DISINI

1.Mendapatkan uang dari blog dengan cara mereview/Menulis
Apa itu mereview ? Review dalam dunia bisnis online adalah menulis tentang suatu produk atau sebuah website dan nanti kita akan di minta mengarahkan link ke situs merka yang produk atau websitenya kita review.dan biasanya mereview sebuah produk atau website menggunakan bahasa inggris , tapi ada juga yang menggunakan bahasa indonesia .hasil dari review ini juga cukup lumayan. jika blog kita memiliki pagerank yang tinggi job menulis bisa kita kerjakan setiap hari dan dari setiap job yang kita review kita bisa mendapatkan uang mulai dari 5 Dollar Sampai dengan 50 dollar ,Bayangkan jika anda setiap hari mengerjakan review dengan bayaran 10 dollar saja untuk setiap review, berapa uang yang akan anda dapatkan setiap bulanya ? anda akan mwndapatkan uang 300 dollar dan jiak dirupiahkan sekitar 2,9 juta . lumayankan jumlah uang tersebut da dalam kondisi krisis seperti ini. Berniat mencoba ? Silakan Klik beberapa situs paid review berikut :
http://www.reviewme.com/
http://www.sponsoredreviews.com
http://www.buyblogreviews.com

2.Cara Mendapatkan uang dari blog dengan cara memasang iklan PPC(Pay Per Click)
Apa itu iklan PPc ? Iklan PPC adalah sebuah program priklanan yang memberikan kesempatan kepada kita (blogger) untuk memasang iklan program mereka di blog kita . Dan akan menghasilkan uang jika iklan tersebut di klik . rata-rata bayaran dari setiap klik tersebut memang cukup kecil yaitu sekitar 200-600 rupiah namun jangan remehkan angka tersebut jika blog kita memiliki trafik yang tinggi. berikut ini adalah beberapa situsPPC lokal yang bisa kamu coba ?
http://www.kumpulblogger.com
http://www.adsensecamp.com
http://www.kliksaya.com
Jika Masih kurang dengan situs PPC lokal Silahkan klik Disini
Selain program PPC lokal ada situs PPC yang terkenal di dunia yaitu google adsense jika ingin mendaftar silakan klik http://www.google.com/adsense Saya sarankan untuk mendaftar dengan menggunakan blog berbahasa inggris agar mudah di terima.

3.Mendapatkan uang dari afliansi
Apa itu afliansi ? afliansi adalah program untuk membantu sebuah situs untuk menjualkan produk mereka atau mengajak seseorang untuk join ke situs yang mengadakan program afliansi . nanti kita akan mendapatkan komisi dari mulai dari 5% sampai dengan 30% . berikut ini adalah beberapa situs yang mengadakan program afliansi :
http://www.amazon.com
http://www.ziddu.com
http://www.paypal.com
http://www.co.cc
Silahkan dicoba satu persatu,tapi sebelumnya saya minta maaf karena saya belum bisa menampilkan PO(PayOut)dikarenakan saya masih newbie juga alias masih mencoba.....hehehe...maaf sobat semua,tapi tidak ada salahnya kita mencoba dulu dari pada hanya diam berpangku tangan saja,,,hitung2 cari pengalaman,,,,Setuju gk soba

Share:

Solusi untuk Elemen Halaman "Layout Mode" Msalah patah

Permisi sobat semua,,,maaf sebelumnya karena blog ini baru selesai maintenance template,Tapi alhamdulillah masih dapat teratasi meskipun belum sepenuhnya template dan gadget stabil.Nah...sekarang saya akan share tentang masalah yang terjadi pada elemen laman yang berubah menjadi kolom tunggal ,jika sobat bingung berikut ScreenShootnya :


































Berikut Solusinya,Copy kode dibawah terlebih dahulu
==============================================================
body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #outer-wrapper{overflow:visible;width:1000px}
body#layout #header{float:left;width:240px}
body#layout #header2{float:right;width:240px}
body#layout .add_widget{width:240px}
body#layout div.widget{width:240px}
body#layout #sidebar-wrapper{overflow:visible;width:240px}
body#layout #lsidebar-wrapper{overflow:visible;float:left;width:240px;margin-right:50px;}
body#layout #main-wrapper{overflow:visible;float:left;width:240px}
body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}
body#layout .section-columns{margin:0}
.section{width:100%}

==============================================================
Kemudian Sobat Klik "Edit HTML". Sekarang tambahkan kode disalin persis ke lokasi seperti yang diberikan di bawah ini.
















Sekarang sobat tinggal melihat hasilnya,pasti elemen lamannya udah gk kolom tunggal lagi .

Cukup sekian postingan kali ini dikarenakan Admin masih mau melanjutkan tahap penyelesaian maintenance template.

Share:

Kumpulan Jam Islami

Dalam Bulan Ramadhan ini saya akan memposting widget jam islami yang mungkin cocok banget dalam suasana dibulan Ramadhan ini seperti sekarang ini.
Langsung aja sobat nich macam-macam jam islaminya.

1.


<embed allowscriptaccess="sameDomain" flashvars="col1=e18f32&amp;col2=59ba1f&amp;col3=005500&amp;dur=3000&amp;gig_lt=1291620994625&amp;gig_pt=1291621000984&amp;gig_g=1" height="170" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Asmaul-Husna-99-Beautiful-Names-of-Allah-3616-8192_134217728.widget?__install_id=1291620746812&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>






2.

<embed allowscriptaccess="sameDomain" flashvars="&amp;dayAdd=0&amp;cal=true&amp;rb=1&amp;ak=1&amp;jb=&amp;gig_lt=1261135267406&amp;gig_pt=1261135338171&amp;gig_g=1" height="160" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Cute-Little-Muslim---Hijri-Calendar-2833-8192_134217728.widget?__install_id=1261135080421&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="140" wmode="transparent"></embed>

3.

<embed allowscriptaccess="sameDomain" flashvars="col1=ff9900&amp;col2=0066FF&amp;col3=990099&amp;col4=FF0099&amp;gig_lt=1278851251515&amp;gig_pt=1278851275906&amp;gig_g=1" height="139" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Calendar-with-Floral-Ornament-3613-8192_134217728.widget?__install_id=1278849927035&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="130" wmode="transparent"></embed>


4.


<embed allowscriptaccess="sameDomain" flashvars="&amp;col1=b7c628&amp;col2=000000&amp;col3=eeffcc&amp;tzoffset=false&amp;gig_lt=1297562109521&amp;gig_pt=1297562127614&amp;gig_g=1" height="100" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1297561840488&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>


 Berikut Langkah-langkah Cara Pasangnya :
1.Sobat Log in kedalam Akun Blog sobat dulu
2.Dasbor
3.Masuk Rancangan
4.Tambah Gadget
5.Pilih HTML/JavaScript
6.Klik Simpan
Cukup sekian aja jam islaminya sobat,,,Semoga bermanfaat
Share:

Trik Cara Pasang Efek Shake Windows Part II Di Blog



Trik Cara Pasang Efek Shake Windows Part II Di Blog
Langkah-langkahnya ;
1.Sobat Log in kedalam Akun Blog sobat dulu
2.Dasbor
3.Masuk Rancangan
4.Tambah Gadget
5.Pilih HTML/JavaScript
6.Klik Simpan
 ========================================================================
<script>
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.3)
}
</script>

========================================================================
Share:

Cara membobol artikel yang tidak bisa di block

Cara membobol artikel yang tidak bisa di block
Berikut caranya:
1. Buka artikel di blog yang tidak dapat di copy isinya :| pelit banget ya…
2. Pada keyboard tekan Ctrl + U *View Page Source
3. Cari baris script yang berisi tulisan yang ingin dicopy
4. Setelah itu buka blog anda, misalkan blogspot atau wordpress, kemudian paste di new post mode HTML.
5. Setelah itu switch ke mode Visual….jeng..jeng..jeng..alhasil kita dapat mencopy tulisan tersebut ke makalah kita
Share:

Cara Menambahkan 3 Colom Footer

 

Assalamualaikum sobat semua,,,,kali ini saya akan memposting bagaimana cara menambah 3 elemen kolom footer pada template yang tidak memiliki fasilitas untuk menambah elemen widget pada footer.Contohnya seperti yang terjadi pada MURDER TEMPLATE seperti yang saya gunakan ini.






Berikut Cara pasangnya :

1. Login akun blogger sobat dulu.
2. Pilih design,lalu Edit HTML
3. Copas kode dibawah ini tepat diatas kode ]]></b:skin>

/* ----- LOWER SECTION ----- */ #lower { margin:auto; padding: 0px 0px 10px 0px; width: 100%; background:#333434; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; width: 960px; } #lowerbar-wrapper { border:1px solid #DEDEDE; background:#fff; float: left; margin: 0px 5px auto; padding-bottom: 20px; width: 32%; text-align: justify; font-size:100%; line-height: 1.6em; word-wrap: break-word; overflow: hidden; } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} .lowerbar h2 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 0px; text-align: left; color:#0084ce; text-transform:uppercase; font: bold 14px Arial, Tahoma, Verdana; border-bottom:3px solid #0084ce; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 2px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px dotted #ccc; }

4. Kemudian Copy kode berikut ,dan simpan sebelum kode </body>

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>

4. Klik Save , Cek di Desain,,,kalo cara pemasangannya sobat benar pasti akan berhasil karena saya sudah mencobanya sendiri.

Share:

Trik Menghapus Widget Yang Tidak Bisa Dihapus

Sobat kali ini saya akan memposting berdasarkan pengalaman pribadi saya,Gara-gara sering gonta ganti Template dan emang widget bandel default dari blog, saya binggung sendiri ada salah satu Widget yang tidak bisa dihapus(misal=Top tab,Laman,Beranda Dll)
Buat sobat Blogger, saya ada sedikit tips bagaimana Cara Menghapus Widget yang tidak bisa diHapus tersebut, Tips ini tentunya khusus bagi sobat yang belum tau dan ingin tau bagaimana Cara Menghapus Widget yang tidak bisa dihapus itu.
Triknya sebagai berikut :
1. login ke akun blogger Sobat,
2. masuk ke menu Rancangan,
3. masuk lagi ke bagian Edit HTML,
4. Contoh kali ini adalah menghapus Widget Pagelist, kemudian jika Sobat menggunakan mozilla sebagai browser Sobat klik pada keyboard ctrl+f  atau f3 untuk menampilkan fasilitas search yang di sediakan mozilla dan pada kolom search ketik code ini
<;....id='pagelist' locked='true' title='pagelist' type='LinkList'/>; 
Setelah ketemu ubah value locked='true' menjadi locked='false' , Klik Save Template.

5. Selanjutnya masuk ke Elemen Halaman atau Page Element, kemudian cari Widget Pagelist, klik Edit dan klik Hapus, Dijamin gak bakal nongol lagi Dah tuch widget
Bila masih ada kesulitan untuk menghapus Widget yang tidak bisa dihapus, jangan sungkan untuk bertanya ya sob ,,
Share:

Pasang Kotak Komentar Facebook Dan Blogger Berdampingan™

Sobat kali ini saya akan memposting trik membuat 2 kotak komentar sekaligus yaitu kotak komentar Facebook dan Blogger menjadi berdampingan...cielah berdampingan,,kayak pasangan yg lagi nikah donk jadinya ...hehehe berikut Screenshotnya :


Dan berikut trik cara pasangnya :

1. Sobat login ke akun blogger sobat dulu.
2. Pilih Rancangan,klik Tata letak.
3. Kemudian Pilih Edit Html
4. Lalu sobat cari kode  <div class='comments' id='comments'>,cara mempercepat pencarian dengan cara tekan CTRL+F Atau dengan cara tekan tombol F3
5. Setelah ketemu paste kode dibawah ini tepat dibawah kode
 <div class='comments' id='comments'>
========================BERIKUT KODENYA======================== 
 <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>
<img class='comakauttafb-tab-icon' src='http://picturestack.com/782/578/wAVakauttaCJP.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'>
<img class='comakauttafb-tab-icon' src='http://picturestack.com/782/260/56xakauttaZrS.png'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comakauttafb-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='430'/>
</b:if>
</div>
<div class='comments comakauttafb-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ISI DENGAN ID FB SOBAT' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comakauttafb-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>
<style type='text/css'>.comakauttafb-page, .comakauttafb-tab {border:1px solid #666;box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 7px #e6f8fd;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 7px #e6f8fd;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 7px #e6f8fd;}.comakauttafb-page {background:rgba(255,255,255,.4);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:rgba(255,255,255,.6);-o-transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>
========================FINISH======================== 
Note : * Ganti tulisan warna merah dengan ID FB sobat....
           * Jika ditemplate sobat terdapat 2 buah kode ini  <div class='comments' id='comments'> , silakan sobat pastekan pada kode yg kedua.!!
6. Sobat Save template sobat...
Share:

Trik Membuat Animasi Getar Tanpa jQuery™




Sobat ,maaf kalo trik ini sudah kuno atau jadul tapi menurut saya sobat blogger cobain dulu dech cara (Membuat Animasi Getar Tanpa jQuery) ini.Menurut saya keren kok...hehehe

Langsung berikut caranya :


1. Sobat Login Blogger
2. Pilih Rancangan,Lalu edit html
3. Sobat cari kode ]]></b:skin&gt;,,,kemudian letakkan kode berikut tepat diatas kode ]]></b:skin>
=====================BERIKUT KODENYA==============================
    /* Animasi Getar akautta */
    .sidebar h2, .tabview h2, .post-title {
    animation-name: getar-ut;
    -moz-animation-name: getar-ut;
    -webkit-animation-name: getar-ut;
    animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    }
    @keyframes getar-ut {
    0% { transform: translate(2px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(2px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(2px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
    }
    @-moz-keyframes getar-ut {
    0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
    10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
    40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
    50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
    100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
    }
    @-webkit-keyframes getar-ut {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    }
=====================SELESAI==============================
Teks berwarna Merah adAlah kode css yang akan kita berikan efek animasi getaran, silahkan dirubah sesuai dengan css template sobat semua.

4. Langkah terakhir save template sobat.

Share:

Membuat Animasi Loading Page Keren Dengan jQuery™

Photob
ucket
Animasi loading page memberikan tampilan yang pasti dan penuh, dalam artian animasi akan selesai setelah loading page terbuka semua, jarak waktu loading page bisa kita ukur dengan adanya animasi ini, karena animasi ini menggunakan hitungan persen.
Script animasi loading page ini saya dapat dari Kang dadang yang merupakan versi awal dari script tersebut. Untuk membuat dan memasang animasi loading page pada blog sobat,
1. Sobat Login dulu ke akun Blogger sobat dulu
2. Masuk pada Design 
3. Edit HTML dan cari kode ]]></b:skin>
4. Dan letakan kode dibawah ini Tepat diatas ]]></b:skin>
===========================================================
.QOverlay {
background-color: #000000;
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC;
height: 10px;
}
.QAmt {
color:#FF530D;
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}

===========================================================
5. Kemudian cari kode </head> 
6. Letakkan kode dibawah ini tepat diatas kode </head> 

 ===========================================================
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://situseo.googlecode.com/files/loadpage.js' type='text/javascript'/>

===========================================================
*NOTE :  Untuk kode yang diberi warna HIJAU, jika kode tersebut sudah ada dalam template Sobat semua, Sobat tidak perlu menambahkan kode tersebut (cukup 1 saja)

7. Kemudian cari kode </body> dan letakan kode dibawah ini diatasnya </body>
 ===========================================================
<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>
===========================================================
8. Terakhir Save/Simpan Template sobat semua.... 

Share:

Trik Membuat Efek Gempa Pada Blog ™

setetes ilmu lebih berguna dari setumpuk uang

oke sobat ketemu lagi kita..........di dalam postingan kali ini saya ingin membuat efek gempa di blog sobat sobat semua langsung aja cek ke tkp sob tapi sayang nya script ini cuma bisa bekeja browser yang support dengan JS[mozilla dan IE]

langkah2 pembuatan efek gempa:
1.login ke akun blog dengan aku google
2.masuk ke rancangan trus ke tata letak
3.tambahkan widget HTML/java script
4.copy paste kode berikut di java sript tadi
==================================================================================
<script type="text/javascript">function flood(n) {if ( self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); } } }} flood(6);</script>
==================================================================================

5.simpan dan rasakan efeknya brbrbrbrbrbbrbr..........AWAS ADA GEMPA!!!

Efek gempanya hanya sebentar kok tapi kalau ingin lama sampek browsernya hang silahkan ganti angka 6 menjadi angka 90 atau 99.......

hehehe....semoga bermanfaat sobat..

Share:

Membuat “Outside the Box Navigasi” Dengan jQuery™

Hallo sobat semua semoga kabarnya pada baik semua ya,,,,hehehe.Sesuai dengan Screenshot disamping saya akan memposting bagaimana cara membuat widget seperti disamping ini.

Masukkan Script jQuery ini di atas code <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascriptcuss.googlecode.com/files/stack-1.js' type='text/javascript'/>
<script src='http://javascriptcuss.googlecode.com/files/fisheye-iutil.min.js' type='text/javascript'/>



Lalu Pasang kode CSSnya yaitu sebelum kode ]]></b:skin> 






/************** START:CUSSTACK-CSS *****************/
#stacksNav {
    width: 145px;
    height: 25px;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 45px 7px 0 0;
    background: #333;
    color: #f5f5f5;
    text-align: center;
    border-top-right-radius: 14px;
    -webkit-border-top-left-radius: 14px;
    -moz-border-radius-topleft: 14px;
    opacity: .65;
    filter: alpha(opacity = 65);
}
.stack { position: fixed; bottom: 28px; right: 40px; }
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute; }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack li span {
    font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
    display:block;
    height: 14px;
    position:absolute;
    top: 17px;
    right:60px;
    line-height: 14px;
    border: 0;
    background-color:#000;
    padding: 3px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fcfcfc;
    text-align: center;
    text-shadow: #000 1px 1px 1px;
    opacity: .85;
    filter: alpha(opacity = 85);
}

/* IE Fixes */
#stacksNav { _position: absolute; }
.stack { _position: absolute; }
.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; } 


Lalu isikan juga kode HTMLnya untuk bisa tampil di blog, yaitu setelah   </head>  

<!-- BEGIN CUSSTACK HTML -->
<div class='stack'>
        <img alt='stack' src='http://lh6.ggpht.com/_9NxhAFeTmio/TCQyJgd3MII/AAAAAAAAA8E/fdzg67qQ-xI/s800/stack.png'/>
        <ul id='stack'>
            <li><a href='http://feeds.feedburner.com/kumpulanhtmlblog'><span>Subscribe</span>
            <img alt='RSS Feed' src='http://lh5.ggpht.com/_9NxhAFeTmio/TCRHPiO-SgI/AAAAAAAAA8s/3EulmPJDk3U/s800/CoffeeCup_Feed_Add_64.png'/></a></li>
            <li><a href='https://plus.google.com/110787383199450518048'><span>buzz</span>
            <img alt='google' src='http://lh4.ggpht.com/_9NxhAFeTmio/TCRFuCzzQwI/AAAAAAAAA8Y/u9HKcCymLRY/s800/buzz_9.png'/></a></li>
            <li><a href='ymsgr:sendim?fatholboy'><span>yahoo</span>
            <img alt='yahoo' src='http://opi.yahoo.com/online?u=supercuss&amp;m=g&amp;t=9'/></a></li>
            <li><a href='http://www.facebook.com/fatholboy'><span>Facebook</span>
            <img alt='Facebook' src='http://lh5.ggpht.com/_9NxhAFeTmio/TCRFuvU6BXI/AAAAAAAAA8k/lmQSEi5I09A/s800/facebook.png'/></a></li>  
            <li><a href='http://twitter.com/_fatholboy'><span>Twitter</span>
            <img alt='Twitter' src='http://lh3.ggpht.com/_9NxhAFeTmio/TCRFuXXhuUI/AAAAAAAAA8g/3l24hD4q0Ug/s800/Twitter.png'/></a></li>          
        </ul>
</div>
<!-- end:cussstack-html -->


 Pada kode yang diberi warna merah, Silakan ganti alamat Feed, Google Buzz, Yahoo id, Facebook dan Twitter sobat. atau bisa juga menambahi dengan social bookmark yang lain sesuai selera sobat masing-masing, atau jika ingin merubah gambar, maka silakan isikan kode gambar setelah kode src=
Untuk Merubah icon YM bisa diganti dari t=9 menjadi t=1, atau 2 dst

Share:

Cara Membuat Form Atau Kotak Berlangganan Email FeedBurner

Assalamualaikum sobat blogger semua,kali ini saya akan memposting Bagaimana Cara membuat kotak berlangganan Email FeedBurner yang didapat dari teman saya,jika sobat pengen liat blognya klik disini,Dan Berikut caranya :



kotak berlangganan feedburner,feedburner,feedburner subscription box,form berlangganan feedburner


Cara Membuat Form Atau Kotak Berlangganan Email FeedBurner

1. Sign in di blogger.com
2. Pada menu Drop Down, Klik Layout dan klik Add a Gadget
Menu Drop Down Blogger 
3.Copy Paste kode berikut :
<div align="center" style="background:url(http://2.bp.blogspot.com/-Abhz6PEffhA/T4ThTExu0WI/AAAAAAAAAFA/tPf7QJlGEJQ/s1600/feed+sidebar.jpg)"><a href="http://feeds.feedburner.com/kumpulanhtmlblog" imageanchor="1" style="margin-left: .5em; margin-right: 1em; float: center;" rel="nofollow" target="blank"><img border="0" height="40" src="http://3.bp.blogspot.com/-sK94EIzryeg/TiGSrGeLOFI/AAAAAAAAAB4/PPMKclGxbGU/s400/Untitled-5.png" width="290" /></a>
<style></style><style class="text/css"></style>
<div class="center">
Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!</div><div class="mbtips-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tutorialblogspot/pbmk', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" value="Ketik email disini..." type="text" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Ketik email disini...&quot;;}" onfocus="if undefinedthis.value == &quot;Ketik email disini...&quot;) {this.value = &quot;&quot;;}" />
<input type="hidden" value="tutorialblogspot/PbmK" name="uri" /><input type="hidden" name="loc" value="en_US" />
<input class="mbtips-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<style class="text/css"></style>
<div class="table">
<table><tbody><tr align="right"><td align="right"><div class="subicons"><a class="Fadeout" href="http://www.facebook.com/fatholboy" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="https://twitter.com/_fatholboy" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/kumpulanhtmlblog" imageanchor="1" target="_blank" rel="nofollow"><img border="0" width="30" src="http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png" /></a></div></td><td><a class="Fadeout" href="https://plus.google.com/108329354747256877665?rel=publisher" imageanchor="1" target="_blank" rel="nofollow"><img width="30" border="0" src="http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png" /></a></td></tr></tbody></table>
</div></div>

4. Klik Save Atau Simpan
*Notes:
=>Ganti Tulisan yg warna merah dengan URL Feedburner sobat
=>Ganti Tulisan yg warna kuning dengan URL Facebook sobat
=>Ganti Tulisan yg warna coklat dengan URL Twitter sobat
=>Ganti Tulisan yg warna hijau dengan URL/ID google plus sobat
Share:

Cara Membuat tombol next page di blog™

Next Page Number berfungsi untuk memudahkan pengunjung dalam menjelajahi situs,Next page Number ini hanya menampilkan angka 1|2|3|4..dst. Untuk lebih jelasnya sobat bisa lihat gambar berikut :

Berikut Triknya :

1.Login ke blog sobat dulu.
2.Pada tampilan Dashboard pilih Design kemudian klik Edit HTML.
3.Download Template lengkap ,untuk menjaga hal-hal yang tidak diinginkan.
4.Centang Expand Template Widget.
5.Silahkan sobat cari kode ]]></b:skin> (Ctrl+f untuk memudahkan pencarian).
6.Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>

showpageArea a {text-decoration:underline;} .showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;} .showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;} .showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;} .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;} .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;} .showpage a:hover {text-decoration:none;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#33333 


7.Kemudian cari kode </body>

8.Copy kode yang ada dibawah ini dan paste kan diatas kode </body> 

<script type="text/javascript"> var pageCount=5; var displayPageNum=5; var upPageWord='Previous'; var downPageWord='Next'; </script> <script src="http://yourjavascript.com/3043224162/blogger-page-navi.v1.js.txt.js" type="text/javascript"> </script>

9.Lanjut lagi, cari kode 'data:label.url'

10.Kemudian hapus 'data:label.url' dan ganti dengan kode dibawah ini
'data:label.url + &quot;?&amp;max-results=10&quot;'


11. Sobat Klik Simpan Template...Mudah banget kan ..

Share:

Pasang Widget Komentar terbaru Di blog

Hallo sobat semua ,,gimana kabarnya nich mudah-mudahan pada baek semua ya.....kali ini saya akan memposting bagaimana cara membuat Recent Comment atau Menampilkan daftar komentar terbaru.Langsung aja berikut cara pasang dan Source Codenya:

1. Login ke Akun Blogger sobat
2. Pilih Tata Letak
3. Tambah Gadget atau Add Gadget
4. Pilih HTML/Java Script
5. Sobat Copas Kode dibawah ini

<style type="text/css">
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#597624;
  margin:0px 0px;
  padding:10px 10px;
  color:#000;
  border:4px solid #597624;
  -webkit-box-shadow:inset 0px 0px 2px #000;
  -moz-box-shadow:inset 0px 0px 2px #000;
  box-shadow:inset 0px 0px 2px #000;
}


#komentar ul {
  margin:0px 0px;
  padding:0px 0px;
  border-top:1px solid #455F20;
  border-bottom:1px solid #799D1A;
}


#komentar ul li {
  border-top:1px solid #799D1A;
  border-bottom:1px solid #455F20;
  padding:3px 0px;
  list-style:none;
}


#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
  color:#D7E5FD;
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}


#komentar ul li b:before {
  content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 14,
    jmlkarakter = 200,
    home_page   = "http://nama blog sobat.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>i


6. Save atau simpan

*Note : Tulisan yang berwarna merah bisa sobat ganti dengan model dan eksperimen sobat sendiri.
Share:

Cara mengaktifkan Menu Earnings/Penghasilan di Blogger

Cara mengaktifkan Menu Earnings/Penghasilan di Blogger - Hello sobat Blogger sekalian, dah lama nih enggk nyapa teman-teman dan udah lama juga tidak Share artikel yang bermanfaat seputar tentang Blog/Blogspot/Blogger ahh semua aja lah biar lebih cepat, heheee..!


Cara mengaktifkan Menu Earnings/Penghasilan di Blogger

Untuk kali ini saya akan bagikan sedikit tips atau cara buat sobat para Blogger yang terkadang menu-menu pada dasbor Blog nya tidak lengkap yaitu tidak menculnya Menu Earnings atau Menu Penghasilan yang seharusnya akan muncul di bawah menu Stats dan di atas menu Layout.

Nahh bagi kamu yang mempunyai kendala ini langsung aja kamu ikuti langkah-langkah Mengaktifkan/Menampilkan Menu Penghasilan/Earnings di Blog , chekidot di bawah ini.
  • 1. Login ke Blogger.
  • 2. Pilih Blog mana yang akan ditampilan menu nya ? 
  • 3. Pilih Menu Setting 
  • 4. Masuk ke Languange and Formatting.
  • 5. Setalah itu kamu Ubah Language nya menjadi English.
  • 6. Lalu Klik ? Save Setting. Untuk menyimpan pengaturan.
  • Muncul tidak!!??pasti muncul kan?/
Share:

Cara Membuat Animasi Lucu Untuk Mempercantik Blog

Cara Membuat Animasi Lucu Untuk Mempercantik Blog sangatlah mudah cukup
sign in pada account blogger sobat,kemudian ikuti langkah-langkah berikut :

1. Pada Dasbor
2. Rancangan 
3. Tambah Gadget
4. HTML/JavaScript
5. Save atau Simpan




Kakashi Walk To Left


<script type="text/javascript" language="javascript" src="http:./joesetapart.googlecode.com/files/Kakasih.txt" name="DADrun"></script>

Naruto Walk To Left


<script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Naruto.txt" name="DADrun"></script>

Sasuke Walk To Left


<script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Sasuke.txt" name="DADrun"></script>

Bleach Run


<script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Bleach.txt" name="DADrun"></script>

Babi Pink


<script type="text/javascript" language="javascript" src="http://joesetapart.googlecode.com/files/Babi.txt" name="DADrun"></script>
Share:

Membuat Animasi Di blog™




 cbox
Hallo sobat blogger semua,alhamdulillah kali ini saya masih tetap bisa posting...hehehe,,kali ini saya akan memposting animasi blog TerUpdate...langsung aja berikut tutorial pemasangannya :
1. Login ke blogger
2. Masuk ke Tata Letak/Rancangan
3. Tambah Gadget blog
4. Pilih HTML/Javascript
5. Copy kode dibawah ini lalu paste

1. Bayi  Super Nakal(Corat Coret Layar)

<script language="javascript"> nd_mode="baby"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/efekbayiberjalan.js"></script>

2. Love Down

&lt;script src=&#039;http://blogtrikdantips-blogspot.googlecode.com/files/love_berjatuhan.js&#039;&gt;&lt;/script&gt;


3. Cursor Diikuti Gelembung

&lt;noscript&gt;&lt;/noscript&gt;&lt;!-- --&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://blogtrikdantips-blogspot.googlecode.com/files/cursor_gelembung.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;

// &lt;![CDATA[
var colours=new Array(&quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;, &quot;#2E9AFE&quot;); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i&lt;bubbles; i++) {
rats=createDiv(&quot;3px&quot;, &quot;3px&quot;);
rats.style.visibility=&quot;hidden&quot;;
div=createDiv(&quot;auto&quot;, &quot;auto&quot;);
rats.appendChild(div);
div=div.style;
div.top=&quot;1px&quot;;
div.left=&quot;0px&quot;;
div.bottom=&quot;1px&quot;;
div.right=&quot;0px&quot;;
div.borderLeft=&quot;1px solid &quot;+colours[3];
div.borderRight=&quot;1px solid &quot;+colours[1];
div=createDiv(&quot;auto&quot;, &quot;auto&quot;);
rats.appendChild(div);
div=div.style;
div.top=&quot;0px&quot;;
div.left=&quot;1px&quot;;
div.right=&quot;1px&quot;;
div.bottom=&quot;0px&quot;
div.borderTop=&quot;1px solid &quot;+colours[0];
div.borderBottom=&quot;1px solid &quot;+colours[2];
div=createDiv(&quot;auto&quot;, &quot;auto&quot;);
rats.appendChild(div);
div=div.style;
div.left=&quot;1px&quot;;
div.right=&quot;1px&quot;;
div.bottom=&quot;1px&quot;;
div.top=&quot;1px&quot;;
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter=&quot;alpha(opacity=50)&quot;;
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c&lt;bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+&quot;px&quot;;
bubb[c].top=(bubby[c]=y)+&quot;px&quot;;
bubb[c].width=&quot;3px&quot;;
bubb[c].height=&quot;3px&quot;
bubb[c].visibility=&quot;visible&quot;;
bubbs[c]=3;
break;
}
}
for (c=0; c&lt;bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout(&quot;bubble()&quot;, 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]&gt;sdown &amp;&amp; bubbx[i]&gt;0) {
if (Math.random()&lt;bubbs[i]/shigh*2 &amp;&amp; bubbs[i]++&lt;8) {
bubb[i].width=bubbs[i]+&quot;px&quot;;
bubb[i].height=bubbs[i]+&quot;px&quot;;
}
bubb[i].top=bubby[i]+&quot;px&quot;;
bubb[i].left=bubbx[i]+&quot;px&quot;;
}
else {
bubb[i].visibility=&quot;hidden&quot;;
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement &amp;&amp; document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)==&quot;number&quot;) {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)==&quot;number&quot;) {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement &amp;&amp; (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement(&quot;div&quot;);
div.style.position=&quot;absolute&quot;;
div.style.height=height;
div.style.width=width;
div.style.overflow=&quot;hidden&quot;;
return (div);
}
// ]]&gt;
&lt;/script&gt;

4. Telur Ceplok

&lt;script language=&quot;javascript&quot;&gt; nd_mode=&quot;eggs&quot;; nd_vAlign=&quot;bottom&quot;; nd_hAlign=&quot;right&quot;; nd_vMargin=&quot;10&quot;; nd_hMargin=&quot;10&quot;; nd_target=&quot;_blank&quot;; &lt;/script&gt; &lt;script language=&quot;javascript&quot; src=&quot;http://blogtrikdantips-blogspot.googlecode.com/files/efektelur.js&quot;&gt;&lt;/script&gt;



Share:

Membuat Tombol Share Di bawah Postingan Date

Tombol berbagi (button share) sangatlah berguna untuk mempublikasikan artikel di jejaring sosial seperti Facebook, twiter dll. Dengan adanya tombol share ini di setiap postingan kita, maka akan sangat mudah bagi pembaca untuk melakukan share terhadap artikel, tidak perlu melakukan copas.

ok, kita langsung ke pembahasan,,,

Berikut ini adalah langkah-langkah memasang tombol share di bawah postingan:

1. Login ke blog Sobat dulu
2. Pilih rancangan
3. Dan Pilih Edit Html
4. Ceklist Expand Template Widget
5. Cari kode ini(Ctrl+F)

<div class='post-footer-line post-footer-line-1'>
6. Di bawah ini ada beperapa pilihan tombol share sobat bisa pilih salah satunya

PhotobucketBerikut Kodenya:
<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da519da7edfc20d"></script> <!-- AddThis Button END -->
Photobucket
  Berikut Kodenya:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da51a0d28c61844"></script>
<!-- AddThis Button END -->
Photobucket
Beikut Kodenya:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4da51a2b6d314596"></script>
<!-- AddThis Button END -->

7.Sobat copy salah satu kode HTML Diatas, kemudian Pastekan di bawah code
<div class='post-footer-line post-footer-line-1'>
Share:

Trik Menampilkan Format Waktu Pada B Date




Cara Menampilkan Tanggal dan Jam di Title Bar, Cara pemasangannya sebagai berikut:

1.Login ke account blogger sobat terlebih dahulu
2.Pilih Layout --> Page Elements.
3.Pilih 'Add a Gadget'
4.Pilih 'HTML/Javascript' type
5. Masukkan kode dibawah ini

<Script Language="JavaScript" Type="Text/JavaScript">
var mytime1=24;
function mytime2() {
mytime3=mytime1+6;
mytime4=mytime1+mytime3;
timexx=mytime1+mytime3+mytime4;
timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3;
timexxxx=mytime1+mytime3/timexxx-16*timexx;
timexxxxx=twelfth*(mytime1-5)/mytime4+timexx;
timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx;
mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1;
mytime6=Math.floor(mytime5);
mytime8=mytime6*mytime3/2+100;
mytime7 = window.setTimeout("mytime2()", mytime8);
var mytime9 = new Date();
var mytime10= mytime9.toLocaleString();
document.title = mytime10;}
function op(){mytime2()}
window.onload=op;

</script>


6. Pemasanfannya kodingnya telah Selesai sobat,tinggal sobat tekan tombol SAVE/SIMPAN .

Selamat Berkreasi Sobat Dan Jangan lupa komentar dan likenya ya!hehehe...Free Share
Share:

Populer Artikel