membuat witdget copy artikel tercopas

Jika anda ingin berbagi artikel dengan pengunjung blog sama persis seperti postingan yang anda miliki. Anda dapat menerapkan tips ini pada blog anda.
Widget ini ditempatkan dibawah setiap postingan artikel sehingga penampilannya tidak merusak tampilan halaman muka (beranda) blog anda dan jika tombol yang tampil (Blog This) di klik oleh pengunjung, akan langsung dibawa pada entri blognya masing-masing.
Simak caranya ...!!

1. Masuk ke Blogger.
2. Pilih Rancangan bagian Edit HTML.
3. Backup dulu template anda, jika takut gagal.
4. Kasih tanda cek pada kota Expand Template Widget.
5. Cari kode <data:post.body/> pada template anda.
6. Copy kode dibawah ni kemudian paste tepat dibawah kode <data:post.body/>. Jika kode <data:post.body/> ada dua buah, coba anda pilih yang kedua (yang bawah).
   
   
   
   <div style='text-align: center;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/> <br/>
Copy artikel ini,
untuk mendapat backlink ke blog ini
<form action='http://www.blogger.com/blog-this.g' method='post' target='_blank'>
<textarea cols='45' name='t' onclick='select()' readonly='readonly' rows='5'>
<data:post.body/> <br/> Sumber Asli:
<a expr:href='data:post.url'>
<data:blog.title/>
</a>
</textarea> <br/>
<input expr:value='data:post.url' name='u' type='hidden'/>
<input expr:value='data:post.title' name='n' type='hidden'/>
<input type='submit' value='Blog This!'/>
</form>
</b:if>
</div>
   
   
   Kalimat yang berwarna hijau dapat anda ganti dengan yang diinginkan


7. Klik tombol Simpan Template.
8. Lihat salah satu postingan blog anda untuk melihat hasilnya.

Read More

judul berubah warna di sorot mouse anda tercopas

Untuk memahami judul post ini, coba anda arahkan mouse ke atas judul post. Anda akan melihat perubahan warna latar belakang (background) judul post yang semula biru tua berubah menjadi biru agak kehitaman. Perubahan itu dikarenakan penambahan kode a hover pada bagian judul post (h3).
Blog anda juga bisa dibuat seperti penampilan EPG Studio, tentunya dengan warna lain yang anda sukai
Anda langsung saja ke langkah-langkahnya :

• Masuk ke Blogger dengan ID anda.
• Pilih Rancangan, kemudian kilk Edit HTML.
• Back up dulu template anda kalau takut gagal.
• Cari kode dibawah ini :
  
  
  .post h3 {
margin:.25em 0 0;
padding:4px 4px 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
background:#0066CC;
border:0px solid #C3D9FF;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:bold;
}


