Selasa, 06 November 2012

BEBERAPA MACAM DESAIN BLOG


Cara Memasukan Musik/Lagu Ke Dalam Blog

Nah nhe artikel mungkin buat agan sekalian udah basi atau udah tau tapi saya hanya membuka lembaran baru dikit reques2 dari agan2 yang udah niat mampir ke blog agan ini ,,makasih yah,,ini caranya agak sedikit rumit saya juga dapat dari tetangga saya sebelah,dan saya pelajari bisa,maka saya coba share di sini,smga membantu,,,
saya cuma akan share memasukan lagu atau musik ke dalam blg agan yang ingin banget dengan artikel ini,,,,,,,langsung sajalah ya saya jelaskan cara-caranya :


Maaf agan harus buka situs web dibawah ini karna wajib banget,

http://ex-musik.blogspot.com

setelah anda buka anda akan dihadapkan dimana anda harus pilih lagu yang anda suka di blog tersebut. setelah anda menemukan lagu / musik mp3 yang anda suka maka sekarang anda tinggal mengcopy code HTML yang tersedia disamping musik / lagu tersebut.
lalu anda ke RANCANGAN atau LAYOUT anda pilih seperti biasa ADD GEDGET == > lalu HTML/JAVA SCRIPT nah anda copi pastekan HTML lagu td yg anda copy ke dalam ini,lalu anda SAVE/SIMPAN TEMPLATE....nah coba lihat blog anda balik,,,apakah ada perubahan,,musik yang anda incar apakah ada,,dan berjalan,,,,,,,,,,
nah,,hanya segitu yang bisa saya terangkan untuk selebihnya apabila anda kurang paham anda bisa tanyakan lagi kepada saya ok....di tunggu keberhasilannya.


Cara Membuat Colom Iklan Di Bawah Header

Maaf gan kalau artikel yang satu ini agak membingungkan agan-agan sekalian,tapi ane jelasin dhe,membuat iklan dengan ukuran 125x125 di bawah header atau menu di blogspot.Kita ingin nge-blog tapi hasilnya dapat duit, itulah keratifitasnya seorang blogger,kita bisa menawarkan tempat iklan bagi para advertiser untuk beriklan di Blog kita sehingga kita bisa memperoleh hasilnya dengan iklan tersebut. Dibawah ini cara-cara yang bakal akan saya beritahu,langsung saja gan ;::::::::


1.Biasa loggin ke blog anda
2.Pilih rancangan==>
3.Pilih edit html
carilah kode , ]]></b:skin> Setelah ketemu copy html di bawah ini lalu letakkan di atas code seblumnya tadi ::
#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}


setelah di letakkan dan udah selesai cari kembali kode <div id=main-wrapper> Setelah ketemu copy Html dibawah ini dan paste diatasnya kode tadi:



<div id='Banner-ads'>

<a hight='100' href='http://impianrelugais12.blogspot.com/' width='100'><img alt='ads' border='0' src='http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif'/></a>
<a hight='100' href='http://impianrelugais12.blogspot.com/' width='100'><img alt='ads' border='0' src='http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif'/></a>
<a hight='100' href='http://impianrelugais12.blogspot.com/' width='100'><img alt='ads' border='0' src='http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif'/></a>

</div>

Pemberitahuan yang perlu di perhatikan ":
Untuk menambah kolom tiggal kamu copy paste lagi kode diatas ini, sampai berjumlah yang kamu mau minimal 7 colom/kotak iklan, karena dalam kode diatas hanya untuk 3 kolom, Pada alamat blog (warna kuning) ganti dengan alamat blog kamu pada URL warna pink ganti dengan alamat gambar kamu. untuk membuat url gambar kamu bisa membuat di photobucket.com atau di picasa.
makasih,,,met mencoba....

Cara Membuat Script Iklan Melayang

Saya akan membahas di postingan kali ini tentang membuat script iklan melayang,cukup mudah kok,bagi agan yang dah tau bantu-bantu aja deh,tapi bagi awan yang ingin cba membuat iklan-iklan bisa di coba nhe gan,langsung saja yah ......:::::


1.Logginlah kedalam blog kalian dengan memasukan email dengan pasword yang udah biasanya di lakukan
2.Ketika sudah di tampilan dasbor pilih rancangan
3.lalu anda akan dihadapkan kdi elemen laman atau edit laman lalu anda pilih tambah gadget atau add gedget
4.lalu pilih Html/java script
5.Lalu anda masukan code html di bawah ini:

<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width:720px;
z-index:100;
padding:5px;
background-color: #050505;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:right;
color: #505050;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}
</style>


