Pages

Home » Archives for March 2014

Cara Membuat Kotak Iklan 125x125


Kali ini saya coba share cara membuat kotak iklan 125 x 125,sebenarnya tutorial seperti ini sudah banyak sekali dan mudah kita temukan namun untuk melengkapi tutorial diblog ini kembali saya share buat sobat semua,untuk kotak iklan seperti ini biasanya ditempatkan pada bagian sidebar mengingat ukurannya yang kurang lebih pas dengan lebar sidebar pada sebuah blog.seperti apa bentuk iklan 125 x 125 yang saya maksud,sobat bisa lihat screenshotnya dibawah ini atau pada sidebar blog ini :

iklan 125 x 125

Nah buat sobat yang mau mencoba berikut  langkah langkahnya :

1. Masuk ke Blogger.com Template >> Pilih Edit HTML + Lanjutkan

2. Kemudian cari  kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>

.kotakiklan {background:#fff;padding: 5px 5px 5px 5px;text-align: center;}
.kotakiklan  img {background:#fff;width:125px;height:125px;margin: 3px 3px 3px 3px;padding:5px 5px 5px 5px;text-align: center;border: 1px solid #ddd;}
.kotakiklan  img:hover {border:1px solid #980000;}

3. Selanjutnya masukan kode HTML di bawah ini dalam Gadget HTML/JavaScript.

<div class="kotakiklan">
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uvm8DVKS5oeyuOB6lSjY8BL0GVjwXdc1g-zt8dWBncWO7FIUFXa4vCztgMUHFd7Dp8OcOnjNu7pWD1pRmIVm1ZEUjZMK6oEKE-zkPO4_MfOL16UfWTpEKqURw3dPIJgiCyxJUBS1c0cm/s1600/125_1.png" alt="ad size"/></a>
</div>

Kode yang berwarna biru adalah link dan Judul Iklan dan yang berwarna merah adalah gambar iklannya,silahkan sobat sesuaikan dengan iklan sobat.

4. Terakhir klik Simpan dan lihat hasilnya.Demikian cara membuat Kotak iklan 125 x 125 diblog semoga bermanfaat.
Read More »
Label: ,

Cara Membuat Scroll Pada Popular Post di Blog


Cara Membuat Scroll Pada Popular Post di Blog - Entri Populer - Popular post dapat disebut juga dengan entri populer.  Widget ini akan menampilkan posting-posting suatu blog yang populer berdasarkan pageviewnya. pada umumnya tampilan popular post ditampilkan banyak sampai menghabiskan tempat sidebar, nah,,,, untuk membuat blog lebih cantik kita bisa pasang scroll pada popular post agar lebih simple dan menarik juga bisa menampilkan jumlah popular post dengan jumlah yang  dan menghemat ruang sidebar blog kita.

Kurang lebih Hasilnya seperti gambar dibawah ini:

 
Langsung saja, berikut tutorial Cara Membuat Scroll Pada Popular Post di Blog tentunya dengan sangt mudah sob,,,,, cekidot !!!!!
Cara Membuat Popular Post/Entri Populer dengan Fungsi Scroll
Cara 1
Cara membuat Scroll Pada popular Posts, Artikel Populer, Memberi Scroll Pada Widget .
  1. Login ke Blogger
  2. Klik rancangan >> edit html >> klik centang “expand template widget” dan tekan ctrl + f untuk memudahkan pencarian kode.
  3. Cari kode <div class='widget-content popular-posts'>
  4. Jika sudah ketemu, silahkan ganti kode tersebut dengan kode berikut ini :
<div class='widget-content popular-posts' style='overflow:auto;width:ancho;height:300px'>
     Keterangan: angka 300 bisa sobat ganti sesuai keinginan sobat.

    5. Jika sudah, klik simpan template.
Bagaimana sobat? Mudah bukan carannya? Kalau masih lom berhasil pindah cara 2. OK


Cara 2
Cara Membuat Scroll Pada Popular Post di Blog
Cara Membuat Scroll Pada Popular Post di Blog :
1. Login ke blogger dengan akun sobat
2. Masuk ke halaman Template
3. Klik Edit HTML
4. cari kode ]]></b:skin>
(gunakan Ctrl+F)
5. copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>
#PopularPosts1 .widget-content{
height:200px;
overflow:auto;
}
6. Ganti angka 200 dengan tingginya
7. Simpan dan lihat hasilnya
Sekian Dulu  Cara Membuat Scroll Pada Popular Post di Blog, Sekarang tampilan popular post sobat lebih simple dan keren
Read More »
Label:

Microsoft Itu Apa Sih

Microsoft windows adah sebuah system operasi yang dikeluarkan oleh prusahaan Microsoft .corp dimana system operasi ini mengandalkan grapich yang friendly kepada penggunanya. Microsoft windows diawali dari ms-dos yang berbasis command line dan berbasi teks. Seiring berkembang pesat nya penjualan system operasi yang dikeluarkan oleh apple yaitu macintosh yang mengandalkan tampilah grapich nya, membuat Microsoft terpacu juga untuk membuat system operasi berbasis gui dan terciptlah windows 1.0 yang nama ini berasala dari karyawan Microsoft juga .


Apa Sih Microsoft : Mengenal Microsoft