• Copy kode dibawah ini kemudian paste tepat dibawah kode yang berwarna merah
  
  
  .post h3 strong, .post h3 a:hover {
color:$textcolor;
background:#003366;



• Ganti kode warna yang berwarna merah dengan kode warna yang anda sukai
• Klik tombol Simpan Template.
• Lihat blog anda sekarang.

Read More

mengganti bacground dengan image bisa mencopas

Penampilan warna dari background blog dapat kita ubah sesuai dengan warna yang kita inginkan. Hanya saja perubahan background itu jangan sampai tulisan pada blog menjadi sulit dibaca oleh pengunjung.
Selain pengantian warna, background juga dapat anda ganti dengan image. Tentu saja image tersebut merupakan image yang anda sukai dan cocok untuk warna latar blog anda.
Caranya mudah karena kode yang diubah sangat sederhana.
Ikuti langkah-langkahnya :
Mengganti warna Background

1. Sign ke Blogger.
2. Pilih Rancangan.
3. Pilih Edit HTML.
4. Back up dulu templatenya.
5. Cari kode seperti dibawah ini :
   
   
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
   
   Gantilah kode yang berwarna kuning dengan kode warna yang anda inginkan. Misalnya warna biru tua (dipakai backgroud EPG Studio) kodenya : #000033.
6. Kode diatas setelah dimasukan kode warna akan menjadi seperti ini.
   
body {
background:#000033;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


7. Klik tomol Simpan Template...Lihat blog anda sekarang.

Mengganti Background dengan Image.

Pertama, anda harus memiliki sebuah image yang akan dijadikan background blog anda. Ubah ukuran gambar menjadi besar (lebar=1704 pixel dan tingginya=886 pixel)
Uploadlah gambar tersebut ke tempat penyimpanan image. Copylah URL dari image tersebut.
Misalnya : http://img268.imageshack.us/img268/6805/bodybgiq.jpg


URL gambar diatas penampilannya seperti ini :





Setelah anda memiliki URL image, kembali pada langkah seperti cara diatas hingga sampai pada kode ini.

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Tambahkan alamat URL tadi diujung kode yang berwarna putih. Jadinya seperti ini :

body {
background:#FFFFFF url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Gambar yang ditampilkan pada tips ini walaupun satu gambar akan memenuhi latar blog anda dengan syarat ukuran gambar harus besar (1704 pixel X 885 pixel)
Klik tombol Simpan Template..lihat perubahan blog anda.

Read More

bacgroun berganti warna setiap loading pas di copas

Penampilan blog dengan warna background yang sama mungkin akan membosankan. Untuk itu post ini merupakan alternatif lain untuk mengganti warna background blog yang berganti setiap kali loading.
Trik ini dapat juga anda tampilkan pada blog anda dengan mengikuti langkah-langkah dibawah ini :

1. Masuk ke Blogger dengan ID anda


2. Pilih Elemen Halaman


3. Pilih Edit HTML


4. Cari kode </body> pada template blog anda

Copy script dibawah ini, kemudian paste diatas kode tadi


<script>

/*Random background color*/

//Enter list of bgcolors:
var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00")

document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</script>

Gantilah kode warna pada script diatas dengan warna kesukaan anda.


5. Klik tombol Simpan Template


6. Lihat Blog anda sekarang, kemudian refresh kembali untuk melihat perubahan warna background

Read More

background pelangi

Penampilan background dapat anda ganti dengan warna yang selalu silih berganti. dengan berbagai warna.
Background Pelangi ini, penerapannya pada blog harus meminta bantuan pada situs yang dapat mengubah kode HTML menjadi kode yang dapat diterima oleh template Blogspot. Misalnya Centricle.com

Ikuti langkah-langkahnya :

LANGKAH PERTAMA

1. Copy kode dibawah ini
   
   
   
   <script language="JavaScript">
<!--
//you can assign the initial color of the background here
r=255;
g=255;
b=255;
flag=0;
t=new Array;
o=new Array;
d=new Array;

function hex(a,c)
{
t[a]=Math.floor(c/16)
o[a]=c%16
switch (t[a])
{
case 10:
t[a]='A';
break;
case 11:
t[a]='B';
break;
case 12:
t[a]='C';
break;
case 13:
t[a]='D';
break;
case 14:
t[a]='E';
break;
case 15:
t[a]='F';
break;
default:
break;
}
switch (o[a])
{
case 10:
o[a]='A';
break;
case 11:
o[a]='B';
break;
case 12:
o[a]='C';
break;
case 13:
o[a]='D';
break;
case 14:
o[a]='E';
break;
case 15:
o[a]='F';
break;
default:
break;
}
}

function ran(a,c)
{
if ((Math.random()>2/3||c==0)&&c<255)
{
c++
d[a]=2;
}
else
{
if ((Math.random()<=1/2||c==255)&&c>0)
{
c--
d[a]=1;
}
else d[a]=0;
}
return c
}
function do_it(a,c)
{
if ((d[a]==2&&c<255)||c==0)
{
c++
d[a]=2
}
else
if ((d[a]==1&&c>0)||c==255)
{
c--;
d[a]=1;
}
if (a==3)
{
if (d[1]==0&&d[2]==0&&d[3]==0)
flag=1
}
return c
}
function disco()
{
if (flag==0)
{
r=ran(1, r);
g=ran(2, g);
b=ran(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag=50
}
else
{
r=do_it(1, r)
g=do_it(2,g)
b=do_it(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}

setTimeout('disco()',50)
}
//-->
</script>


2. Buka Centricle.com


3. Paste kode yang anda copy tadi pada kolom yang tersedia


4. Klik tombol Encode, tunggu sampai prosesnya selesai


5. Copy hasil Encode tadi untuk dimasukan ke blog anda
   
   Cara memasukan kode pada blog :


1. Masuk ke Blogger dengan ID anda
2. Pilih Tata Letak


3. Pilih Edit Html


4. Backup dulu template anda jika takut gagal


5. Paste kode dari hasil Encode tadi tepat diatas kode </head> pada template blog anda

LANGKAH KEDUA

1. Masih pada Edit HTML


2. Cari kode <body> pada template anda


3. Copy kode dibawah ini kemudian paste dibawah kode <body>

<body onload="disco()"/>


4. Klik tombol Simpan Template


5. Lihat blog anda sekarang

Read More

membuat tobol mengganti bacground image copas ah

Coba anda klik salah satu warna untuk mengganti background image. Jika hasilnya belum tampil, ada kemungkinan komeksi internetnya kurang baik atau ada gangguan loading dari stus tempat menyimpan gambar> Coba anda tunggu beberapa saat untuk melihat hasilnya.

1

2

3

4

5

6

7

8

Cara membuatnya tidak terlalu sulit, anda hanya memerlukan beberapa image/gambar yang ukurannya telah diatur dengan lebar 1704 pixel dan tingginya 886 pixel (bisa di resize dengan menggunakan Adobe Photoshop). Ukuran tersebut akan muncul penuh pada backgroud blog. Setelah memiliki beberapa gambar yang akan dijadikan background blog, berikutnya anda upload ambar-gambar tersebut pada hosting penyimpanan gambar seperti Photobucket, Imageshack atau lainnya.

Kode yang digunaan seperti dibawah ini :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="15px" border="1px">
<tbody><tr style="text-align: center;font-weight:bold; color:yellow;">
<td onclick="bgChange('url(http://img84.imageshack.us/img84/2685/bg6d.jpg) repeat-x fixed top center')" bgcolor="#2E0000">1</td>
</tr>
</tbody></table>

Keterangan :

1. style="text-align: center;font-weight:bold; color:yellow; merupakan kode untuk penampilan tulisan (dalam contoh berupa nomor urut). Pengaturan tersebut menunjukan bahwa hurufnya tebal, warna kuning dan terletak ditengah.
2. http://img84.imageshack.us/img84/2685/bg6d.jpg merupakan alamat/url gambar yang akan tampil jika diklik, Dapat anda gati dengan alamat/url gambar milik anda.
3. bgcolor="#2E0000 merupakan warna yang tampil pada tombol. Dapat anda ganti dengan kode warna pilihan anda.
4. 1 merupakan tulisan yang tampil pada tombol warna

Kode diatas akan tampil seperti ini :

1

Jika anda ingin menampilkan background lebih dari satu tinggal menambahkan kode seperti dibawah ini :

<td onclick="bgChange('url(http://img36.imageshack.us/img36/9214/44128720.jpg) repeat-x fixed top center')" bgcolor="#6AA366">Image2</td>

Kemudian gabungkan dengan kode diatas tadi, sehingga susunanya seperti ini :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="15px" border="1px">
<tbody><tr style="text-align: center;font-weight:bold; ">
<td onclick="bgChange('url(http://img84.imageshack.us/img84/2685/bg6d.jpg) repeat-x fixed top center')" bgcolor="#2E0000">1</td>
<td onclick="bgChange('url(http://img36.imageshack.us/img36/9214/44128720.jpg) repeat-x fixed top center')" bgcolor="#6AA366">Image2</td>
</tr>
</tbody></table>

Jadinya akan seperti ini :

1

2

Silahkan anda tambah kode untuk menampilkan background sebanyak yang anda suka.
Atau jika masih belum paham dengan uraian diatas, coba anda copas kode dibawah ini (Kode yang digunakan seperti pada demo diatas.

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script><table width="100%" height="15px" border="1px">
<tbody><tr style="text-align: center;font-weight:bold; color:yellow;">
<td onclick="bgChange('url(http://img84.imageshack.us/img84/2685/bg6d.jpg) repeat-x fixed top center')" bgcolor="#2E0000">1</td>
<td onclick="bgChange('url(http://img26.imageshack.us/img26/8659/bg1sj.jpg) repeat-x fixed top center')" bgcolor="#570000"> 2</td>
<td onclick="bgChange('url(http://img51.imageshack.us/img51/3595/bg7qh.jpg) repeat-x fixed top center')" bgcolor="#141543">3</td>
<td onclick="bgChange('url(http://img23.imageshack.us/img23/5633/55364836.jpg) repeat-x fixed top center')" bgcolor="#434351">4</td>
<td onclick="bgChange('url(http://img3.imageshack.us/img3/6030/img36a.jpg) repeat-x fixed top center')" bgcolor="#154511">5</td>
<td onclick="bgChange('url(http://img36.imageshack.us/img36/9214/44128720.jpg) repeat-x fixed top center')" bgcolor="#6AA366">6</td>
<td onclick="bgChange('url(http://img251.imageshack.us/img251/7420/bg3ow.jpg) repeat-x fixed top center')" bgcolor="#423215">7</td>
<td onclick="bgChange('url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg) repeat-x fixed top center')" bgcolor="#88672B">8</td>
</tr>
</tbody></table>

Ganti alamat/url gambar pada kode diatas dengan alamat/url milik anda

Read More

membuat warna bekground transparan tercopas juga

Asesoris blog yang satu ini dikhususkan bagi anda yang memiliki blog dengan latar belakang berupa image.
Secara umum latar belakang image hanya tampil sebagian karena tertutup oleh warna latar dari outer wapper, main wrapper dan sidebar wrapper. Untuk mengatasi masalah tersebut anda harus sedikit menyamarkan latar yang menghalangi background berupa gambar tadi.
Bisa juga dilakukan dengan menghapus warna latar belakang dari outer wapper, main wrapper dan sidebar wrapper, tapi hasilnya artilkel/postingan blog anda akan menjadi kurang jelas karena bersatu dengan gambar latar.
Tutorial ini merupakan salah satu solusi bagi anda untuk menampilkan bayangan latar berupa gambar tetapi tidak terlalu mengganggu bagian lainnya dari blog.

Jika anda tertarik untuk menampilkannya, ikuti langkah-langkahnya :

1. Masuk ke Blogger.
2. Masuk ke Rancangan bagian Edit HTML.
3. Cari kode seperti dibawah ini :
   
   
   #outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
background:black;
}


4. Tambahkan kode dibawah ini yang diletakkan dibawah kode diatas
   
   
   filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.8;
-khtml-opacity: 0.0;


5. Jika digabungkan kodenya akan menjadi seperti dibawah ini :
   
   
   #outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
background:black;
filter: alpha(opacity=100);
-moz-opacity: 1.8;
opacity: 0.8;
-khtml-opacity: 0.0;
}
6. Angka berwarna kuning merupakan ukuran yang digunakan oleh blog ini .Silakan anda ubah angka-angka tersebut. Semakin kecil angkanya, akan semakin semakin samar bagian outer wrapper blog anda.
7. Klik tombol Simpan Template.
8. Lihat perubahan blog anda.

Trik ini dapat juga anda terapka pada bagian lainnya dari blog anda.

Read More

mengganti becgroun dengan gradient memang kucopas

Salah satu daya tarik dari penampilan sebuah blog adalah menggunakan template dengan tata warna yang menarik, sehingga para pengunjung blog akan merasa kagum dengan kecantikan tampilan blog anda.
Solusi untuk menuju kearah itu sangat beragam tergantung kemampuan dari pemilik blog dalam memahami kode-kode pada template blog masing-masing.
Sesuai dengan judul post, tutorial kali ini akan memandu anda untuk menampilkan bacground blog dengan gradiend image.
Untuk membuat gradient image, anda dapat menggunakan fasilitas layanan dari DynamicDrive. Dari layanan tersebut, anda dapat membuat image gradient yang menarik dalam berbagai warna yang anda sukai. Sebagai contoh coba anda perhatikan image gradient dibawah ini :



LANGKAH PERTAMA:

1. Klik tombol dibawah ini untuk mengunjungi Gradient Image Maker dari Dynamicdrive.com
   
   



2. Setelah berada pada situs tersebut, silahkan anda membuat gradient image dengan gaya, warna dan ukuran sesuai dengan keinginan.
   
   1. Pilih style : Select Gradient Type:
   2. Pilih Ukuran : Gradient Width: dan Gradient Height:
   3. Pilih Warna : Top Color : dan Bootom Color :
   4. Pilih Format gambar : JPEG dan PNG
   5. Untuk background blog sebaiknya anda memilih ukuran : Gradient Width:10 dan Gradient Height:800 agar gambar tesebut memenuhi latar blog anda
      
      Agar lebih jelas perhatikan gambar di bawah ini
      
      
   
   
   
   6. Scroll sedikit kebagian bawah untuk melihat hasil gradient image yang anda buat. Klik tombol Get full size image (terbuka di tab baru), kemudian simpan gambar tersebut pada komputer anda. Perhatikan gambar :
      
      
3. Hasilnya seperti dibawah ini
   
   


4. Upload gambar tersebut pada hosting penyimpanan gambar seperti : Photobucket, Imageshack atau tempat lain yabg biasa anda gunakan.
5. Copy alamat gambarnya kemudian simpan pada note pad

CARA MEMASUKAN KEDALAM BLOG

1. Masuk ke Blogger
2. Pilih Rancangan bagian Edit HTML
3. Cari kode seperti ini :
   
   body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}



4. Ganti kode yang berwarna kuning sehingga menjadi seperti dibawah ini
   
   body {
background: url(http://lh5.ggpht.com/_7Y9pl24WpQY/S0C5snca_2I/AAAAAAAACoo/9eZ3Rd5PIOE/gradasi%203_thumb%5B4%5D.jpg?imgmax=800) repeat-x fixed;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}



5. Kode berwarna kuning merupakan kode untuk menampilkan gradient image. Ganti alamatgambar diatas http://lh5.ggpht.com/_7Y9pl24WpQY/S0C5snca_2I/AAAAAAAACoo/9eZ3Rd5PIOE/gradasi%203_thumb%5B4%5D.jpg dengan alamat gambar kepunyaan anda
6. Klik tombol Simpan
7. Lihat background blog anda.

Read More

mengganti backgroun image dengantextur image yang kucopas

Tips ini terbilang kuno dan ketinggalan jaman dan telah banyak Tutorial Blogger yang menampilkan tips seperti ini.
Namun jika hasilnya sesuai dengan apa yang diinginkan, tips ini akan tetap menjadi pilihan para peblogger yang ingin menampilkan latar belakang blognya dengan texture image.
Walaupun gambar texture umumnya berukuran kecil, tetap akan memenuhi seluruh backround blog dan akan menjadikan loading blog menjadi lebih ringan.
Beberapa contoh texture image yang diambil dari MS Word 2003 dan hasil copas dari blog lain.



CARA MENGGANTI BACKGROUND BLOG DENGAN TEXTURE IMAGE

LANGKAH PERTAMA :

1. Siapkan sebuah texture image. Disarankan ukurannya jangan terlalu besar, misalnya width 100px dan height 100px.
2. Upload image tersebut pada hosting penyimpanan gambar seperti Web Picasa, Photobucket, Imageshack atau hosting lainnya yang biasa anda jadikan tempat penyimpanan image.
3. Copy alamat gambar yang anda upload tadi kemudian simpan pada note pad.
   Alamat gambar misalnya seperti :
   
   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiovyJPSz8vVJozfbjAnSt3L0n90r7Mr4Aq_xsMklN_5CGLgk2RrotCOjTLUejxXDh9mwKvB-eGEoBlpDf4B2fEWeml9iHyYz89U4Qr_-6V6veuH0hboW5WGgta35GGXNCakbf2coVG4u2U/s512/texture6.jpg

LANGKAH KEDUA

1. Masuk ke Blogger
2. Pilih Rancangan bagian Edit HTML.
3. Cari kode seperti dibawah ini
   
   body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}



4. Ganti kode yang berwarna kuning dengan kode yang telah ditambahkan kode untuk menampilkan background blog berupa image. Secara lengkap, tampilan kodenya akan menjadi seperti ini :
   
   body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiovyJPSz8vVJozfbjAnSt3L0n90r7Mr4Aq_xsMklN_5CGLgk2RrotCOjTLUejxXDh9mwKvB-eGEoBlpDf4B2fEWeml9iHyYz89U4Qr_-6V6veuH0hboW5WGgta35GGXNCakbf2coVG4u2U/s512/texture6.jpg);
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


5. Ganti alamat gambar diatas https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiovyJPSz8vVJozfbjAnSt3L0n90r7Mr4Aq_xsMklN_5CGLgk2RrotCOjTLUejxXDh9mwKvB-eGEoBlpDf4B2fEWeml9iHyYz89U4Qr_-6V6veuH0hboW5WGgta35GGXNCakbf2coVG4u2U/s512/texture6.jpg dengan alamat gambar milik anda yang tadi disimpan pada note pad.
6. Klik tombol Simpan.
7. Lihat background blog anda sekarang.

Read More

mengganti beckground postingan dengan image kucopas

Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda dapat mengganti background post dengan image yang tentu harus disesuaikan dengan warna huruf pada postingan agar kehadiran image sebagai background tidak mengganggu tampilan huruf.
Sebagai contoh, Coba perhatikan background postingan yang digunakan Tutorial Blogger EPG Studio (Mudah-mudahan ketika anda membaca artikel ini background postingan berupa image belum diganti)

LANGKAH-LANGKAHNYA

PERTAMA

1. Siapkan sebuah image yang ukurannya telah disesuaikan dengan lebar postingan blog anda serta memiliki tinggi minimal 800 px lebar 1700px. Gunakan Adobe Photoshop atau aplikasi lainnya untuk me-resize image.
2. Upload image tersebut ke hosting penyimpanan image seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.
3. Copy Url/alamat gambar yang anda upload tadi. Simpan dulu pada note pad.

KEDUA

1. Masuk ke Blogger
2. Klik Tab Rancangan bagian Edit HTML
3. Cari kode seperti dibawah ini pada template blog anda
   
   .post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}



4. Tambahkan kode untuk background seperti ini :
   
   background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;



5. Gabungkan kedua kode diatas sehingga menjadi seperti ini :
   
   .post {
background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}



6. Kode yang berwarna kuning http://img268.imageshack.us/img268/6805/bodybgiq.jpg merupakan Url/alamat image yang akan tampil sebagai background postingan. Ganti alamat gambar tersebut dengan alamat gambar yang anda upload tadi (yang disimpan pada note pad)
7. Klik tombol Simpan
8. Lihat background postingan anda sekarang.

Read More

pasang musik scam player di blog kucopas

Music Player yang satu ini dapat ditampilkan pada blog tanpa mengganggu tampilan blog secara keseluruhan. Hanya dengan menampilkan Musik Player ini akan menggangu tampilan judul blog. Maksudnya, walaupun telah diatur judul blog akan berganti dengan judul postingan, jika dipasang Music Player ini yang tampil hanya judul/title blog.
Kelemahan lainnya, music Player ini tidak dapat menerima seluruh alamat/url MP3, terutama dari hosting gratisan seperti Ziddu.com maupun 4shared.com.
Sementara ini, admin menggunakan file mp3 yang disimpan pada Google site yang ternyata dapat berfungsi dengan baik.
Bagi anda yang ingin menampilkan Music Player dari SCM MusicPlayer dan tidak memiliki URL/alamat MP3 yang dapat diterima oleh SCM Music Player, terlebih dahulu anda harus menyimpan file MP3 ke Google Site. Caranya buka UPLOAD FILE JS DI GOOGLE SITES
Setelah memiliki file MP3 yang disimpan pada Google Site, ikuti tips berikut ini :

1. Buka Situs SCM Music Player
2. Pada halaman awal anda dapat memilih skin/tampilan dari Music Player.
   
   
   
   
   
   Klik tombol Next setelah memilih skin.


3. Halaman selanjutnya anda diminta untuk memasukkan judul lagu berta URL/alamat lagu pada format yang tersedia.
   
   
   
   
   
   Anda dapat memasukkan lagu dengan jumlah sesuai koleksi file MP3 yang anda miliki (tidak dibatasi)
   Klik tombol Next setelah anda selesai memasukkan judul dan URL lagu yang ingin ditampilkan.


4. Pada langkah ketiga, anda dapat mengatur penampilan Music Player sesuai keinginan.
   
   1. Auto Start, pilih yes agar begitu blog dibuka musik akan langsung bermain.
   2. Shuffle Playback boleh anda pilih yes atau no
   3. Default Volume, pilih volume berapa yang anda inginkan.
   4. Placement of Player Bar, anda pilih sesuai letak yang diinginkan untuk menampilkan . Sebaiknya pilih bottom agar tidak terlalu menggangu tampilan blog.
   5. Show Playlist by Devault : pilih no. Jika anda memilih yes akan mengganggu tampilan blog.
   6. Setelah selesai dengan pengaturan diatas, klik tombol Done.
      


5. Langkah terakhir, silahkan anda copy script untuk menampilkan Musik Player, kemudian masukkan pada blog anda.
   

CARA MEMASUKKAN MUSIC PLAYER DARI SCM KEDALAM BLOG

1. Masuk Dasbor blog anda.
2. Pilih Rancangan - Elemen Halaman.
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukkan script yang anda copy tadi pada kolom yang tersedia
6. Simpan.

Read More