DAUN HIJAU

Cara Menambahkan Font di Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Oke Sobat-sobat ayo ayo bikin font di blog lebih keren. Gimana caranya???
Mudah gan, ga ada yang ga mungkin didunia ini. Bahkan bila kita bermimpi jadi Presiden pun itu mungkin saja terjadi pada kita. Tergantung dari usaha kita sendiri-sendiri. Oke-oke langsung aja.

1. Masuk ke alamat disini
2. Setelah masuk pilih jenis font yang kalian suka. Setelah itu klik add to collection

3. Setelah itu pilih use yang ada dibawah.

4. Setelah itu copy semua kode yang diberikan

5. Setelah selesai semua sekarang kita mulai diblog kita. Login ke dasbor blogger>Template>Edit html

6. Cari kode <![CDATA[/*, jika sudah ketemu pastekan kode yang tadi diatas kode <![CDATA[/* tadi. tambahkan tanda slash diakhir kode yang diberikan dari google tadi. jadi seperti ini

<link href='http://fonts.googleapis.com/css?family=Fondamento:400,400italic' rel='stylesheet' type='text/css'/>
Kemudian pratinjau template, jika benar simpan template anda.

Cara Membuat Effect Gambar Terang saat ditunjuk Pointer

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Kali ini aku mau posting Cara Membuat Effect Ganbar Terang saat ditunjuk Pointer dan sebaliknya. Maklum baru bisa ngeblog, jadi ya posting tutorial yang udah lama diposting. Oke deh langsung saja disimak yaa Cara Membuat Effect Ganbar Terang saat ditunjuk Pointer.

1. Seperti biasa agan muzti masuk ke dasbor kalian, terus template kemudian edit html
2. Kalian cari kode .post-body-img, atau .post-img
3. Jika tidak ada maka yang harus kalian lakukan adalah copy kode dibawah ini dan letakkan diatas kode ]]></b:skin>

Gelap Menjadi Terang

.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

Terang Menjadi Gelap

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

4. Untuk yang sudah ada pada No.2, silahkan tambahkan kode yang berwarna merah saja
5. Simpan template kalian dan lihat hasilnya

Cara Membuat Animasi Loading setiap Klik diblog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Aku mau kasi Cara Membuat Animasi Loading setiap Klik diblog yang aku dapet dari blog djadisaputra. Disitu aku liat blognya keren juga, tiap aku ngklik ada animasi loadingnya. Jadi aku penasaran nyari kodenya, ternyata disitu udah ada scriptnya. Sekarang aku mau posting kekalian semua sapa tau bermanfaat buat kalian. Oke deh simak aja ya Cara Membuat Animasi Loading setiap Klik diblog.

1. Kalian musti masuk dasbor blogger kalian. Kalian masuk ke template kalian, terus edit html.
2. Kalian cari kode ]]></b:skin> pake Ctrl +F biar cepet. Terus copy kode dibawah ini dan letakan diatas kode ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

3. Kalian cari kode </head> terus taruh kode dibawah ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

4. Yang terakhir copy kode dibawah ini terus taruh diatas kode </body>

<div id='loadhalaman'>
<div class='loadball'></div>
<div class='loadball-2'></div>
</div>
<script type='text/javascript'>
$(function() {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
$internalLinks.click(function() {
$('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
});

// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
$('#loadhalaman').click(function() {
$(this).hide();
});
});
</script>

5. Simpan template kalian.

*info
Pemasangan animasi loading ini akan memberatkan proses loading blog anda. Jadi saya sarankan untuk memikirkan lagi pemasangan ini

Cara Menghilangkan Tulisan Showing Post with Label pada Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Menghilangkan Tulisan Showing Post with Label pada Blog. Ya ini yang aku cari-cari. Sebel banget liat blogku kalo pas aku milih kategori berdasarkan label slalu ada tulisan Showing Post with Label. Karena aku pengen ngilangin itu aku cari caranya dimbah google. Eh dapet. Terus aku praktekin berhasil. Sekarang aku mau bagikan kekalian siapa tau bermanfaat. Oke deh disimak langsung aja

1. Login kedasbor blogger kalian masing-masing
2. Pilih template kalian, kemudian edit html
3. kalian cari kode yang sama seperti ini

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

4. Sudah ketemu. Ganti kode tsb dengan kode dibawah ini

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

5. Simpan deh template kalian. Selesai deh

Cara Membuat Tanda Tangan di Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Udah siang gini masih ngedep depan laptop doank, ga mandi, ga cuci muka. Duuuuh gimana baunya??? >.<
Hehehehehe. Kali ini ane mau kasi pelajaran bikin tanda tangan diblog sobat. Caranya simple kug. Ikutin yaa tutorialnya :

1. Silahkan masuk dulu di situs ini http://www.mylivesignature.com.
2. Kemudian kalian pilih proceed untuk membuat tanpa harus register
3. Setelah itu silahakan kalian pilih

Using the signature creation wizard> untuk membuat tanda tangan berupa nama
Draw the signature straight on the screen> untuk menggambar tanda tangan sesuai kreasi anda

saya sarankan untuk yang Using the signature creation wizard

4. Kemudian isikan nama sobat dikotak name, dan Next

5.Sudah itu kalian pilih Font sesuka hati kalian

6. Setelahnya pilih font sizenya

7. Pilih background untuk tanda tangan sobat. Saya sarankan untuk memilih background transparent agar cocok untuk segala medan. Heheheh
Setelah itu pilih warna untuk fontnya.

8. Kemudaian tentukan kemiringannya

9. Tanda tangan sobat sudah jadi. Jika ingin menyimpannya, arahkan pointer mouse di gambar tanda tangan sobat kemudian klik kanan save image As, atau bisa juga Copy Image Location