Chord Guitar, Musik, Cara Mendesain Blog: Cara Mendesain Blog

Disini Saya akan menjelaskan semua apa saja untuk dapat mempercantik blog anda dengan cara mendesainnya sendiri.

Bagi Anda yang telah memiliki sebuah blog tapi bingung bagaimana untuk mendesain atau mempercantiknya maka tempat anda mencari adalah di blog impian relugais12 inilah.
Dalam perlombaan mendesain sebuah blog adalah hal utama yang harus anda ketahui cara mendisain blog yang benar dan tepat,
Maka saya akan memberikan beberapa cara,memberikan sebuah solusi,semua cara mendesainnya agar anda tidak perlu susah-susah mencarinya lagi.saya akan memberikan semua apa yang saya tahu dengan tampa pamrih,/ikhlas......
Saya akan menerangkat sedikit apa itu blog....."Blogger adalah sebutan bagi orang yang menulis di blog tersebut. Ada yang menulisnya dengan dobel g, blogger, ada juga yang menulisnya dengan hanya satu g, bloger. Keduanya punya arti yang sama. Syarat seseorang bisa menjadi blogger hanya satu: bisa menulis! Soal teknologi untuk blogging, ada berbagai banyak pilihan di internet, dan banyak layanan yang menyediakan tempat menulis blog secara gratis, seperti wordpress dan blogspot.

Ada pakar “telematika” yang mengira blogger itu punya kemampuan teknis yang lebih, dan bahkan menyamakan blogger dengan hacker. Ini tentu saja hanya menunjukkan betapa tidak pantasnya orang tersebut disebut sebagai pakar, karena kemampuan utama blogger itu hanyalah menulis. Nah, dalam komunitas blogger yang semuanya adalah penulis, ada beberapa yang memang punya kemampuan teknis lebih, ada beberapa yang lebih suka menulis karya seni, ada beberapa yang suka menulis dengan gaya jurnalis, dan seterusnya; tapi adalah salah besar menganggap blogger itu punya kemampuan teknis di atas rata-rata. Jadi makin lebih memalukan lagi ketika pakar yang sama mengatakan blogger seharusnya bertindak bersama-sama mencegah para “hacker” melakukan perusakan situs.

Singkatnya, blogger adalah manusia biasa, dengan kemampuan rata-rata, dengan satu pembeda: suka menulis. Jangan percaya perkataan bahwa blogger itu jagoan soal teknis, blogger itu hacker, itu hanya menunjukkan orang tersebut sebenarnya tidak tahu apa itu blogger".

Saya tidak akan bertele-tele lagi tentang pembahasan kita.
dibawah ini semua cara untuk agar mendesain blog anda...
dan sebagianya ad pada di samping postingan dengan link yang udah saya sediakan.

Cara Membuat Jendela Browser Bergerak Melingkar

Assalamuallikum Wr. Wb. seblum saya mulai buka bagian 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 >

Selamat Mencoba

Cara meletakkan Background Gambar Di Belakang Tulisan Pada PostingNah 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 Kolom Iklan Di Bawah Kolom Header

Maaf kalau artikel yang satu ini agak membingungkan teman - teman sekalian,tapi saya jelasin deh.....,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

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:

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.

Selamat 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&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, seandainya berhasil anda betul-betul rang yang mengerti blog,sandainya gk berhasil anda boleh koment di post kmentar d bawah,

Selamat 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.blogspot.com/
6. http://www.deluxetemplates.net/
7. http://www.mytemplatebox.com/
8. http://www.wordpresstoblogger.com/
9. http://www.finalsense.com/services/blog_templates/
10.http://btemplates.com/

Selamat Mencoba......

Cara Membuat Gedget Atau Sidebar Kanan Dan Kiri

Cara membuat gadget atau sidebar pada blog gak susah kok,emang shi saya gak pakai sidebar kiri kanan,tp kalian mencoba mngkin malah lebih bagus hasilnya.
Nah kali ini impian relugais12 akan memberikan sebuah trik,atau disebut cara membuat sidebar dua kolom.
mari sekarang saya tambahkan kode ul / ul li agar terdapat icon.
Bagi yang pernah menggunakan trick ini bisa diperbarui dengan menambahkan kode yang tersedia.
Perlu dicatat pada blog mempunyai variasi tersendiri dalam peletakkan kode HTML. Jadi harap diperhatikan.Langsung saja yah,,,nhe saya berikan cara dan langkah-langkahnya:

1. Login ke account blog anda.

2. Pilih Tata Letak atau rancangan kemudian pilih Edit HTML.

