CSS Membuat Border Style

CSS Membuat Border Style - Bagian terpenting dalam pemahaman CSS adalah Border, dalam membuat Border sebenarnya tidak terlalu sulit, karena basicnya terdiri dari beberapa garis saja. Style yang bisa di coba adalah Garis tanpa Putus, Garis putus-putus (solid, dashed, and dotted)

Standart dari script Border :

border: 20px groove #e3e3e3;

atau dengan script yang lebih lengkap,

border-color: #e3e3e3;border-width: 20px;border-style: groove;

Hasilnya :

Mantab Jaya Bozz. . .  :)

Silahkan anda modifikasi terlebih dahulu.
Sukses.

Continue

CSS Membuat Background Gradient

CSS Membuat Background Gradient - Triks berikut ini adalah lanjutan dari tips belajar CSS dari awal yang juga adalah hasil dari googling di Internet. Oke marilah kita belajar lagi tentang CSS yang masih banyak menyimpan Rahasia ini.

Kali ini kita akan buat CSS untuk Background Gradient kalau kalian masih bingung bisa melihat gambar berikut ini :

Script : 

background-image:
     -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#999));
background-image:
     -moz-linear-gradient(100% 100% 90deg, #999, #eee);

Mozilla :

background-image:
     -moz-linear-gradient(bottom, #999, #eee);

Setelah di praktekkan untuk membuat CSS Gradient adalah sb :

CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS Membuat Background Gradient CSS 

Oke, silahkan dicoba dulu agan2 yang terhormat !!!
Salam Blogger Donomulyo.

Continue

Membuat Update Comment Blog Berjalan

Tutorial Membuat Update Comment Blogspot Berjalan - Comment Pada Blog yang Berjalan Otomatis ini adalah lanjutan tutorial blog sebelumnya, kali ini kita akan mencoba membuat Update Comment Blog Berjalan pada blog. Ketika kita melihat blog kita maka biasanya kita akan juga melihat commentar dari blog sahabat kita atau penugnjung yang kebetulan main-main ke blog kita.

Cara Membuat Update Comment Blog Berjalan ini memanfaatkan javascript sehingga bisa dengan mudah anda masukkan kedalam blog tanpa harus mengubah script dalam di blog anda.

Untuk cara Membuat Update Comment Blog Berjalan silahkan anda ikuti langkah berikut ini.

1. Silahkan anda Log in ke account Blog anda.
2. Masuk kedalam Edit Tata Letak
3. Add gadget/widget dimana anda ingin menampilkan Update Comment Blog Berjalan ini.
4. Copy script berikut ini

<marquee align="center" direction="down" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2">
<script src="http://buternaker.googlecode.com/files/comment-slide.js">
</script>
<script>
var numcomments = 15;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://aregnoz.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script>
</marquee>

  5. Ganti tulisan warna Merah dengan Alamat Blog Anda.

Langkah terakhir silahkan save. Demikian langkah-langkah Membuat Update Comment Blog Berjalan.
Selamat mencoba.

Continue

CSS Memberi Model Font Pada Artikel

CSS Memberi Model Font Pada Artikel - Biasanya kita memakai font bawaan dari Blog sendiri yang tetap itu-itu aja. Kita dapat memberi model font yang berbeda pada tulisan kita. Tidak terlalu sulit untuk membuatnya dan mungkin sebagian dari kalian juga sudah pada tau.

Berikut ini caran kita membuat CSS Memberi Model Font Pada Artikel :

CSS Memberi Model Font Pada Artikel

@font-face {
     font-family: 'Fontin-Italic';
     src: url('/fonts/Fontin-Italic.otf') format('opentype');
}
h1 { font-family: 'Fontin-Italic', Georgia, Serif; }

Silahkan Anda Coba!!!!

Continue

Cara Menghilangkan Index Archive di google

Cara Menghilangkan Index Archive digoogle

Cara Menghilangkan Index Archive di google ~ Index Archive di Google Tampil dan tak jarang kita tag menyadarinya. Banyak pakar SEO menyarankan untuk menonaktifkan index Archive ini. Karena dirasa memang kurang efektif. Saya sendiri belum tahu benar untuk kejelasannya tapi yang jelas memang benar-benar tidak efektif ketika kita men search di google yang keluar malah Archive kita bukan menuju ke Artikel yang kita maksut.

Disini ada sedikit cara untuk Menghilangkan Index Archive digoogle, ini merupakan referensi dari beberapa blog master Luar Negeri yang menurut saya sudah Mastahnya di dunia Blogging.


Jika kamu ingin menggunakannya juga berikut ini caranya.

1. Silahkan kamu masuk blog ke Edit HTML

2. Taruh Script dibawah ini di bawah Meta Tag kamu yang biasanya berada di bawah <head>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType == "index"'>
    <link href='http://alamatblogmu.blogspot.com/' rel='canonical'/>
  </b:if>
  <b:if cond='data:blog.pageType == "archive"'>
    <link href='http://almatblogmu.blogspot.com/' rel='canonical'/>
  </b:if>
</b:if>

3. Ganti Tulisan warna kuning diatas dengan alamat blogmu.
4. Simpan Template blogmu.

Silahkan lakukan eksperimen untuk anda analisa efek dari pemasangan script diatas.

Continue