• Buat yang ingin menerapkan Tulisan anti copy paste di Blog Anda, silahkan simpan kode dibawah ini diatas kode ]]></b:skin>
  • Lalu save template anda.
Pada saat anda posting artikel, silahkan anda beralih dari mode COMPOSE ke moda edit HTML. Untuk Kode dalam postingan blog, gunakan kode HTML seperti dibawah ini :
  • Setelah itu silahkan anda terbitkan artikel kemudian anda coba copas artikel anda


source : http://sin1aja.blogspot.com/
Cara buat blockquote simpel dan menarik...saya yakin sobat blogger sudah faham apa itu blockquote.Ok gak usah dijelaskan lebih rinci lagi mending kita langsung ke langkah - langkah cara membuatnya :
  1. Login ke akun blog sobat
  2. Pilih rancangan
  3. Pilih edit Html
  4. Disarankan Download Template Lengkap dulu buat jaga-jaga
  5. Expand Template Widget
  6. Cari kode yang mirip dengan .post blockquote{padding
  7. Kemudian ganti kode tersebut dengan kode dibawah ini
.post blockquote{
width: auto;
height: auto;
background-color: #2f2f2f;
background-image: -webkit-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: -moz-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: -ms-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: -o-repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
background-image: repeating-linear-gradient(top, #444 0px, #444 24px, #2f2f2f 24px, #2f2f2f 46px);
border-left: 5px solid #cc0000;
outline: none;
color: #fff;
line-height: 23px;
font-family: "Arial",sans-serif;
font-size: 14px;
padding-left:10px;padding-right:10px;
}

Save dan lihat hasilnya

kali ini saya mo share tentang tutorial blogger dan mungkin sobat-sobat membutuhkanya.Oke langsung aja neh bagaimana seh menghilangkan no pada label tapi dengan cara edit html???...
Contoh tabel misalkan :

    Sebelum

  • CSS   (10)
  • Tutorial Blogger  (10)
  • Tps Trik Internet (10)

    Sesudah

  • CSS
  • Tutorial Blogger
  • Tps Trik Internet
Untuk menghemat waktu, mari kita mulai jurus mujarab tutorial blogger untuk menghilangkan angka jumlah label tersebut. Eit, hampir lupa trik ini dapat Sobat gunakan jika kamu telah memasang widget atau gadget label dalam blog.
  1. Login dulu ke account blogger kamu.
  2. Pilih tab Tata Letak ==> Edit HTML ==> centang "Expand Template Widget".
Sebelum melakukan edit template, sebaiknya simpan dulu template sobat yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan Sobat sudah memiliki back-up untuk mengembalikannya seperti semula. Selanjutnya cari kode
(<data:label.count/>).
NB : Kalau susah mencarinya, coba tekan CTRL+F di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox) Jika Sobat Menggunakan Google Chrome,sama saja cara pencarian nya,hanya saja letak nya ada di atas,lalu sobat tinggal memasukkan kata yang ingin dicari. Jika sudah ketemu, hapus kode tersebut.  Jangan lupa SAVE template...
Ada dua hal yang harus kita perhatikan agar CSS3 Transisi dapat bekerja dengan baik, yaitu kita harus menentukan properti css dan menentukan durasi efek. Jika nilai durasi tidak ditentukan, maka efek transisi tidak akan berpengaruh atau tidak bekerja, karena nilainya masih default yaitu "0".

Dan cara kerjanya kita menggunakan fitur mouse-over, yaitu transisi bekerja dengan kata lain elemen berubah atau bergerak ketika pointer mouse terletak pada elemen yang kita buat. Dan ketika pointer mouse keluar dari atas elemen, maka bentuk elemen kembali seperti semula.


Elemen yang menggunakan CSS3 Transisi

Kode CSS diatas: :
<style type="text/css">
div.transisi
{
width:100px;
height:100px;
background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
box-shadow:0 0 5px;
border:1px solid #ddd;
padding:10px;
transition:width 5s;
-moz-transition:width 5s; /* Firefox 4 */
-webkit-transition:width 5s; /* Safari and Chrome */
-o-transition:width 5s; /* Opera */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

div.transisi:hover
{
width:400px;
}
</style>

<div class="transisi">
Elemen yang menggunakan CSS3 Transisi</div>
Kita bisa menambahkan efek transisi menjadi lebih dari satu gaya, misalnya efek transisi kesamping sekaligus kebawah.


Efek transisi melebar kesamping sekaligus kebawah

Kode CSS diatas: :
<style type="text/css">
div.transisi2
{
width:100px;
height:100px;
background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
box-shadow:0 0 5px;
border:1px solid #ddd;
padding:10px;
transition:width 5s;
-moz-transition:width 5s; /* Firefox 4 */
-webkit-transition:width 5s; /* Safari and Chrome */
-o-transition:width 5s; /* Opera */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

div.transisi2:hover
{
width:400px;
height:300px;
}
</style>

<div class="transisi2">Efek transisi melebar kesamping  sekaligus kebawah</div>
Contoh lainnya Efek transisi melebar kesamping sekaligus tinggi menyempit


Efek transisi melebar kesamping sekaligus tinggi menyempit

Kode CSS diatas: :
<style type="text/css">
div.transisi3
{
width:100px;
height:100px;
background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
box-shadow:0 0 5px;
border:1px solid #ddd;
padding:10px;
transition:width 5s;
-moz-transition:width 5s; /* Firefox 4 */
-webkit-transition:width 5s; /* Safari and Chrome */
-o-transition:width 5s; /* Opera */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
div.transisi3:hover
{
width:400px;
height:40px;
}
</style>

<div class="transisi3">
Efek transisi melebar kesamping  sekaligus tinggi menyempit</div>

Berikut contoh yang lain


Efek transisi membesar dan berputar

Kode CSS diatas: :
<style type="text/css">
div.transisi4
{
width:100px;
height:100px;
background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
box-shadow:0 0 5px;
border:1px solid #ddd;
padding:10px;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s,
-moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s,
-webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s,
-o-transform 2s; /* Opera */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

div.transisi4:hover
{
width:150px;
height:150px;
transform:rotate(720deg);
-moz-transform:rotate(720deg); /* Firefox 4 */
-webkit-transform:rotate(720deg); /* Safari and Chrome */
-o-transform:rotate(720deg); /* Opera */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
</style>

<div class="transisi4">Efek transisi membesar dan  berputar</div>

Selamat mencoba dan Semoga bermanfaat....


source:  www.carabuatwebgratis.com

CSS3 sebagai sebuah pengembangan baru kode css memberi andil yang cukup besar bagi blogger untuk mengembangkan efek terang gelap atau fade efect ini. Berbagai efek yang sebelumnya harus dibangun melalui javascript kini bahkan tak perlu lagi dilakukan. Tentang kompabilitas css3? Kita tak lagi perlu lagi kuwatir. Berbagai browser besar setiap detiknya juga selalu meningkatkan kompabilitas mereka terhadap css3. Yah... karena kode css3 tak boleh tidak akhirnya akan menjadi kode utama pembangun desain blog/website karena kesederhanaannya dan kemampuannya untuk membangun berbagai desain animatif. Diwaktu ke depan kita akan lebih merasakannya ketika semua browser sudah kompatible dengan css3 animation.

Contoh:

Letakkan teks, image atau yang lainnya di sini
Cara membuat Box dengan Efek Terang - Gelap
  • Login ke Blogger==>Dasboard==>Design(Rancangan)
  • Klik Edit HTML
  • Cari kode ]]></b:skin>
  • Letakkan kode CSS dibawah ini di atas kode ]]></b:skin>
.mybox{
position:relative;
display:block;width:200px;
max-height:400px;
background:#fff;
color:#000;
overflow:auto;
padding:20px 15px;
margin:20px 5px;
border:2px solid #777;
border-radius:6px;
opacity:0.2;
filter:alpha(opacity=20);
transition:1s;
-o-transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
}
.mybox:hover{
opacity:1.0;
 filter:alpha(opacity=100);
}

  • Klik Save Template
Untuk postingan gunakan kode dibawah ini dimode editHTML
<div class="mybox">Letakkan teks, image atau yang lainnya di sini!</div>



source : http://modifikasiblog-modifikasi.blogspot.com/

Banyak caranya agar tampilan Blog kita menjadi lebih bagus dan menarik salah satunya adalah dengan cara mengedit tampilan kita secara kontinyu karena katanya bisa menaikan page rank dan pada postingan kali ini  akan membahas cara membuat Link bergoyang ngeboor hehehe salah gan maksud saya link bergoyang dengan Javascript. link bergoyang adalah Link yang ketika mouse menyorotnya akan bergoyang . Link bergoyang ini digunakan untuk mempercantik Link saja... Penasaran bukan?....
Ok bro kalau penasaran Ikuti Langkah-Langkah Berikut Ini:

1. Login Ke Blog Sobat
2. Pada Dasbor Pilih ==>>Rancangan==>Kemudian EDIT HTML
3. Cari Kode </head> Dan Letakan Kode Script Berikut Tepat Diatas Kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>      
$(document).ready(function()  {       
$(&#39;a&#39;).hover(function() {  //mouse in       
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);       
}, function() { //mouse out        
$(this).animate({ marginLeft: 0 }, 400);       
});        
});</script>

4. Terakhir Save Template and Lihat Hasilnya