24 Juni 2012

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 !!

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 ..........?

23 Juni 2012

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.

Tips Mendapatkan Banyak Pengunjung

Pengunjung merupakan detak jangtung kehidupan bagi para blogger, blog lama maupun baru pastinya sangat menginginkan pengunjung yang banyak, pengunjung yang banyak merupakan semangat dan kegembiraan yang tak terkira, lantas bagaimana caranya agar blog yang kita buat selalu ramai diserbu orang?

Semoga tips-tips berikut dapat membantu anda:
  1. Jangan lupa daftarkan blog anda ke ke Search Engine: Google, Yahoo, Bing, Msn, dan sebagainya. Search Engine merupakan mesin pencari yang pastinya akan menemukan blog anda jika telah didaftarkan.
  2. Blogwalking ke blog-blog sahabat. Lakukanlah persahabatan kepada sesama blogger, mulai dari bertukar link, saling berkomentar, dan sebagainya.
  3. Bergabunglah ke forum-forum blogger. Ini akan membuat jangkauan blog anda semakin dikenal luas, terlebih lagi jika anda bisa menjawab pertanyaan-pertanyaan atau sekedar memberikan saran yang ada di forum tersebut.
  4. Buat posting atau artikel blog yang bagus dan menarik. Bagus dalam artian tata bahasa yang digunakan dapat dipahami, pemilihan kata-kata yang baik (saya lebih suka menyebutnya kata Emas), unik namun tetap baik, sehingga menarik pengunjung untuk membacanya.
  5. Submit postingan atau artikel anda ke situs-situs jejaring sosial. Ini penting agar setiap artikel yang dibuat bisa cepat diketahui orang-orang yang lalu lintas di situs-situs jejaring sosial tersebut.
  6. Rutinlah membuat artikel/memposting. Ini diasumsikan agar setiap pengunjung mendapatkan informasi segar setiap hari.
  7. Buatlah postingan atau artikel pondasi. Maksudnya ialah artikel yang tidak pernah basi meskipun sudah lama, misalnya: tutorial photoshop/coreldraw, tips-tips blogger, kecantikan, dan lain sebagainya. Ini dibutuhkan agar blog anda terus mendapatkan kunjungan rutin setiap hari.
Semoga Bermanfaat...

22 Juni 2012

Koleksi Tab Buku Tamu Blog




01. Ikon Berwarna Biru =
http://3.bp.blogspot.com/-aepRoXy6tn0/T7kXejKXZkI/AAAAAAAAAs8/mQcjjdCqHzY/s1600/bukutamu_aksfullshare.blogspot.com+%2810%29.png
02. Ikon Berwarna Merah Tua =
http://3.bp.blogspot.com/-1Sk0ecGdnck/T7kXhOlunDI/AAAAAAAAAtE/uFpR_YJBdcQ/s1600/bukutamu_aksfullshare.blogspot.com+%282%29.png
03. Ikon Berwarna Orange =
http://3.bp.blogspot.com/-uktvX_tVaC8/T7kXm5ExHwI/AAAAAAAAAtM/ASOp7sSCPMQ/s1600/bukutamu_aksfullshare.blogspot.com+%283%29.png
04. Ikon Berwarna Pink =
http://2.bp.blogspot.com/-x6vjelVwJzA/T7kXpCscUKI/AAAAAAAAAtU/0tngiCF-nAo/s1600/bukutamu_aksfullshare.blogspot.com+%284%29.png
05. Ikon Berwarna Merah =
http://2.bp.blogspot.com/-Umzw732z-KI/T7kXtcTgpTI/AAAAAAAAAtc/9r9sVcR-R2Y/s1600/bukutamu_aksfullshare.blogspot.com+%285%29.png
06. Ikon Berwarna Kuning =
http://2.bp.blogspot.com/-enAtP4H7wLo/T7kXw0Krs1I/AAAAAAAAAtk/mLLGN_Ifikk/s1600/bukutamu_aksfullshare.blogspot.com+%286%29.png
07. Ikon Berwarna Merah Hati =
http://2.bp.blogspot.com/-aBk_lQi-xIQ/T7kXz2xBaqI/AAAAAAAAAts/zEEnSsLXb0E/s1600/bukutamu_aksfullshare.blogspot.com+%287%29.png
08. Ikon Berwarna Ungu =
http://3.bp.blogspot.com/-SbP8KpWBS3Q/T7kX2Ga0_AI/AAAAAAAAAt0/NiJksDhqzx8/s1600/bukutamu_aksfullshare.blogspot.com+%288%29.png
09. Ikon Berwarna Biru Terong =
http://2.bp.blogspot.com/-6qW19n6GSow/T7kX9bl3G2I/AAAAAAAAAt8/5JXWAlzfs18/s1600/bukutamu_aksfullshare.blogspot.com+%289%29.png
10. Ikon Berwarna Hijau =
http://1.bp.blogspot.com/-hjP3gq-8t-U/T7kX_f2b8MI/AAAAAAAAAuE/DUdsboaZWBs/s1600/bukutamu_aksfullshare.blogspot.com.png

Semoga bermanfaat bro,,.. and sister hehehe

aWangg

Foto saya

Januari, 17 | Pemalang, Indonesia | Facebook: http://facebook.com/darmadi.anwar | Twitter: http://twitter.com/darmadi_anwar | Blog: http://awanggblog.blogspot.com | Reggae Musikku | Terus Berkarya, Pantang Menyerah