UP
    Latest News
Showing posts with label Modifikasi Blog. Show all posts
Showing posts with label Modifikasi Blog. Show all posts

Cara Membuat Refresh Otomatis Di Blog

Cara Membuat Refresh Otomatis Di Blog
Mungkin sobat semua sudah paham dengan kata Refresh yang bisa diartikan adalah penyegaran,di mana Refresh ini sangat berperan sekali buat komputer kita...
kali ini saya akan memberi Tutorial Cara Membuat Refresh Otomatis Di Blog

Baik kita mulai saja Cara nya..

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Edit Html.
3. lalu copy kode di bawah ini :



<meta http-equiv="refresh" content="600"/>


4. Kemudian kode tersebut di atas di taruh (paste) di antara kode :


<head> .... </head>

5. Kemudian Simpan Template

Selesai
Sangat mudah bukan sobat cara membuat nya...

Catatan

Tulisan yang berwarna Merah menandakan jumlah waktu yang akan me-reload atau refresh secara otomatis dalam hitungan detik.
Contoh : dalam kode diatas dituliskan "600" berarti blog atau website kita akan refresh secara otomatis dalam waktu 10 menit. karena 1 menit = 60 detik dan 10 menit = 600 detik.
Rubahlah angka "600" dengan waktu yang anda inginkan untuk me-refresh secara otomatis (dalam hitungan detik).


Keuntungan

Agar kita bisa melihat visitor yg berkunjung di blog kita jadi anda tidak perlu merifresh sendiri...
karna dengan ada nya refresh otomatis menudahkan anda untuk mengetahui visitor yg berkunjunga di Blog anda khusus nya menggunakan Wibia...

Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Tutorial Blog Ini...

Membuat Tombol Home,Back To Top,Dan Bottom

Membuat Tombol Home,Back To Top,Dan Bottom
Ingin tau Cara Membuat Tombol Home,Back To Top,Dan Bottom
Mari kita mulai saja Tutorial nya..
Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home,Back To Top,Dan Bottom..?



Untuk lebih jelas nya coba sobat klik Tombol Home,Back To Top,Dan Bottom yang ada pada blog saya,.
sudah sobat klik,nah itu dia maksud nya dari Tombol Home,Back To Top,Dan Bottom..
Sobat tertarik untuk membuat nya di blog sobat..?
jika tertarik,mari kita mulai cara pembuatan nya..

1.Masuk Ke akun Blog Sobat
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget
3.Kemudian Cari Kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi


#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}


5.Selanjutnya cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya

<a name='ngisor-dhewe'></a>

6.Langkah Terakhir Tinggal Memasukan Kode Dibawah  Ini Tepat Dibawah Kode <body>

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_do198i7YDaoDslp_SnHW6LhxTW5qXUYwx8K8FSg_FtAX7AlLP7mO1LHhKmpJorkoWq1XXvcYBpbohmZ3cxfES35Hfi_AAzn1xNjm-NHuZBH92rqZBP35lxCPj1n7_xSf9QvxEd7RBQ/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfROvdsNbTO9ffecvTa74zuW5TcdPWjVRfEHyuSFLIjuJCvzZRAdeL-upJCejm4yn2DzdxX4OAOi3p_UfsvuTQTBTCm_cAKkZX_KNKk5RVdPRXW7cphxKFQQOMClJC2AbS4c6653UXQSo/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXElG2wnveFp89POr7uRFeGQkrS7qKGc-Pvw24Kknf6h-tIx1IbtQ2ESH-v_jxiRdJWIEz6tU2pGWEP9S26uFVMlir8eWieTWFozvXON2OTNbuHOTzx5_RcNDsMav9o33jnVrO9Ta6rWM/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>


7.Simpan

Mudah kan sobat cara membuat Tombol Home,Back To Top,Dan Bottom nya...
Semoga Bermanpaat dan selamat mencoba.

Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Tutorial Blog Ini...

Link mengeluarkan Bintang

Link mengeluarkan Bintang
Pasti sobat pernah melihat bintang di langit yang indah,dan ingin memiliki nya tapi rasanya tidak mungkin untuk memiliki nya...heeeeeeee.....
jangan kawatir sobat anda saat ini bisa memiliki nya,cara nya sangat mudah ko,mari kita mulai cara Link Mengeluarkan Bintang.





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXiK3AKJgqk6TfEQ_pIS3l8TfT1zaSIrxIav_pbzB4padHzwVDMzv6pJU6VyYLkwuh73XmKfupABFuujUCSN12BEBX_GjqZvliHwat3r7TM7laiJftBXTjXDMuLO19uMpIV2q1-8jVZA/s1600/stars.gif

Sobat Hanya Menambahkan atau menyisipkan kode Di atas ini tepat Disamping kode a:hover {

1.Login Ke akun Blog Sobat
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Centang Kolom Expand Widget
5.Cari Kode a:hover {  tapi  yg berdekatan dengan  a:link{  atau berdekatan dengan a:visited{

6.Copy Paste Kode Diatas Disamping Kode a:hover {  yg berdekatan dengan  a:link{  atau
   berdekatan dengan a:visited{

Contoh:   a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXiK3AKJgqk6TfEQ_pIS3l8TfT1zaSIrxIav_pbzB4padHzwVDMzv6pJU6VyYLkwuh73XmKfupABFuujUCSN12BEBX_GjqZvliHwat3r7TM7laiJftBXTjXDMuLO19uMpIV2q1-8jVZA/s1600/stars.gif);}
               

 7.Simpan Template..

Sangat mudah kan sobat Cara Membuat Link Mengeluarkan Bintang ini,sekarang sobat sudah memiliki bingtang seperti di langit..^_^

Semoga bermanfaat
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Tutorial Blog Ini...