3. Beri tanda centang pada Expand Widget Templates.

4. Cari kode berikut ini atau sejenisnya. (yang penting tulisan bewarna merah)

#sidebar-wrapper {
float: right;
width: 350px;
margin: 20px 15px auto 0;
padding: 0 0 10px;
display: inline;
text-align:justify;
border:1px dashed #ceceae;
}

5. Kemudian kopi paste kode dibawah ini tepat diatas kode #sidebar-wrapper {

#newsidebar-wrapper {
width: 200px;
float: left;
padding-left:8px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
border:1px dashed #ceceae;
padding-left:10px;
padding-right:10px;
}

#newsidebar-wrapper ul{padding:0; margin:0; color:#333}

#newsidebar-wrapper ul li{ background:url('http://i792.photobucket.com/albums/yy201/elang-antarnusa_99/folder.jpg') no-repeat; list-style-type:none; margin:0 0 10px; padding:0 0 10px 20px; border-bottom:1px dashed #CCCCCC; }

#newsidebar-wrapper li{ background:url('http://i792.photobucket.com/albums/yy201/elang-antarnusa_99/folder.jpg') no-repeat; list-style-type: none; margin: 0 0 10px; padding-left: 20px; }

#newsidebar-wrapper ul li a:hover {
background: #B1ACB1;}

Keterangan kode :
width untuk ukuran lebar sidebar
float untuk letak sidebar
padding untuk jarak sidebar
border untuk garis
tulisan bewarna orange mudah adalah update yang telah saya tambahkan untuk variasi icon

6. Cari kode (Fokus yang bewarna merah)

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
.....................................
.....................................
.....................................
</b:section>
</div>

titik-titik adalah isi pada lanjutan kodenya. Tidak begitu penting

7. Copy paste kode dibawah ini tepat diatas kode <div id='main-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='newsidebar' id='newsidebar' preferred='yes'></b:section>
</div>

8. Simpan Templates. Lihat hasilnya. Akan muncul tambahan Widget bila dilihat di Tata Letak>>Elemen Laman

Bagi yang pertama kali mengikuti trick ini, untuk tulisan bewarna orange mudah diabaikan
Lihatlah perbedaannya,selamat mencoba
kalau anda kurang mengerti boleh kok koment agar saya bisa memperbaruhinya..
Jangan Lupa Follow

Cara Merubah Menu Pada Bagian Hearder

Cara mengganti menu kita sendiri yang seperti sobat sekalian pernah lihat,atau mungkin juga di blog anda sekalian,seperti contohnya,di bagian atas header,atau dibawah header yang kadang bertuliskan home,post Rss,comment rss,tau semacamnya......nah bisa anda menggantinya menjadi seperti,beranda,,,facebook,,,youtube,,,tau sebagainya..gampang kok,,,masih ada yang belum ngerti yang saya maksudkan.............
nah coba sobat sekalian lihat di bawah header saya,,apa yang anda lihat,,,ada tulisan beranda,facebook,youtube,download lagu,novel online,dan komputer iakan,,,itu yang saya maksudkan,,,,anda pun bisa menggantinya dengan apa yang anda inginkan......
mau tau caranya seperti apa,,,nah langsung saja ya...simak cara-cara berikut ini:

1.Buka akun blog anda.
2.Ketika telah dibuka maka langsung jha pilih dashbor-->rancangan/tata letak
3.Pilih edit html,,,,
4.Lalu anda cari script singkat tersebut < li >

agar cara mudahnya anda bisa menekan ctrl+f maka masukkanlah script tersebut didalamnya.
5.Maka anda akan menemukan script seperti ini,yang hampir sama seperti ini
< li > < a expr : href =' data: blog. homepageUrl ' title=' Home '> < b > Home< /b> < /a> < /li >
6.Jika telah ketemu maka anda bisa mengubahnya sesuai yang anda mau seperti contohnya....dari script diatas
anda bisa mengubahnya menjadi seperti contoh:
< li > < b > facebook < /b > < /li >
7.Ketika selesai anda simpan template dan coba buka blog anda,,apakah ada yang berubah,,,
jika ia maka anda berhasil,tp jika blum berusaha trus saya nyakin pasti bisa kok.

Catatan:

< li> < a expr: href= " data:blog.homepageUrl " title=" Home"> < b>Home < /b> < /a> < /li>

