Cara Membuat Gambar Miring pada Blog

Nih script saya coba hanya sekedar iseng2 ajjah,
saya gag tau apa yang saya tekan2,saya otak atik otak atik,eehh jadi nya kayag ginian !!
Bagi kalian yang pengen pasang script seperti gambar diatas kalian bisa ambil dari saya,hehehe... !!
Yuk cekidot scriptnya...
Eittzz,tapi ikuti dulu petunjuk di bawah ini,OK !!


1.Masuk ke blogger 
2.Dari dasbor kemudian klik rancangan
3.kemudian klik Edit HTML
4.Lalu kamu cari yang mirip dengan code seperti berikut ini :

.sidebar .widget {
text-align:center;
background:#e3e3e3;
}

(Yang diatas khusus untuk sidebar.)
Lalu kamu tambahkan code seperti berikut ini di bawah code di atas :

transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg);

Jadi jika di edit2 hasilnya akan seperti ini :

.sidebar .widget {
text-align:center;
background:#e3e3e3;

transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); 
}

Dan tambahkan code ini lagi dibawahnya :

.sidebar .widget:hover {
text-align:center;
background:#e3e3e3;

transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); 
}

Dan hasilnya akan seperti ini :

.sidebar .widget {
text-align:center;
background:#e3e3e3;

transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); 
}

.sidebar .widget:hover {
text-align:center;
background:#e3e3e3;

transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); 
}
Jika sudah kamu klik simpan dan lihat hasil nya

Tambahan Admin :

Jika kalian ingin menambahkannya pada kotak posting dan footer juga bisa.
Kalian tinggal cari code ini :

(Untuk kotak posting)

 .post {


(Dan untuk Footer)

.footer-outer {

Caranya sama kok dengan cara yang diatas.
Tinggal kalian letakkan script nya di bawah code yang dicari ajjah.
Gampang kan ??
Ok,semoga berhasil !!

Read More..

Cara Membuat Link Download pada Blog

Apa Itu link download ? Link download adalah seuatu teks atau gambar yang bisa di klik untuk mengarahkan link ke sebuah hosting untuk mendownload sebuah file . Bagaimana Cara membuatnya ? caranya begini Copy kode berikut lalu paste di blog kalian :

<a href="http://blog-awangg.blogspot.com">Download</a>

Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !

Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :

Copy paste kode berikut untuk membuat teks link download menjadi tebal :
<a href="http://blog-awangg.blogspot.com"><b>Download</b></a>

Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .

Dan untuk membuat link tersebut Berukuran kecil sampe besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link .

Cara Selanjutnya adalah membuat link download dengan gambar/ikon
Caranya copy paste kode berikut ke blog anda :

<a href="http://blog-awangg.blogspot.com" title="Download"><img src="http://farm5.static.flickr.com/4042/4278913170_e7973277d8_o.png" width="216" height="74" alt="download[4]" /></a>

Hasilnya adalah sebagi berikut :



Keterangan Ganti Link yang berwarna biru dengan Full link Hosting tujuan anda .

Selamat Mencoba ..........?

Read More..

Membuat Read More Otomatis di Blog

1. Log in ke blog anda
2. KLik Rancangan / Template
3. KLik Edit HtmL
4. Cari Kode </head>
5. Dan Letakan kode di bawah ini Di atas kode </head>

<script type='text/javascript'>
var summary_noimg    = 300,
    summary_img      = 300,
    img_thumb_height = 80,
    img_thumb_width  = 90;
</script>
<script type='text/javascript'>
//<![CDATA[
/**
 * =======================================================================
 * Auto-readmore link script, version 2.0 by aWangg Darmadi
 * =======================================================================
 */
function removeHtmlTag(strx, chop) {
    if (strx.indexOf("<") != -1) {
        var s = strx.split("<");
        for (var i = 0; i < s.length; i++) {
            if (s[i].indexOf(">") != -1) {
                s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);
            }
        }
        strx = s.join(" ");
    }
    chop = (chop < strx.length - 1) ? chop : strx.length - 2;
    while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;
    strx = strx.substring(0, chop - 1);
    return strx + '...';
}

function createSummaryAndThumb(pID) {
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if (img.length >= 1) {
        imgtag = '<span style="float:left;padding:0px 10px 5px 0px;"><img alt="" src="' + img[0].src.replace(/\/s(320|400|640|1600)/, "\/s" + img_thumb_width) + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>';
        summ = summary_img;
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML, summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>

5. SimpaN Template
6. Setelah Anda simpan Template Lalu Centang Expand Template widget Dan Cari Kode di Bawah ini

<data:post.body/>

Setelah ketemu Anda Hapus kode Tersebut dan Ganti dengan Kode ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'> READMORE....!! </a>
</b:if>
</b:if>

7. Klik SIMPAN.

Read More..