tes themes

Tampilkan postingan dengan label Blogger widget. Tampilkan semua postingan

Sabtu, 18 Mei 2013

Cara membuat refresh halaman blog otomatis berpindah ke halaman lain

selamat malam sahabat semuanya, pada kesempatan kali ini saya akan berbagi sedikit cara sederhana untuk mebuat perubahan pada blog kita, sebagai contoh pada menu home kita alihkan ke halaman yang kita inginkan.

Baiklah, mari kita simak langkah sederhana ini,

silahkan copy script di bawah ini.

<meta content='0;URL=http://achmadfc-eng.blogspot.com' http-equiv='refresh'/>
Langkah selanjutnya,masuk ke menu Template, dan kemudian pilih Edit HTML
Kemudian paste script diatas, di bawah kode <head>
Kemudian save template dan lihat hasilnya.

catatan:
- untuk yang berwarna merah adalah delay/waktu menunggu untuk menjalankan proses (refresh)
- untuk yang berwarna hijau adalah alamat/halaman web tujuan anda
- silahkan edit sesuai kebutuhan anda.

[selamat mencoba dan semoga bermanfaat]

Sabtu, 30 Maret 2013

Cara membuat menu drop down dengan mudah di blogger

Selamat bertemu kembali sahabat, kali ini saya akan berbagi cara membuat menu dropdown di blogger dengan mudah, sebelumnya trik ini saya posting di blog saya yang lama dan sudah di blokir oleh google/blogger. baikalah mari kita simak langkah-langkahnya

Login dulu ke aku blogger anda.
Masuk ke menu Template, dan kemudian pilih Edit HTML
Jangan lupa Centang pada bagian [ Expand Template Widget]
kemudian letakan script di bawah ini di atas ]]></b:skin>

    menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Arial", Arial;
    font-size:14px;
    font-weight:bold;
    }
    .menu ul{
    background:#333333;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:bold;
    }
    .menu li{
    float:left;
    padding:0px;
    }
    .menu li a{
    background:#333333 url("http://i47.tinypic.com/qp53sw.jpg") bottom right no-repeat;
    color:#cccccc;
    display:block;
    font-weight:normal;
    line-height:35px;
    margin:0px;
    padding:0px 25px;
    text-align:center;
    text-decoration:none;
    }
    .menu li a:hover, .menu ul li:hover a{
    background: #2580a2 url("http://i49.tinypic.com/13zbc53.jpg") bottom center no-repeat;
    color:#FFFFFF;
    text-decoration:none;
    }
    .menu li ul{
    background:#333333;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:225px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
    }
    .menu li:hover ul{
    display:block;
    }
    .menu li li {
    background:url('http://i45.tinypic.com/nvxxqg.jpg') bottom left no-repeat;
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:225px;
    }
    .menu li:hover li a{
    background:none;
    }
    .menu li ul a{
    display:block;
    height:35px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
    }
    .menu li ul a:hover, .menu li ul li:hover a{
    background:#2580a2 url('http://i50.tinypic.com/66elwh.jpg') center left no-repeat;
    border:0px;
    color:#ffffff;
    text-decoration:none;
    }
    .menu p{
    clear:left;
    }

[Download Script]
Kemudian Save Template,
Langkah selanjutnya silahkan anda masuk ke menu Tata Letak dan buat Widget baru, caranya click Tambah Widget >> pilih HTML/Java script.
Copy script di bawah ini.

<div class="menu"><ul>
<li><a href="http://achmadfc-eng.blogspot.com"> Home</a></li>

<li><a href="http://achmadfc-eng.blogspot.com/search/label/Tips%20and%20Trick">Tips and Trick</a><ul>
<li>
</li>
</ul></li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Movie</a>
</li>
<li><a href='#'>Music</a>
</li>
</ul></li>

<li><a href='#'>Tutorials</a>
<ul class='children'>
<li><a href='#'> Microsoft Office</a>
</li>
<li><a href='#'> CorelDraw</a>
</li>
<li><a href='#'> Photoshop</a>
</li>
<li><a href='http://achmadfc-eng.blogspot.com/search/label/Blogger'> BLogger</a>
</li>
</ul></li>