Penjelasan pada bagian script diatas yang bertulis 'data:blog.homepageUrl' = itu anda ganti dengan url situs atau http yang anda ingin masukkan,,,,
Lalu pada bagian yang bacaan nya home anda isi dengan apa yang anda ingin buat,,contohnya td anda bisa buat facebook,sesuai dengan http,atau situs yang anda buat tadi....
yang lainnya juga bisa digantti kok,,,coba jha...
selamat mencoba ya.....good luck
jangan segan2,,,berkomentar untuk bertanya apa yang anda tidak tau,,saya selalu ada kok..

Cara Membuat Tulisan Berjalan

Hari kamis yang agak mendung, semoga liburan 4 hari ini tidak ada hujan ya, karena biasanya malam minggu di daerah Ciputat itu hujan meskipun gerimis. Kali ini saya akan share pada Anda sekalian bagaimana cara membuat teks berjalan atau biasa di sebut teks marquee. Contohnya bisa Anda lihat di blog saya ini ada teks berjalan yaitu tulisan Selamat Datang..dst. Sebenarnya bagaimana cara membuatnya ?

Sebenarnya cara membuatnya itu gampang sekali, yang penting Anda tahu dasar-dasarnya. Langsung saja inilah kode/script yang perlu Anda gunakan untuk membuat teks berjalan/marquee:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="8"
direction="left"> LETAK TEKS/BANNER </marquee>

Itulah kode/script yang perlu Anda pasang untuk membuat teks berjalan, kode tersebut juga berlaku untuk banner. Anda bisa pasang kode tersebut di blog ataupun di website sesuai keperluan Anda. Berikut ini keterangan yang perlu Anda ketahui sebagai dasar-dasarnya:

-scrollamount: jumlah kecepatan teks berjalan, semakin banyak maka semakin cepat.
-direction: arah teks berjalan, bisa ke kiri, ke kanan, ke atas ataupun ke bawah.

Jangan Lupa Di Follow hehehehehehehehe………..

Cara Membuat Tulisan Warna - Warni

Cara Membuat Tulisan Warna-Warni di blog, salah satu cara untuk mempercantik blog shobat dengan trik sederhana. bentuk tampilannya adalah berupa tulisan d blog shobat menjadi warna-warni seperti pelangi.

Cara Membuat Tulisan Warna-Warni di blog sangat mudah, disini ada 2 opsi yang dapat shobat terapkan, sesuai selera shobat tentunya. sebagai berikut:\

1. Total. silahkan copy paste kode HTML di bawah ini, dengan meletakkannya di widget/gadget blog ahobat. tak perlu dikasih nama. lalu simpan

<script

src="http://sites.google.com/site/copycatgroup/Home/jsfile/rainbowtext.js">

</script>

2. Sebagian. maksudnya, shobat bisa menentukan tulisan mana yang akan dirubah warnanya menjadi seperti pelangi. bisa perkata atau kalimat ataupun paragraf. copy kode HTML di bawah ini:

<span class="rainbow_text"> Tulisan yang ingin dibuat warna-warni </span>

udah.....tanpa basa-basi....selamat mencoba ya………

Jangan Lupa di Follow hehehehehehe……………

Cara Membuat Jam di Blog

Sebagai orang yang sangat baik hati saya akan memberitahu caranya membuat jam di blog. Pada postingan kali ini saya coba memberikan beberapa contoh mengenai cara pasang jam di Blog, tapi sebelumnya saya mohon maaf jika masih belum lengkap karena saya baru sempat dan juga mungkin ketinggalan masalah ini. Buat teman - teman yang lain yang ingin juga memasang jam di blognya, langsung saja ke sarangnya, beginilah caranya :

1. Seperti biasa, setelah login ke blog anda Pada layar Dasbor, anda pilih Rancangan.

2. Pada elemen halaman anda tambah Gadgetnya dan pilihlah HTML/JavaScript.

3. Ada beberapa pilihan model jam yang bisa anda pilih salah satunya yang menurut anda
sesuai untuk dipasang di blog anda.

4. Script yang ada di bawah ini, anda copy dan paste-kan ke dalam kontennya.

5. Simpan dan selesai. Mudah bukan ?

MODEL 1 :

MODEL 2:

MODEL 3 :

MODEL 4 :

MODEL 5 :

MODEL 6 :

MODEL 7 :

MODEL 8 :

MODEL 9 :

MODEL 10 :

MODEL 11 :

MODEL 12 :

Selamat mencoba dan Good Luck .............

Jangan Lupa Di Follow

hehehehehehehehe.......................

Terima Kasih

Chord Guitar, Musik, Cara Mendesain Blog

Pages

Cara Mendesain Blog

Cara Membuat Script Iklan Melayang

Tempat Mencari Template Buat Blog

No comments:

Post a Comment

About Me

Rizqi's Blog

Translate