Seiring berkembang nya muncullah versi baru dari windows 1.0 yaitu windows versi 2 yang menjadi os pertama dari windows yang bisa di install aplikasi dan satu satunya aplikasi yang bisa diinstal adalah Microsoft word, yang kemudian mendasarkan lahirnya windows versi 3 yang menjanjikan dapat di instalnya aplikasi aplikasi lebih dari satu. Dan versi windows 3.1 menjadi system operasi pertama windows yang mampu mengoptimalkan penggunaan nya pada prosesor 32-bit( Intel 80386 ke atas). Dan kemudian lahir lah windows versi 3.11 yang merupakan os pertama windows yang support akan jairngan dan merupakan os terakhir windows setelah berkembang nya era start menu.
  1. Nah buat yang lebih ingin tau versi windows dari masa kemasa berikut versinya :
    16-bit, berjalan di atas MS-DOS
    1. 1985 November - Windows 1.0
    2. 1987 9 Desember - Windows 2.0
    3. 1990 22 Mei - Windows 3.0
    4. 1992 Agustus - Windows 3.1
    5. 1992 Oktober - Windows for Workgroups 3.1
    6. 1993 November - Windows for Workgroups 3.11
  2. Hibrida (16-bit/32-bit), berjalan tanpa MS-DOS (meski tidak sepenuhnya)
    1. 1995 24 Agustus - Windows 95 (Versi: 4.00.950)
    2. 1998 25 Juni - Windows 98 (Versi: 4.1.1998)
    3. 1999 5 Mei - Windows 98 Second Edition (Versi: 4.1.2222)
    4. 2000 19 Juni - Windows Millennium Edition (Me) (Versi: 4.9.3000)
  3. Berbasis kernel Windows NT
    1. 1993 Agustus - Windows NT 3.1
    2. 1994 September - Windows NT 3.5
    3. 1995 Juni - Windows NT 3.51
    4. 1996 29 Juli - Windows NT 4.0
    5. 2000 17 Februari - Windows 2000 (Versi: NT 5.0.2195)
    6. 2001 - Windows XP (Versi: NT 5.1.2600)
    7. 2003 - Windows Server 2003 (Versi: NT 5.2.3790)
    8. 2006 - Windows Vista (Versi 6.0 Build 6000)
    9. 2007 - Windows Home Server (Versi 6.0.1800.24)
    10. 2008 - Windows Server 2008 (Versi 6.1)
    11. 2009 - Windows 7 (Versi 6.1 Build 7600)
    12. 2009 - Windows Server 2008 R2 (Versi 6.1)
    13. 2011 - 2012 - Windows 8 (dalam perencanaan)
                                                                 ( sumber Wikipedia.co.id)

Keuntungan Dari Penggunaan Windows :
-gui nya sangat friendly
-gampang untuk di pelajari ( khusus versi windows xp aja {opini by blog-joyo} yang lain cukup rumit)
-hampir semua penerbit atau pembuat aplikasi membuat aplikasi nya support akan windows

kerugian Dari Penggunaan Windows :
-lisensi nya yang tertutp membuat os ini jadi sangat mahal ( bagi bajakan nya sih murah tu)
-serangan virus sangat rentan bagi versi windows 95 keatas
Sumber :  http://blog-joyo.blogspot.com/2012/01/mengenal-apa-itu-microsoft-windows.html
Read More »
Label:

Template SEO

Template Blogspot SEO-Friendly Terbaru
Template Blogspot SEO-Friendly Terbaru - Wah apa kabar nih pengunjung setia trik seo simple udah lama banget ya saya tidak update di blog ini sudah tahun 2014 gk terasa.

Kebetulan ini ada waktu buat nulis-nulis lagi kali ini saya akan berbagi template seo-friendly lagi, memang bukan template baru, melainkan template yang sudah saya bagikan sebelumnya, cuma sedikit modifikasi lah.

Awalanya banyak nih pengguna yang tidak suka dengan bagian homepagenya yaitu gambar terlalu besar sehingga jika menggunkan gambar ukuran kecil maka gambarnya tidak elok di pandang, selain itu sudah ada perbaikan pada halaman statis yang dulu sempat error jika nulis di halaman statis. yah sebenernya sih sudah lama diperbaiki cuma baru bisa di uji beberapa minggu lalu dan alhamdulillah ahirnya bisa di share.

Kurang lebih seperti ini tampilan barunya... silahkan lihat langsung demonya.

blogger template seo-friendly


Untuk keunggulan masih sama seperti yang dulu yaitu:
Pokonya gk jauh beda sama yang versi sebelumnya.
Untuk tambahan atau perbaikan
  1. Pada halaman statis
  2. Readmore pada homepage
  3. Sedikit merubah warna.
Mungkin itu saja modifikasinya, jangan lupa biasakan menulis artikel yang berkualitas dan mencari backlink sebagai support template seofriendly ini.

Saya rasa cukup itusaja dulu yang bisa saya bagi silahkan di download semoga bermanfaat dan seperti biasa jika ada masalah mengenai tempalte dari blog saya ini bisa coment atau inbox saya atau tulis di fanspage blog trik seo simple ini. Untuk anda yang lebih suka versi pertamanya silahkan download disini.

DEMO | DOWNLOAD
Read More »
Subscribe to: Comments (Atom)