<script src="http://btuneup.googlecode.com/files/js_pop_up.js" type="text/javascript">
</script>

<script type="text/javascript">
var persistclose=0
var startX = 0
var startY = 0
var verticalpos="fromtop"
</script>
<div id="topbar">
<div align="right">
<span class="linkaiklanclose"><a href="http://www.blogger.com/post-edit.g?blogID=6621769477201114186&amp;postID=6069283719879543174#"><center>KLIK SAJA IKLANNYA 1x, PASTI HILANG
SEKALIAN DILIHAT, SIAPA TAHU ANDA BERMINAT</center></a></span></div>
<div ;="" onclick="closebar(1)" return="true">

MASUKAN SCRIPT IKLAN KALIAN DISINI!

</div>
</div>



Kalau udah di cpy letakan lh di tempat html /java script tadi,key
seandainya berhasil anda betul-betul rang yang mengerti blog,sandainya gk berhasil anda boleh koment di post kmentar d bawah,slamat mencoba

Tempat Mencari Template Buat Blog

Maaf gan saya baru mampir atau posting ke blog ini ge,,,,,saya terlalu sibuk kali yah,makasih banget yang udah setia kunjungi blog ane,oh y ini ad beberapa tempat situs untuk template-template blog yang mungkin bisa agan coba,langsung saja yah ::::: maaf cuma situs2nya saja,,,bukan templatenya :::

Nhe gan tempat download atau cari template buat blog,,tesst ja satu2,,,mna tw ad yg gan suka
1. http://freetemplates.blogspot.​com/
2. www.zoomtemplate.com/
3. http://blogtemplate4u.com/
4. http://template-godown.com/
5. http://template-bloggers.blogs​pot.com/
6. http://www.deluxetemplates.net​/
7. http://www.mytemplatebox.com/
8. http://www.wordpresstoblogger.​com/
9. http://www.finalsense.com/serv​ices/blog_templates/
10.http://btemplates.com/


Cara meletakkan Background Gambar Di Belakang Tulisan Pada Posting

Nah anda bisa lihat bukan pada artikel atau post kali ini,saya akan menerangkan cara memasukan foto kita sendiri kedalam belakang tulisan postingan seperti cntoh dalam artikel Mendesain Blogger diatas,tampak seperti cara di postingan saya kali ini,,,,saya tidak akan bertele-tele cukup gampang caranya,langsung saja ya...:::
1.Seperti biasa anda loggin kedalam blog anda
2.anda akan dihadapkan ke dasbor milik anda
3.Lalu anda pilih posting
4.Selanjutnya pilih entri mana yang akan anda kasih gambar,boleh baru atau yang udah ada postingannya.
5.Nah copy script di bawah ini

<div style="padding: 5px; background-image: url(http://alamat_gambar_anda.jpg); background-repeat: repeat; background-position: center;">

Tulis disini artikel yang akan di gunakan...

</div>

6.lalu paste kn kedalam postingan entri anda tersebut dan mengetijlah di dalam yang bacaan Tulis Disini terserah anda
7.lalu anda simpan template,,
8.Sekarang anda bisa lihat hasilnya,,,gimana apakah hasilnya memuaskan
saya tunggu koment anda yah,,,,


Cara Membuat Jendela Browser Bergerak Melingkar


Hemmmmmmm,,,met sehat selalu sobat sekalian,,,,ass sblum saya mulai buka acara ini....disini saya membuat artikel yang mungkin dibilang boleh dicoba buat blog karena begitu banyak yang penasaran tentang bagaimana memasang efek opening windows yang berputar mengelilingi layar saat pertama kali halaman blog terbuka, mau tau cara-caranya... kalau dibilang gampang sangat gampang sekali,,gak sama payahnya seperti masang benang di jarum jahit,,hehehehe
langsung saja ya saya beri tau kepada anda sekalian :

1. Masuk ke Account blogger anda ==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==>
2. Lalu Centang "EXPAND TEMPLATE WIDGET"
3. Dan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".Agar terjadi kesalahan anda tinggal meletakkannya kembali jha

Kemudian anda Copy kode dibawah ini :

<script type='text/javascript'>

/* Edited By : Andreas fafandreo on 28th October 2008 */
/* For support and information please e-mail to : aroel1833@yahoo.co.id */

//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)

}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>


lalu Paste kode tersebut tepat di bawah kode :
< head >

gak ada info khusus orang cukup mudah kok,,,pasti bisa,,,,met mencoba semua....

Tidak ada komentar:

Posting Komentar