<li><a href='#'>My Blog</a>
<ul class='children'>
<li><a href='http://achmadfc-bisnis.blogspot.com' target="blank" > Bisnis Online</a>
</li>
<li><a href='http://achmadfc-sch.blogspot.com' target="blank" > Archive Study</a>
</li>
<li><a href='#' target="blank" > Download Soft</a>
</li>
</ul></li>

<li><a href='#'>Blog my Friend's</a>
<ul class='children'>
<li><a href='#' target="blank" > Nama teman 1</a>
</li>
<li><a href='#' target="blank" > Nama Teman 2</a>
</li>
<li><a href='#' target="blank" > Nama Teman 3</a>
</li>
</ul></li>
</ul>
</div>

Silahkan Edit :
> yang berwarna MERAH Silahkan masukan Url/Link anda.
> yang berwarna HIJAU Biarkan "#"

NB :
> Block berwarna Hijau untuk membuat menu horizontal
> Block berwarna Biru untuk membuat menu dropdown
Save dan lihat hasilnya.

[Selamat mencoba dan semoga bermanfaat]

Cara membuat widget menjadi rata tengah

Halo sahabat, kali ini saya akan berbagi cara membuat widget di blog menjadi rata tengah, menjadikan widget terasa enak di pandang dan terasa rapi di blog, seperti tampak gambar di samping, caranya sangatlah mudah hanya saja perlu ikuti langkah-langkah berikut :

Langkah pertama login dulu di akun blog masing-masing.
Kemudian anda masuk ke Tata letak dan Silahkan anda memilih widget yang ingin di jadikan exsperimen/ bahan percobaan.
click Edit widget kemudian, langkah selanjutnya ketik script seperti di bawah ini
---------------------------------
<Center>

Script anda

</Center></Div>

---------------------------------
Intinya hanya memberikan kata <center> pada bagian paling atas dan di akhiri kata </center></div>.
Lihat hasilnya.

[Selamat mencoba dan semoga bermanfaat]

Sabtu, 23 Maret 2013

Cara mengatur posisi judul blog ke tengah

Hai sahabat blogger semuanya kali ini saya akan berbagi sedikit cara bagaimana cara mengatur posisi judul blogger yang berada di bagian samping kiri dan katanya tidak memanjang (menjadi ke bawah) seperti contoh pada gambar di bawah ini.

Dari kasus di atas yang awalnya saya instal template baru ke blog saya, kemudian judul blog dan lainnya otomatis tidak bisa di rubah melalui fitur yang sudah di sediakan oleh blogger. mau tidak mau kita harus mengedit template tersebut langsung dari HTML/ scrip yang berada pada Template >> Edit HTML .

Baiklah mari kita praktekan cara di bawah ini, dan simak baik-baik :

Langkah pertama anda harus login terlebih dahulu ke akun blogger anda.
Langkah selanjutnya, pergi ke Template >> Edit HTML.
Jangan lupa Centang pada bagian [ Expand Template Widget]
Setelah itu cari script yang mirip seperti di bawah ini

header-wrapper{width:980px;color:#333;min-height:80px;overflow:hidden;position:relative;z-index:999;margin:0 auto}
#header{max-width:260px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
yang harus anda cari script yang warna merah .
Jika sudah anda temukan Script yang mirip di atas, langkah selanjutnya, ganti max-width untuk (#header) menjadi 980 px.
sebagai contoh seperti di bawah ini.

Sebelum
#header{max-width:260px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
Sesudah
#header{max-width:980px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
kemudian simpan template. dan hasilnya akan tampak seperti gambar di bawah ini.

[Selamat mencoba dan semoga bermanfaat]

Subscribe:

tes themes

Sabtu, 18 Mei 2013

Cara membuat refresh halaman blog otomatis berpindah ke halaman lain

Sabtu, 30 Maret 2013

Cara membuat menu drop down dengan mudah di blogger

Cara membuat widget menjadi rata tengah

Sabtu, 23 Maret 2013

Cara mengatur posisi judul blog ke tengah

Labels

Mengenai Saya

Arsip Blog