tag:blogger.com,1999:blog-66217694772011141862024-03-13T12:40:28.448-07:00Mendesain bloggerTantangan Impian Relugais12 kepada andaAnonymoushttp://www.blogger.com/profile/16086645211016167106noreply@blogger.comBlogger48125tag:blogger.com,1999:blog-6621769477201114186.post-24420282097998566282011-07-14T10:34:00.001-07:002021-03-01T19:40:54.552-08:00Mendesain Blogger<div style="background-image: url("http://dc401.4shared.com/img/rrsJMPFp/s3/buat_blog.gif"); background-position: center center; background-repeat: repeat; color: black; padding: 5px;">
<span style="font-size: large;">Disini Saya akan menjelaskan semua apa saja untuk dapat mempercantik blog anda dengan cara mendesainnya sendiri.</span><br />
<span style="font-size: large;"><br />
</span><br />
<span style="font-size: large;">Bagi Anda yang telah memiliki sebuah blog tapi bingung bagaimana untuk mendesain atau mempercantiknya maka tempat anda mencari adalah di blog impian relugais12 inilah.</span><br />
<span style="font-size: large;">Dalam perlombaan mendesain sebuah blog adalah hal utama yang harus anda ketahui cara mendisain blog yang benar dan tepat,</span><span class="fullpost" style="font-size: large;"><br />
<span style="font-size: large;">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......</span><br />
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.<br />
<br />
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.<br />
<br />
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".<br />
<br />
<br />
Saya tidak akan bertele-tele lagi tentang pembahasan kita.<br />
dibawah ini semua cara untuk agar mendesain blog anda...<br />
dan sebagianya ad pada di samping postingan dengan link yang udah saya sediakan.<br />
<br />
selamat bekerja,good luck<br />
<br />
<img 250px;="" 400px;="" height:="" src="http://lh3.ggpht.com/_1CElDAPKhk0/THGcDMBZH2I/AAAAAAAAADE/_Cb7irp87O4/s512/R3lu_gaisg049.jpg" width:="" /></span></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com319tag:blogger.com,1999:blog-6621769477201114186.post-84295396955304302022011-07-14T05:33:00.000-07:002011-07-14T10:59:42.226-07:00Cara Memasukan Musik/Lagu Ke Dalam BlogNah 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,,,<br />
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 :<br />
<span class="fullpost"><br />
<br />
Maaf agan harus buka situs web dibawah ini karna wajib banget,<br />
<br />
<a href="http://ex-musik.blogspot.com/" target="_blank">http://ex-musik.blogspot.com</a> <br />
<br />
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. <br />
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,,,,,,,,,,<br />
nah,,hanya segitu yang bisa saya terangkan untuk selebihnya apabila anda kurang paham anda bisa tanyakan lagi kepada saya ok....di tunggu keberhasilannya.</span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com84tag:blogger.com,1999:blog-6621769477201114186.post-72019139476341276082011-07-14T01:53:00.000-07:002011-07-14T10:59:56.277-07:00Cara Membuat Colom Iklan Di Bawah Header<div align="justify">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 ;::::::::</div><span class="fullpost"><br />
<div align="justify"><br />
</div><div align="justify">1.Biasa loggin ke blog anda</div><div align="justify">2.Pilih rancangan==></div><div align="justify">3.Pilih edit html</div><div align="justify"><span style="font-weight: bold;">carilah kode </span>, <span style="color: #cc0000;">]]></b:skin></span> Setelah ketemu copy html di bawah ini lalu letakkan di atas code seblumnya tadi ::<br />
</div><div align="justify">#Banner-ads {<br />
<br />
margin:0px;<br />
<br />
padding: 5px;<br />
<br />
text-align: center;<br />
<br />
width : 960px;<br />
<br />
}<br />
<br />
#Banner-ads img {<br />
<br />
margin: 7px 4px 4px 0px;<br />
padding: 3px;<br />
width : 100px;<br />
height : 100px;<br />
text-align: center;<br />
<br />
border: 1px solid #c0c0c0;<br />
<br />
}<br />
<br />
#Banner-ads img:hover {<br />
<br />
margin: 7px 4px 4px 0px;<br />
<br />
padding: 3px;<br />
<br />
text-align: center;<br />
<br />
border: 1px solid #333;<br />
<br />
}<br />
<br />
<br />
setelah di letakkan dan udah selesai cari kembali kode <span style="color: #cc0000;"><div id=main-wrapper> </span>Setelah ketemu copy Html dibawah ini dan paste diatasnya kode tadi:</div><div align="justify"><br />
<br />
<br />
<span style="color: #3333ff;"><div id='Banner-ads'></span><br />
<br />
<span style="color: #3333ff;"><a hight='100' href='</span><span style="color: #3333ff;"><span style="color: #ffcc33;">http://</span></span><span style="color: #3333ff;"><span style="color: #ffcc33;">impianrelugais12</span></span><span style="color: #3333ff;"><span style="color: #ffcc33;">.blogspot.com</span>/' width='100'><img alt='ads' border='0' src='<span style="color: #ff99ff;">http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif</span>'/></a></span><br />
<span style="color: #3333ff;"><a hight='100' href='</span><span style="color: #3333ff;"><span style="color: #ffcc33;">http://</span></span><span style="color: #3333ff;"><span style="color: #ffcc33;">impianrelugais12</span></span><span style="color: #3333ff;"><span style="color: #ffcc33;">.blogspot.com</span>/' width='100'><img alt='ads' border='0' src='<span style="color: #ff99ff;">http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif'</span>/></a></span><br />
<span style="color: #3333ff;"><a hight='100' href='<span style="color: #ffcc33;">http://</span></span><span style="color: #3333ff;"><span style="color: #ffcc33;">impianrelugais12</span></span><span style="color: #3333ff;"><span style="color: #ffcc33;">.blogspot.com</span>/' width='100'><img alt='ads' border='0' src='<span style="color: #ff99ff;">http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif</span>'/></a></span><br />
<br />
<span style="color: #3333ff;"></div></span></div><div align="justify"><br />
</div><div align="justify">Pemberitahuan yang perlu di perhatikan ":</div><div align="justify">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.</div><div align="justify">makasih,,,met mencoba....</div></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com53tag:blogger.com,1999:blog-6621769477201114186.post-60692837198795431742011-07-14T01:42:00.000-07:002011-07-14T11:00:09.942-07:00Cara Membuat Script Iklan MelayangSaya 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 ......:::::<br />
<span class="fullpost"> <br />
<br />
1.Logginlah kedalam blog kalian dengan memasukan email dengan pasword yang udah biasanya di lakukan<br />
2.Ketika sudah di tampilan dasbor pilih rancangan<br />
3.lalu anda akan dihadapkan kdi elemen laman atau edit laman lalu anda pilih tambah gadget atau add gedget<br />
4.lalu pilih Html/java script<br />
5.Lalu anda masukan code html di bawah ini:<br />
<br />
<style type="text/css"><br />
#topbar{<br />
position:absolute;<br />
visibility: hidden;<br />
width:720px;<br />
z-index:100;<br />
padding:5px;<br />
background-color: #050505;<br />
border: 1px solid #333333;<br />
-moz-border-radius: 6px;<br />
-webkit-border-radius: 6px;<br />
margin:0 auto 10px;<br />
float:right;<br />
color: #505050;<br />
text-align: justify;<br />
font-size: 12px;<br />
font-family: Verdana, serif;<br />
filter:alpha(opacity=85);<br />
-moz-opacity:0.85;<br />
opacity:0.85;<br />
}<br />
</style><br />
<br />
<br />
<script src="http://btuneup.googlecode.com/files/js_pop_up.js" type="text/javascript"><br />
</script><br />
<br />
<script type="text/javascript"><br />
var persistclose=0<br />
var startX = 0<br />
var startY = 0<br />
var verticalpos="fromtop"<br />
</script><br />
<div id="topbar"><br />
<div align="right"><br />
<span class="linkaiklanclose"><a href="http://www.blogger.com/post-edit.g?blogID=6621769477201114186&amp;postID=6069283719879543174#"><center>KLIK SAJA IKLANNYA 1x, PASTI HILANG<br />
SEKALIAN DILIHAT, SIAPA TAHU ANDA BERMINAT</center></a></span></div><br />
<div ;="" onclick="closebar(1)" return="true"><br />
<br />
MASUKAN SCRIPT IKLAN KALIAN DISINI!<br />
<br />
</div><br />
</div><br />
<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><br />
<br />
<script type="text/javascript">
var persistclose=0
var startX = 0
var startY = 0
var verticalpos="fromt
</script><br />
<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<br />
SEKALIAN DILIHAT, SIAPA TAHU ANDA BERMINAT</center></a></span></div><div ;="" onclick="closebar(1)" return="true"><br />
MASUKAN SCRIPT IKLAN KALIAN DISIN</div></div>Kalau udah di cpy letakan lh di tempat html /java script tadi,key<br />
seandainya berhasil anda betul-betul rang yang mengerti blog,sandainya gk berhasil anda boleh koment di post kmentar d bawah,slamat mencoba<br />
</span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com43tag:blogger.com,1999:blog-6621769477201114186.post-14392217842129519602011-07-14T01:31:00.000-07:002011-07-14T11:00:25.217-07:00Tempat Mencari Template Buat BlogMaaf 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 :::<br />
<span class="fullpost"><br />
Nhe gan tempat download atau cari template buat blog,,tesst ja satu2,,,mna tw ad yg gan suka<br />
1. http://freetemplates.blogspot.com/<br />
2. www.zoomtemplate.com/<br />
3. http://blogtemplate4u.com/<br />
4. http://template-godown.com/<br />
5. http://template-bloggers.blogspot.com/<br />
6. http://www.deluxetemplates.net/<br />
7. http://www.mytemplatebox.com/<br />
8. http://www.wordpresstoblogger.com/<br />
9. http://www.finalsense.com/services/blog_templates/<br />
10.http://btemplates.com/<br />
</span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com35tag:blogger.com,1999:blog-6621769477201114186.post-89324901968952663202010-10-12T05:17:00.001-07:002011-07-14T11:00:48.728-07:00Cara meletakkan Background Gambar Di Belakang Tulisan Pada Posting<span style="font-size: small;">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...:::</span><span class="fullpost" style="font-size: small;"> <br />
1.Seperti biasa anda loggin kedalam blog anda<br />
2.anda akan dihadapkan ke dasbor milik anda<br />
3.Lalu anda pilih posting<br />
4.Selanjutnya pilih entri mana yang akan anda kasih gambar,boleh baru atau yang udah ada postingannya.<br />
5.Nah copy script di bawah ini<br />
<br />
<div style="padding: 5px; background-image: url(http://alamat_gambar_anda.jpg); background-repeat: repeat; background-position: center;"><br />
<br />
Tulis disini artikel yang akan di gunakan...<br />
<br />
</div><br />
<br />
6.lalu paste kn kedalam postingan entri anda tersebut dan mengetijlah di dalam yang bacaan Tulis Disini terserah anda<br />
7.lalu anda simpan template,,<br />
8.Sekarang anda bisa lihat hasilnya,,,gimana apakah hasilnya memuaskan<br />
saya tunggu koment anda yah,,,,</span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com51tag:blogger.com,1999:blog-6621769477201114186.post-64045719768176644842010-10-08T23:31:00.003-07:002011-07-14T01:50:33.704-07:00Cara Membuat Jendela Browser Bergerak Melingkar<div style="border: 1px solid rgb(238, 238, 238); height: 190px; overflow: auto; padding: 10px; width: 470px;">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<br />
langsung saja ya saya beri tau kepada anda sekalian :<br />
<span class="fullsoft"><br />
1. Masuk ke Account blogger anda ==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==> <br />
2. Lalu Centang "EXPAND TEMPLATE WIDGET"<br />
3. Dan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".Agar terjadi kesalahan anda tinggal meletakkannya kembali jha<br />
<br />
Kemudian anda Copy kode dibawah ini :<br />
<br />
<script type='text/javascript'><br />
<br />
/* Edited By : Andreas fafandreo on 28th October 2008 */<br />
/* For support and information please e-mail to : aroel1833@yahoo.co.id */<br />
<br />
//<![CDATA[<br />
scrW=screen.availWidth<br />
scrH=screen.availHeight<br />
window.resizeTo(10,10)<br />
window.focus()<br />
for(a=0;a<80;a++){<br />
window.moveTo(0,0)<br />
window.resizeTo(0,scrH*a/80)<br />
}<br />
window.resizeTo(0,0)<br />
for(b=0;b<80;b++){<br />
window.moveTo(0,scrH/1)<br />
window.resizeTo(scrW*b/80,0)<br />
}<br />
for(c=0;c<80;c++){<br />
window.moveTo(scrW/1,scrH/1)<br />
window.resizeTo(0,scrH*c/80)<br />
}<br />
for(d=0;d<80;d++){<br />
window.moveTo(scrW/1,0)<br />
window.resizeTo(scrW*d/80,0)<br />
}<br />
for(e=0;e<80;e++){<br />
window.resizeTo(scrW*e/80,scrH*e/80)<br />
}<br />
window.moveTo(0,0)<br />
window.resizeTo(scrW,scrH)<br />
//]]><br />
</script><br />
<br />
<br />
lalu Paste kode tersebut tepat di bawah kode :<br />
< head ><br />
<br />
gak ada info khusus orang cukup mudah kok,,,pasti bisa,,,,met mencoba semua....</span></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com61tag:blogger.com,1999:blog-6621769477201114186.post-40627106973931074152010-10-08T21:39:00.000-07:002010-10-09T00:07:29.550-07:00Cara Merubah Menu Di Bagian Pada Header<div style="border: 1px solid #eee; height: 300px; overflow: auto; padding: 10px; width: 470px;">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.............<br />
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......<br />
mau tau caranya seperti apa,,,nah langsung saja ya...simak cara-cara berikut ini:<br />
<span class="fullsoft"><br />
1.Buka akun blog anda.<br />
2.Ketika telah dibuka maka langsung jha pilih dashbor-->rancangan/tata letak<br />
3.Pilih edit html,,,,<br />
4.Lalu anda cari script singkat tersebut < li ><br />
<br />
agar cara mudahnya anda bisa menekan ctrl+f maka masukkanlah script tersebut didalamnya.<br />
5.Maka anda akan menemukan script seperti ini,yang hampir sama seperti ini<br />
< li > < a expr : href =' data: blog. homepageUrl ' title=' Home '> < b > Home< /b> < /a> < /li ><br />
6.Jika telah ketemu maka anda bisa mengubahnya sesuai yang anda mau seperti contohnya....dari script diatas<br />
anda bisa mengubahnya menjadi seperti contoh:<br />
< li > <a expr:href=" http://facebook.com/ " title="facebook"> < b > facebook < /b > </a> < /li ><br />
7.Ketika selesai anda simpan template dan coba buka blog anda,,apakah ada yang berubah,,,<br />
jika ia maka anda berhasil,tp jika blum berusaha trus saya nyakin pasti bisa kok.<br />
<br />
Catatan:<br />
<br />
< li> < a expr: href= " data:blog.homepageUrl " title=" Home"> < b>Home < /b> < /a> < /li><br />
<br />
Penjelasan pada bagian script diatas yang bertulis 'data:blog.homepageUrl' = itu anda ganti dengan url situs atau http yang anda ingin masukkan,,,,<br />
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....<br />
yang lainnya juga bisa digantti kok,,,coba jha...<br />
selamat mencoba ya.....good luck<br />
jangan segan2,,,berkomentar untuk bertanya apa yang anda tidak tau,,saya selalu ada kok..</div></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com74tag:blogger.com,1999:blog-6621769477201114186.post-65399324483762771182010-10-03T07:52:00.001-07:002010-10-09T00:07:44.697-07:00Cara Membuat Gedget Atau Sidebar Kanan Dan Kiri<div style="border: 1px solid #eee; height: 258px; overflow: auto; padding: 10px; width: 470px;">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.<br />
Nah kali ini impian relugais12 akan memberikan sebuah trik,atau disebut cara membuat sidebar dua kolom.<br />
mari sekarang saya tambahkan kode ul / ul li agar terdapat icon.<br />
Bagi yang pernah menggunakan trick ini bisa diperbarui dengan menambahkan kode yang tersedia.<br />
Perlu dicatat pada blog mempunyai variasi tersendiri dalam peletakkan kode HTML. Jadi harap diperhatikan.Langsung saja yah,,,nhe saya berikan cara dan langkah-langkahnya:<br />
<span clss:"fullsoft"><br />
1. Login ke account blog anda.<br />
<br />
2. Pilih Tata Letak atau rancangan kemudian pilih Edit HTML.<br />
<br />
3. Beri tanda centang pada Expand Widget Templates.<br />
<br />
4. Cari kode berikut ini atau sejenisnya. (yang penting tulisan bewarna merah)<br />
<br />
#sidebar-wrapper {<br />
float: right;<br />
width: 350px;<br />
margin: 20px 15px auto 0;<br />
padding: 0 0 10px;<br />
display: inline;<br />
text-align:justify;<br />
border:1px dashed #ceceae;<br />
}<br />
<br />
5. Kemudian kopi paste kode dibawah ini tepat diatas kode #sidebar-wrapper {<br />
<br />
#newsidebar-wrapper {<br />
width: 200px;<br />
float: left;<br />
padding-left:8px;<br />
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />
border:1px dashed #ceceae;<br />
padding-left:10px;<br />
padding-right:10px;<br />
}<br />
<br />
#newsidebar-wrapper ul{padding:0; margin:0; color:#333}<br />
<br />
#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; }<br />
<br />
#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; }<br />
<br />
#newsidebar-wrapper ul li a:hover {<br />
background: #B1ACB1;}<br />
<br />
Keterangan kode :<br />
width untuk ukuran lebar sidebar<br />
float untuk letak sidebar<br />
padding untuk jarak sidebar <br />
border untuk garis<br />
tulisan bewarna orange mudah adalah update yang telah saya tambahkan untuk variasi icon<br />
<br />
6. Cari kode (Fokus yang bewarna merah)<br />
<br />
<div id='main-wrapper'><br />
<b:section class='main' id='main' showaddelement='yes'><br />
.....................................<br />
.....................................<br />
.....................................<br />
</b:section><br />
</div><br />
<br />
titik-titik adalah isi pada lanjutan kodenya. Tidak begitu penting<br />
<br />
7. Copy paste kode dibawah ini tepat diatas kode <div id='main-wrapper'><br />
<br />
<div id='newsidebar-wrapper'><br />
<b:section class='newsidebar' id='newsidebar' preferred='yes'></b:section><br />
</div><br />
<br />
8. Simpan Templates. Lihat hasilnya. Akan muncul tambahan Widget bila dilihat di Tata Letak>>Elemen Laman<br />
<br />
Bagi yang pertama kali mengikuti trick ini, untuk tulisan bewarna orange mudah diabaikan<br />
Lihatlah perbedaannya,selamat mencoba<br />
kalau anda kurang mengerti boleh kok koment agar saya bisa memperbaruhinya..<br />
key,,,,jgan lpa follow</div></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com14tag:blogger.com,1999:blog-6621769477201114186.post-1568124006279305972010-09-13T17:41:00.000-07:002011-07-14T10:21:09.037-07:00Cara Menjadikan Foto/gambar Kita Sebagai Background di blog kita PunyaiLogin ke dashboard account Blogger kalian, lalu klik menu “Layout” di blog yang ingin kalian edit tampilan layoutnya, setelah itu klik menu “Edit HTML”. </li><br />
<br />
<li>Sekarang kalian harus meng-upload foto yang ingin kalian jadikan background dari blog kalian tersebut ke suatu lokasi <span class="IL_AD" id="IL_AD6">hosting</span> di <span class="IL_AD" id="IL_AD4">internet</span>, sebagai contoh kalian bisa meng-uploadnya ke situs <a href="http://www.imageshack.us" target="_blank">ImageShacks</a>. Setelah fotonya berhasil terupload maka nanti kalian akan diberi tahu URL foto kalian tersebut. </li><br />
<span class="fullpost"><br />
<li>Balik lagi ke halaman Blogger kalian tadi, lalu copy kode CSS berikut:<br />
<p></p><div class="csharpcode"><pre class="alt"><span class="kwrd"><</span><span class="html">style</span> <span class="attr">type</span><span class="kwrd">="text/css"</span><span class="kwrd">></span></pre><br />
<pre><span class="rem"><!--</span></pre><pre class="alt"><span class="rem">body {</span></pre><pre><span class="rem"> background-image: url(Ganti dengan URL foto kalian);</span></pre><pre class="alt"><span class="rem">}</span></pre><pre><span class="rem">--></span></pre><pre class="alt"><span class="kwrd"></</span><span class="html">style</span><span class="kwrd">></span></pre></div><style type="text/css">
<p>.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style><br />
<br />
<p><a href="http://turisinternet.com/wp-content/uploads/2009/08/edittemplatebloggergantibackgroundpakaifoto1.png" target="_blank"><img title="Mengedit template Blogger untuk mengganti background menggunakan foto" style="border-width: 0px; display: inline; margin: 0px 12px 0px 0px;" alt="Mengedit template Blogger untuk mengganti background menggunakan foto" src="http://turisinternet.com/wp-content/uploads/2009/08/edittemplatebloggergantibackgroundpakaifoto_thumb1.png" width="233" align="left" border="0" height="153"></a> Setelah di-copy kodenya lalu kalian paste-kan kode tersebut ke template Blogger kalian tepatnya sebelum kode </head> (lihat gambar di samping ini jika bingung) dan jangan lupa untuk mengganti tulisan “Ganti dengan URL foto kalian” di dalam kode tersebut menggunakan URL foto kalian yang telah kalian upload sebelumnya ke ImageShacks. Setelah itu kalian klik menu “Save Template” kemudian buka blog kalian tersebut untuk melihat perubahan layout yang telah kalian lakukan.<br />
</p></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com24tag:blogger.com,1999:blog-6621769477201114186.post-519777776092819072010-08-30T09:59:00.001-07:002010-10-09T00:08:09.186-07:00Cara Posting Artikel dan Masukan gambarGini.....setelah Sobat menciptakan atau membuat blog maka langkah selanjutnya yang Sobat ambil ialah membuat atau memunculkan tulisan-atau ide-ide kita agar bisa di baca orang lain atau tepatnya agar tulisan yang akan kita buat muncul di blog<br />
<br />
<span class="fullpost"> langkah-langkah adalah<br />
1. seperti biasa kita log in ke acount blogger kita seperti biasanya<br />
<br />
2. Pilih posting dan akan ada tampillan seperti ini<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5286624850672936690" src="http://2.bp.blogspot.com/_vkjD2D8fzLk/SV3dSr0c5vI/AAAAAAAAABY/oTnOcWQJdcU/s400/tampilan+posting.bmp" style="display: block; height: 214px; margin: 0px auto 10px; text-align: center; width: 400px;" /> <br />
<br />
langkah selanjutanya adalah kita menuliskan judul postingan dan konten yang akan kit tampilkan, setelah kita selesai menulis di kotak bawah ada terbitakan entri utuk menapilkan postingan dan ada label itu bisa kita tuliskan tulisan kita itu tentang masalah yang tertentu dan apabila kita posting bahas masalah tersebut lagi maka kita tingal memasukan ke label yang kita buat dulu. <br />
<br />
3.dan apabila kita akan memsukan gambar kita bisa klik icon dibawah juduk yang bentuknya seperti gambar pemandangan <br />
<br />
kemudian akan muncul gambar<br />
<br />
<a href="http://4.bp.blogspot.com/_vkjD2D8fzLk/SV3fH8Chy2I/AAAAAAAAABg/W2aILsDDcxo/s1600-h/masukan+gambar.bmp"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5286626865071639394" src="http://4.bp.blogspot.com/_vkjD2D8fzLk/SV3fH8Chy2I/AAAAAAAAABg/W2aILsDDcxo/s400/masukan+gambar.bmp" style="display: block; height: 279px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a> kemudain klik brows apabila kita mau memasukan gambar dari kompuer kita setelah itu ada pilihanya gambar mau di tengah, disamping kanan ataupun disamping kiri, dan ada format kecil menengah dan besar itu untuk ukuranya, <br />
langkah selanjutanya adalah klik unggah gambar atau upload gambar, untuk tata letak tulisan di blog hampir sama dengan di MS world<br />
</span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com8tag:blogger.com,1999:blog-6621769477201114186.post-72154992110197761582010-08-30T09:57:00.000-07:002010-10-09T00:08:20.514-07:00Cara Membuat Page Number-Navigasi Halaman<div class="post-body"><div align="justify"><span class="awal">P</span>age Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman blog saya ini,</div>Apakah Sobat Sekalian ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah <b>Cara Membuat Page Number-Navigasi Halaman</b> Blog khususnya blogspot.com :<br />
<span class="fullpost"><br />
<ol start="1" type="1"><li>Masuk dahulu ke <b>Dashboard</b> blogspot Anda, selanjutnya pilih <b>Rancangan</b> (Layout) dan pilih <b>Edit HTML</b>, seperti biasa contreng option <b>Expand Widget Templates</b>, selanjutnya cari kode berikut: <b><span style="color: #ff2a2a;">]]></b:skin></span></b>;</li>
<li>Setelah ketemu, di atas kode <b><span style="color: #ff2a2a;">]]></b:skin></span></b> letakkan kode di bawah ini :<br />
<br />
<div align="justify"><br />
</div><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(231, 210, 249) none repeat scroll 0% 0%; border-left: 8px solid rgb(42, 0, 255); padding: 10px; text-align: justify;"><span style="color: #408080;">.showpageArea a {<br />
<br />
text-decoration:underline;<br />
<br />
}<br />
<br />
.showpageNum a {<br />
<br />
text-decoration:none;<br />
<br />
<br />
border: 1px solid #cccccc;<br />
<br />
margin:0 3px;<br />
<br />
padding:3px;<br />
<br />
}<br />
<br />
.showpageNum a:hover {<br />
<br />
border: 1px solid #cccccc;<br />
<br />
background-color:#cccccc;<br />
<br />
}<br />
<br />
.showpagePoint {<br />
<br />
<br />
color:#333;<br />
<br />
text-decoration:none;<br />
<br />
border: 1px solid #cccccc;<br />
<br />
background: #cccccc;<br />
<br />
margin:0 3px;<br />
<br />
padding:3px;<br />
<br />
}<br />
<br />
.showpageOf {<br />
<br />
text-decoration:none;<br />
<br />
<br />
padding:3px;<br />
<br />
margin: 0 3px 0 0;<br />
<br />
}<br />
<br />
.showpage a {<br />
<br />
text-decoration:none;<br />
<br />
border: 1px solid #cccccc;<br />
<br />
padding:3px;<br />
<br />
}<br />
<br />
.showpage a:hover {<br />
<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.showpageNum a:link,.showpage a:link {<br />
<br />
text-decoration:none;<br />
<br />
color:#333333;<br />
<br />
}</span></div></li>
<li>Lalu cari lagi kode seperti ini: <b><span style="color: #ff2a2a;"></body></span></b>;</li>
<li>Jika sudah ketemu, di atas kode <b><span style="color: #ff2a2a;"></body></span></b> letakkan script di bawah ini:<br />
<br />
<div align="justify"><br />
</div><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(231, 210, 249) none repeat scroll 0% 0%; border-left: 8px solid rgb(42, 0, 255); padding: 10px; text-align: justify;"><span style="color: #408080;"><b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<br />
<script type='text/javascript'><br />
<br />
var pageCount=5;<br />
<br />
var displayPageNum=5;<br />
<br />
var upPageWord =&#39;Previous&#39;;<br />
<br />
<br />
var downPageWord =&#39;Next&#39;;<br />
<br />
</script><br />
<br />
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/><br />
<br />
</b:if></span></div></li>
<li>Selanjutnya carilah kode berikut ini : <b><span style="color: #ff2a2a;">'data:label.url'</span></b>;</li>
<li>Hapus kode ini : <b><span style="color: #ff2a2a;">'data:label.url'</span></b> dan gantilah dengan kode di bawah ini:<br />
<br />
<div align="justify"><br />
<br />
</div><div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(231, 210, 249) none repeat scroll 0% 0%; border-left: 8px solid rgb(42, 0, 255); padding: 10px; text-align: justify;"><span style="color: #408080;">'data:label.url + &quot;?&amp;max-results=5&quot;'</span></div></li>
<li>Terakhir <b>Simpan Templates</b> dan lihat hasilnya.</li>
</ol><br />
<div style="clear: both;"></div></div></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com13tag:blogger.com,1999:blog-6621769477201114186.post-9143163112897050562010-08-30T09:49:00.000-07:002010-10-09T00:08:30.242-07:00Cara Membuat Kotak Terpisah Pada Blog<div style="border: 1px solid #eee; height: 345px; overflow: auto; padding: 10px; width: 470px;"><div class="post-body entry-content"><style>
.fullpost{display:inline;}
</style><br />
<div style="text-align: justify;">Membuat kotak posting terpisah sebagian banyak yang menyukai, karena kelihatan lebih rapi disamping dapat mengatur border warna yang lebih menarik kemudian dikombinasikan dengan warna background membuat kolom post lebih cerah.<br />
Kali ini saya mencoba untuk berbagi informasi, bagaimana membuat kotak posting terpisah-pisah disetiap judul dengan cara 2 pilihan :</div><ol><li><span style="color: #3333ff; font-weight: bold;">Kotak Posting terpisah dengan bentuk garis kotak</span><br />
<br />
<br />
<ol><li>Login ke"Blogger" dengan user ID Anda</li>
<li>Pilih "Tata Letak"</li>
<li>Pilih "Edit HTML"</li>
<li>Cari Kode berikut .post {</li>
<li>Copy "kode dibawah" ini dan letakan dibawah kode tersebut<br />
<br />
<br />
<br />
<br />
<div style="background-color: #f8e0f7; border: 2px groove rgb(0, 100, 0); padding: 15px; text-align: left;"><b><span class="Apple-style-span" style="color: blue;"><br />
</span></b><br />
<b><span class="Apple-style-span" style="color: blue;">Padding:10px; /* Jarak text post dengan garis pinggir */</span></b><br />
<b><span class="Apple-style-span" style="color: blue;">Border-top: 2px solid #D8D8D8; /* warna garis pinggir atas */</span></b><br />
<b><span class="Apple-style-span" style="color: blue;">Border-bottom: 2px solid #D8D8D8; /* warna garis pinggir bawah */</span></b><br />
<b><span class="Apple-style-span" style="color: blue;">Border-left: 2px solid #D8D8D8; /* warna garis pinggir kiri */</span></b><br />
<b><span class="Apple-style-span" style="color: blue;">Border-right: 2px solid #D8D8D8; /* warna garis pinggir kanan */</span></b><br />
<b><span class="Apple-style-span" style="color: blue;">Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */</span></b></div></li>
<li>Simpan Template</li>
</ol></li>
</ol></div><br />
Contoh kotak posting terpisah garis lurus<br />
<br />
<div style="background-color: #f8e0f7; border: 4px groove rgb(0, 100, 0); padding: 20px; text-align: center;"><span class="Apple-style-span" style="color: blue;">KOTAK POSTING I bentuk garis kotak</span></div><br />
<br />
<div style="background-color: #f8e0f7; border: 4px groove rgb(0, 100, 0); padding: 12px; text-align: center;"><span class="Apple-style-span" style="color: blue;">KOTAK POSTING II bentuk garis kotak</span></div><br />
<br />
<br />
<br />
<li style="color: #333399; font-weight: bold;">Kotak Posting terpisah dengan garis melengkung disetiap sudut</li><br />
<br />
<br />
<br />
<br />
<br />
<ol><li>Login ke Blogger dengan user ID Anda</li>
<li>Pilih Tata Letak</li>
<li>Pilih Edit HTML</li>
<li>Cari kode h2.date-header {</li>
<li>Letakan kode dibawah ini tepat dibawah kode tersebut<br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #f8e0f7; border: 2px groove rgb(0, 100, 0); padding: 5px; text-align: left;"><br />
<span class="Apple-style-span" style="color: blue;">border-left:3px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">border-right:3px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">border-top:3px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">border-bottom:0px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">-moz-border-radius-topleft:15px;</span><br />
<span class="Apple-style-span" style="color: blue;">-moz-border-radius-topright:15px</span>;</div><br />
</li>
<li>Kemudian Anda cari kode .post-body {</li>
<li>Letakan kode dibawah ini tepat dibawah kode tersebut<br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #f8e0f7; border: 2px groove rgb(0, 100, 0); padding: 5px; text-align: left;"><br />
<span class="Apple-style-span" style="color: blue;">border-right:3px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">border-left:3px solid #A9D0F5;</span></div><br />
</li>
<li>Berikutnya cari kode .post-footer {</li>
<li>Letakan kode dibawah ini tepat dibawah kode tersebut<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="background-color: #f8e0f7; border: 2px groove rgb(0, 100, 0); padding: 5px; text-align: left;"><span class="Apple-style-span" style="color: lime;"><br />
</span><br />
<span class="Apple-style-span" style="color: blue;">border-left:3px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">border-right:3px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">border-top:0px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">border-bottom:3px solid #A9D0F5;</span><br />
<span class="Apple-style-span" style="color: blue;">-moz-border-radius-bottomleft:15px;</span><br />
<span class="Apple-style-span" style="color: blue;">-moz-border-radius-bottomright:15px;</span></div><br />
</li>
<li>Simpan Template</li>
</ol></div><br />
<span class="fullpost"></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com15tag:blogger.com,1999:blog-6621769477201114186.post-56440660626682545422010-08-30T09:40:00.000-07:002010-10-09T00:08:39.143-07:00Cara Membuat Scrool Otomatis Ke Atas<div class="post-body entry-content"><style>
.fullpost{display:inline;}
</style><br />
<br />
<center>Mau Buat Yang Seperti Ini DiBlog Anda</center><center>Untuk Membuat Scrool Otomatis Keatas</center><center><br />
</center><center><img src="http://raezen.fileave.com/smileys/top.jpg" /></center><br />
<br />
Caranya gampang ko....<br />
<br />
Kalian <span style="font-weight: bold;">Copy Paste</span> aja script di bawah ini :<br />
<br />
<span class="fullpost"></span><br />
<span class="fullpost"><blockquote style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<br />
<script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script></blockquote><br />
<br />
kalau sudah di "<span style="font-weight: bold;">Copy</span>",, kamu "<span style="font-weight: bold;">Paste</span>" persis dibawah kode : <span style="color: #3333ff; font-weight: bold;"><head></span><br />
<br />
<span style="font-weight: bold;">Selesai</span> ^<span style="color: red;">_</span>^<span class="Apple-style-span" style="color: red;"><span class="Apple-style-span" style="color: black;"><br />
</span></span></span><div style="clear: both;"></div></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com16tag:blogger.com,1999:blog-6621769477201114186.post-24620984158457054242010-08-22T15:55:00.001-07:002010-10-09T00:08:48.204-07:00Cara Membuat Animasi Status Loading<div style="border: 1px solid #eee; height: 230px; overflow: auto; padding: 10px; width: 470px;"><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Arial; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;">Disini Impian Relugais12 Akan membagikan artikel mengenai cara membuat animasi saat sedang loading di blog anda...caranya pun cukup mudah...</span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: Arial; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;">biar tidak panjang lebar ge,saya akan memberitahukan cara langkah-langkahnya:>>>>>></span></span></div><br />
<strong>Login</strong> ke account blogger anda.<br />
Klik <strong>Layout</strong> --> <strong>Edit HTML</strong>.<br />
Cari kode <strong><body></strong> di dalam template anda dan ganti dengan kode di bawah ini :<br />
<br />
<span style="color: #3333ff;"></span><br />
<blockquote><body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='<span style="color: red;">http://URL Lokasi Simpan.Image</span>'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script></blockquote><span class="fullpost"><br />
<br />
<strong>Keterangan :</strong><br />
>> Ganti huruf yang berwarna <span style="color: red;">merah</span> sesuai dengan Punya sobat.<br />
>> Untuk peletakkanya anda bisa mengatur pada tulisan <strong>text:align</strong> center mau diletakkan ditengah atau disamping terserah.<br />
<br />
4. <strong>Simpan Template</strong> dan selesai.<br />
<br />
Selamat mencobanya Gan ...</span></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com11tag:blogger.com,1999:blog-6621769477201114186.post-46208791845977242072010-08-22T11:18:00.000-07:002010-09-13T17:54:49.046-07:00Cara Membuat Gambar Bisa Berputar<div class="single-entry"><div style="text-align: left;">Posted by Impian Relugais12</div><span style="font-size: small;"><div class="post"><div class="single-entry"><div style="text-align: left;"></div><div style="text-align: justify;"><br />
<br />
<br />
<br />
<br />
<br />
<center><embed align="middle" bgcolor="#ffffff" height="250" name="show" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.satisfaction.com/photo-cube-generator/show.swf?baseURL=http://www.satisfaction.com/photo-cube-generator/&clickURL=http://www.satisfaction.com/photo-cube-generator/&flashLABEL=Satisfaction.com&clickLABEL=Photo%20Cube%20Generator&file=http%3A%2F%2Fwww%2Esatisfaction%2Ecom%2Fphoto%2Dcube%2Dgenerator%2Fuploads%2F22%5F08%5F2010%2F10%2Fpic13590488%2Ejpg" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed><br />
<small><a href="http://www.satisfaction.com/photo-cube-generator/">Photo Cube Generator</a><small></small></small></center><small><small><br />
By : Gaga Adi Lesmana Putra<br />
Mat salam damai Semuanya kita berjumpa dengan saya disini untuk memberikan satu buah ilmu yang mudah-mudahan dapat memberikan kepada anda yang anda cari selama ini, disini gambar akan berputar-putar seperti lampion segi empat yang digantung kena tiupan angin baik tidak perlu berlama-lama akan saya beritahukan caranya <span :class="fullpost"><br />
</span></small></small><br />
<ol><li><span style="font-size: 130%;"><small><small>Klik situs <a href="http://www.satisfaction.com/photo-cube-generator/">Satisfaction.com</a>, tidak perlu login atau konfirmasi email.</small></small></span></li>
<li><span style="font-size: 130%;"><small><small>Setelah halaman terbuka, arahkan perhatian pada kotak dialog yang muncul dengan gambar berputar. Di bawah gambar tadi tertulis "</small></small></span><span style="color: blue; font-size: 130%; font-weight: bold;"><small><small>PUT YOUR IMAGE ON A CUBE</small></small></span><span style="font-size: 130%;"><small><small>", </small></small></span></li>
<li><span style="font-size: 130%;"><small><small>Klik tombol "</small></small></span><span style="color: blue; font-size: 130%; font-weight: bold;"><small><small>BROWSE</small></small></span><span style="font-size: 130%;"><small><small>" yang terdapat di bawah tulisan yang berwarna merah, setelah muncul kotak dialog, cari file gambar yang telah tersimpan, setelah ketemu klik tombol "Open". Kotal 'File' akan terbaca.</small></small></span></li>
<li><span style="font-size: 130%;"><small><small>Setelah selesai, klik tombol "</small></small></span><span style="color: blue; font-size: 130%; font-weight: bold;"><small><small>UPLOAD</small></small></span><span style="font-size: 130%;"><small><small>". Pada tahap ini, gambar yang telah di-upload tersebut akan muncul dengan berputar-putar. </small></small></span></li>
<li><span style="font-size: 130%;"><small><small>Kemudian langkah terakhir klik tombol "</small></small></span><span style="color: blue; font-size: 130%; font-weight: bold;"><small><small>Copy HTML code</small></small></span><span style="font-size: 130%;"><small><small>" yang berlatar warna kuning dan selesai.</small></small></span></li>
</ol></div></div></div></span></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com8tag:blogger.com,1999:blog-6621769477201114186.post-56007190288361699522010-08-22T10:47:00.000-07:002010-08-22T10:53:13.756-07:00Cara Menampilkan Facebook kita diblogCaranya gampang banget kok lihatlah langkah-langkah mudah berikut ini:<br />
1. Silakan login ke Facebook<br />
<br />
<a href="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j6GKBJSBI/AAAAAAAAASc/pblhg707AyQ/s1600/login+facebook.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5460889531862042642" src="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j6GKBJSBI/AAAAAAAAASc/pblhg707AyQ/s320/login+facebook.bmp" style="cursor: pointer; height: 66px; width: 320px;" /></a><br />
<br />
2. Klik Profil<br />
<br />
<a href="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j63-8Gz3I/AAAAAAAAASk/UJw9b2gfT60/s1600/klik+profil.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5460890387881578354" src="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j63-8Gz3I/AAAAAAAAASk/UJw9b2gfT60/s320/klik+profil.jpg" style="cursor: pointer; height: 231px; width: 197px;" /></a><br />
<span class="fullpost"><br />
3. Perhatikan layar sebelah kiri paling bawah, cari "Create A New Badge" untuk fb dalam b.inggris atau "buat lencana profil" untuk fb b.Indo<br />
<br />
<a href="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j71-tuVmI/AAAAAAAAASs/b4ukvXTMOVY/s1600/Buat+lencana+facebook.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5460891452973143650" src="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j71-tuVmI/AAAAAAAAASs/b4ukvXTMOVY/s320/Buat+lencana+facebook.bmp" style="cursor: pointer; height: 320px; width: 188px;" /></a><br />
<br />
4. Kemudian akan sampai ke sebuah halaman dimana disitu bisa memilih tampilan ataupun mengeditnya<br />
<br />
pilih lencana profil:<br />
<br />
<a href="http://2.bp.blogspot.com/_6yZMO-fRsJE/S8j8puIRGoI/AAAAAAAAAS0/P5s69GghLUk/s1600/pilih+lencana+profil.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5460892341874268802" src="http://2.bp.blogspot.com/_6yZMO-fRsJE/S8j8puIRGoI/AAAAAAAAAS0/P5s69GghLUk/s320/pilih+lencana+profil.bmp" style="cursor: pointer; height: 192px; width: 170px;" /></a><br />
<br />
edit lencana profil:<br />
<br />
<a href="http://3.bp.blogspot.com/_6yZMO-fRsJE/S8j83_aFFNI/AAAAAAAAAS8/IoeZ6KejL9I/s1600/edit+lencana.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5460892587030549714" src="http://3.bp.blogspot.com/_6yZMO-fRsJE/S8j83_aFFNI/AAAAAAAAAS8/IoeZ6KejL9I/s320/edit+lencana.bmp" style="height: 91px; width: 122px;" /></a><br />
<br />
5. Tamilanya bisa di seting atau diatur sesuai keinginan<br />
<br />
<a href="http://1.bp.blogspot.com/_6yZMO-fRsJE/S8j9TDcOd-I/AAAAAAAAATE/5UG5o6yLp5I/s1600/edit+lencana+dan+simpan.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5460893051969763298" src="http://1.bp.blogspot.com/_6yZMO-fRsJE/S8j9TDcOd-I/AAAAAAAAATE/5UG5o6yLp5I/s320/edit+lencana+dan+simpan.bmp" style="cursor: pointer; height: 320px; width: 166px;" /></a><br />
<br />
6. Jika sudah silakan disimpan dan dicopi ke blog/web<br />
<br />
<a href="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j9patoFFI/AAAAAAAAATM/GIHLhS4KYPI/s1600/copi+codi+di+webblog.bmp" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5460893436173882450" src="http://4.bp.blogspot.com/_6yZMO-fRsJE/S8j9patoFFI/AAAAAAAAATM/GIHLhS4KYPI/s320/copi+codi+di+webblog.bmp" style="cursor: pointer; height: 114px; width: 320px;" /></a><br />
<span class="fullpost"><br />
contoh tampilan fbnya yang punya blog ini:<br />
<br />
<a href="http://id-id.facebook.com/people/Impian-Relugais/100000499533231" style="color: #3b5998; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none;" target="_TOP" title="Impian Relugais">Impian Relugais</a><span style="color: #555555; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 16px; text-decoration: none;"> | </span><a href="http://id-id.facebook.com/badges/" style="color: #3b5998; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none;" target="_TOP" title="Buat lencana Anda sendiri!">Buat Lencana Anda</a><br />
<a href="http://id-id.facebook.com/people/Impian-Relugais/100000499533231" target="_TOP" title="Impian Relugais"><img height="217" src="http://badge.facebook.com/badge/100000499533231.1129.671352126.png" style="border: 0px none;" width="360" /></a><br />
<br />
gimana para sibat sexalian gampangkan.....mlahan ada 3 jenis tampilan ada yang tegak ,mndatar, dan 2 kolom</span><br />
<span class="fullpost">semoga berhasilnya.....impian relugais12....selalu mendukung anda</span></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com23tag:blogger.com,1999:blog-6621769477201114186.post-22649036153890187872010-08-22T10:13:00.000-07:002010-09-13T17:51:45.452-07:00Cara Membuat Widget Sms Gratis<div class="single-entry"><div style="text-align: left;"><span style="font-size: small;">Hai kita jumpa lagi dengan saya impian relugais12 disini 2 hari baru ngga posting nih udah lain rasanya maklum lagi sibuk di dunia nyata kali ini saya sempatkan untuk menemui sobat sekalian pengunjung blog ini untuk memberikan ilmu sebuah code script SMS gratis untuk dipasang di blog sobat caranya adalah sbb :</span><span style="font-size: small;"></span></div><ol style="text-align: justify;"><li><span style="font-size: small;">Klik Rancangan terus</span></li>
<li><span style="font-size: small;">Klik tambah gadget</span></li>
<li><span style="font-size: small;">Pilih HTML/Java Script Paste code script dibawah ini :</span></li>
<li><span style="font-size: small;">Sebelum disimpan atur dulu panjang dan tinginya widget yang berwana </span><span style="color: red;"><span style="font-size: small;">merah </span></span><span style="font-size: small;"> setelah itu simpan</span><span style="font-size: small;"><br />
</span></li>
</ol><div style="background-color: #c3fdb8; border: 2px dashed rgb(0, 100, 0); padding: 10px; text-align: justify;"><span style="font-size: small;"> </span><span style="color: blue;"><span style="font-size: small;"><iframe name="I2" src="http://sms-online.web.id/widget"</span><span style="font-size: small;"><br />
</span><span style="font-size: small;">width="</span><span style="font-size: small;">270</span><span style="font-size: small;">"</span><span style="font-size: small;"> height="</span><span style="font-size: small;">350</span><span style="font-size: small;">"> not support</span><span style="font-size: small;"><br />
</span><span style="font-size: small;"></iframe></span><span style="font-size: small;"><br />
</span><span style="font-size: small;"><a href='http://www.seiparing.co.cc/2010/06/membuat-widget-sms-gratis.html' rel='nofollow'>Make Widget</a></span></span></div><span style="font-size: small;"><br />
</span><br />
<div style="text-align: justify;"><span style="font-size: small;">Selesai silakan anda SMS ke Teman, sahabat atau ke pacar anda tapi sayang tida bisa menerima pesan SMS tapi ada caranya dibawah pesan SMS tersebut kita ketik balas pesan ke No HP saya 087815 xxx misalnya kemudian kita membalas SMS lewat Internet begitu seterusnya maka pulsa kita tidak terpakai alias gratis.</span></div></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com5tag:blogger.com,1999:blog-6621769477201114186.post-27831637053740860492010-08-22T09:52:00.000-07:002010-08-22T11:19:02.198-07:00Cara membuat link yang ditunjuk membesar dan berpijarSelamat bergabung lagi sobat-sobat sekalian di blog impian relugais12....<br />
Relugais12 Akan langsung saja menyampaikan <br />
berikut sedikit cara dari saya tentang <b>link yang kita tunjuk akan bersinar dan membesar</b><br />
mau tahu apa aja yang harus sobat-sobat sekalian kerjakan ???!!!!<br />
berikut langkah-langkah dan tutorialnya ....<br />
<span class="fullpost"><br />
1.login dahulu ke blogger anda<br />
2.buka tata letak<br />
3.edit html<br />
4.expand template widget<br />
cari aja kode yang ini</span><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); color: lime; height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">/* global link attributes */></div><span class="fullpost"><br />
<br />
atau kalau ga ada cari yang ini</span><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); color: lime; height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">a {color: $mainLinkColor; text-decoration: underline;}<br />
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}<br />
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}<br />
a:hover {</div><span class="fullpost"><br />
<br />
kemudian tambahkan kode ini</span><br />
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); color: blue; height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }</div><span class="fullpost"><br />
<br />
<br />
sehingga menjadi seperti ini<br />
<br style="color: lime;" /><span style="color: lime;">a {color: $mainLinkColor; text-decoration: underline;}</span><br style="color: lime;" /><span style="color: lime;">a:hover {color: $mainHoverLinkColor; text-decoration: underline;}</span><br style="color: lime;" /><span style="color: lime;">a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}</span><br style="color: lime;" /><span style="color: lime;">a:hover {</span><br />
<span style="color: blue;">color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }</span><br style="color: blue;" /><br />
ingat...jangan dulu disave yah....<br />
pratinjau dulu ...kalau dipratinjau sudah oke apakah (link berpijar dan membesar)<br />
baru sobat save.<br />
gimana mudahkan...<br />
saya percaya sobat sekalian pasti bisa.....gak ada yang gak bisa di dunia nhe,org sangat sederhana kok</span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com9tag:blogger.com,1999:blog-6621769477201114186.post-39541088756361825432010-08-22T09:22:00.001-07:002010-08-30T04:16:46.042-07:00Cara Memasang Televisi Online di Blogger<div class="single-entry"><div style="text-align: left;"></div><div style="text-align: justify;"><span style="font-size: small;">Disini Saya akan membahas tentang bagaimana cara memasang tv online d blog kalian masing2....</span></div></div><div class="single-entry"><div style="text-align: justify;"><span style="font-size: small;">Kita berjumpa kembali di postingan ini untuk berbagi pengalaman kepada pengunjung blog ini sebuah postingan yang suka pada nonton tv di internet baik nasional maupun internasional disini kita bebas untuk tv apa saja yang kita inginkan gratis.</span><br />
<span style="font-size: small;">Berikut langkah-langkah cara pemasangan tv online:</span></div><ol style="text-align: justify;"><li><span style="font-size: small;">Klik Rancangan atau yang dalu Tata Letak</span></li>
<li><span style="font-size: small;">Klik Tambah Gadget</span></li>
<li><span style="font-size: small;">Pilih HTML/Java sceipt</span></li>
<li><span style="font-size: small;">Copy Code cript dibawah ini letakkan di point no 3 dan simpan</span></li>
</ol><div style="background-color: #c3fdb8; border: 2px dotted rgb(0, 100, 0); padding: 10px; text-align: justify;"><span style="font-size: small;"> <b style="color: black;"><a href="http://www.seiparing-tv.co.cc" target="_blank"><img src="http://i867.photobucket.com/albums/ab235/ruslan02/BANNERIKLAN.gif" border="0" alt="Photobucket"></a> </b></span></div><div style="text-align: justify;"><span style="font-size: small;"><br />
Demikian postingan ini saya berikan kepada anda dan silakan pasang di Blog dan Setus anda untuk dapat link ke Blog yang menyediakan TV Internet Live untuk anda</span></div></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com5tag:blogger.com,1999:blog-6621769477201114186.post-6623888556135641282010-08-22T09:20:00.000-07:002010-08-22T09:20:25.923-07:00Cara Membuat Teks Berjalan Di Adress BarPada postingan kali ini,impian relugais12 cuma mau sharing aja tentang cara membuat teks berjalan di addressbar. Inipun hasil impian relugais12 browsing di internet. Ga ada salahnya kan impian relugais12 berbagi ilmu dengan teman-teman. Sebenarnya untuk membuat teks berjalan di address bar ini hanya dibutuhkan script yang nantinya akan kita pasang di head template kita. <br />
<br />
Scriptnya seperti di bawah ini :<br />
<div style="background-color: gainsboro; border: 2px dashed rgb(0, 100, 0); padding: 10px; text-align: left;"><div style="color: lime;"><SCRIPT language='JavaScript'></div><span style="color: lime;">var txt="..::<b style="color: blue;">Nama Yang Anda Suka</b>::... ";<br />
</span><br />
<div style="color: lime;"><span style="color: lime;">var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;</span></div><div style="color: lime;"><span style="color: lime;">txt=txt.substring(1,txt.length)+txt.charAt(0);</span></div><div style="color: lime;"><span style="color: lime;">segarkan=setTimeout("bergerak()",kecepatan);}bergerak();</span></div><div style="color: lime;"><span style="color: lime;"></SCRIPT> </span></div><span style="color: lime;"></span></div><span class="fullpost"><br />
<br />
Caranya, ganti nama blog pada script di atas dengan nama blog kamu.<br />
Untuk cara pemasangan script di blog, seperti biasanya silahkan login dulu ke blogger. Setelah itu pilih tata letak halaman, lalu pilih edit template. Kemudian cari kode<span style="color: red;"> </span><b style="color: red;"></head></b> dan letakkan script tadi di atas kode <b><span style="color: red;"></head></span> </b>tersebut. Jika sudah silahkan simpan template kamu dan silahkan lihat hasilnya.<br />
<br />
Mudahkan. Semoga postingan ini berguna bagi kamu semua. Selamat mencoba dan sampai jumpa di postingan Impian relugais12 berikutnya.</span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com23tag:blogger.com,1999:blog-6621769477201114186.post-9267148290257881152010-08-22T09:09:00.000-07:002010-08-22T11:16:03.244-07:00Cara Membuat Dua Kolom dibawah Kolom Posting (Plus Tambah Gadget)<div style="overflow:auto;width:492px;height:536px;padding:10px;border:1px solid #eee">Ok, back to topic. Kita bahas lagi cara membuat dua kolom dibawah postingan. Ini bisa jadi alternatif <a href="http://muhammadrizkifadillah.blogspot.com/2010/01/membuat-multi-kolom.html">multi kolom</a> yang tempo hari pernah saya bahas. Ok. Tertarik membuatnya? Ikuti langkah-langkah berikut ini.<br />
<br />
1. Login ke Blogger, lalu klik menu <b>Tata Letak</b> > <b>Edit HTML</b>.<br />
2. Silakan backup template anda.<br />
3. Taruh kode ini diatas kode <code style="color: lime;">]]></b:skin></code><br />
<br />
<blockquote><div style="color: red;"><span class="fullpost">#doublecolumnleft, #doublecolumnright{</span></div><div style="color: red;"></div><div style="color: red;">height:auto;</div><div style="color: red;"></div><div style="color: red;">width:<b>205px</b>;</div><div style="color: red;"></div><div style="color: red;">padding:10px;</div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;">background:#81F781;</div><div style="color: red;"></div><div style="color: red;"></div><div style="color: red;">color:#000000;</div><div style="color: red;"></div><div style="color: red;">}</div><div style="color: red;"><br />
</div><div style="color: red;">#doublecolumnleft h2, #doublecolumnright h2{</div><div style="color: red;"></div><div style="color: red;">font-size:large;</div><div style="color: red;"></div><div style="color: red;">font-weight:bold;</div><div style="color: red;"></div><div style="color: red;"></div><div style="color: red;"></div><div style="color: red;">#doublecolumnright h2{</div><div style="color: red;"></div><div style="color: red;">text-align:right;</div><div style="color: red;"></div><div style="color: red;">}</div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"></div><div style="color: red;">#doublecolumnleft a, #doublecolumnright a{</div><div style="color: red;"></div><div style="color: red;">color:#0A2A0A; text-decoration:underline;</div><div style="color: red;"></div><div style="color: red;">}</div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;">#doublecolumnleft a:hover, #doublecolumnright a:hover{</div><div style="color: red;"></div><div style="color: red;">text-decoration:none;</div><div style="color: red;"></div><div style="color: red;">}</div><div style="color: red;"></div><div style="color: red;">#doublecolumnleft{</div><div style="color: red;"></div><div style="color: red;">float:left;</div><div style="color: red;"></div><div style="color: red;">}</div><div style="color: red;"></div><div style="color: red;"></div><div style="color: red;">#doublecolumnright{</div><div style="color: red;"></div><div style="color: red;">float:right;</div><div style="color: red;"></div><div style="color: red;">text-align:right</div><div style="color: red;"></div><div style="color: red;">}</div></blockquote>Ket: bagian <b>205px</b> adalah lebar dari masing-masing kolom. Sesuaikan dengan lebar main wrapper anda.<br />
<br />
<br />
<br />
4. Cari bagian main wrapper (kolom posting) anda. Misalkan punya saya:<br />
<br />
<blockquote><div style="color: red;"><span class="fullpost"><div id='main-wrapper'></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:section class='main' id='main' showaddelement='no'></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:widget id='HTML16' locked='false' title='' type='HTML'/></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"></b:section></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"></div></span></div><span class="fullpost"><br />
</span></blockquote><span class="fullpost">5. Lalu sebelum kode <code></div></code>, ketikkan kode berikut.<br />
<br />
<br />
</span><br />
<blockquote><div style="color: blue;"><span class="fullpost"><b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/></span></div><div style="color: blue;"><span class="fullpost"><br />
</span></div><div style="color: blue;"><span class="fullpost"><b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/></span></div><span class="fullpost"><br />
</span></blockquote><span class="fullpost">Sehingga menjadi:<br />
<br />
</span><br />
<blockquote><div style="color: red;"><span class="fullpost"><div id='main-wrapper'></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:section class='main' id='main' showaddelement='no'></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:widget id='HTML16' locked='false' title='' type='HTML'/></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/></span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"><br />
</span></div><div style="color: red;"><span class="fullpost"></b:section></span></div><span class="fullpost"><br />
</span><br />
<span class="fullpost"><span style="color: blue;"><b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/><br />
<br />
<b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/></span></span><br />
<span class="fullpost"><br />
</span><br />
<div style="color: red;"><span class="fullpost"></div></span></div><span class="fullpost"><br />
</span></blockquote><span class="fullpost">7. Simpan.<br />
<br />
<br />
<br />
8. Beralih ke tab <b>Elemen Halaman</b>, anda akan menemukan link <b>Tambah Gadget</b> dibawah kolom posting. Klik link tersebut untuk menambah widget, semisal <b>recent posts</b> atau <b>recent comments</b>.<br />
<br />
<br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><span class="fullpost"><a href="http://3.bp.blogspot.com/_g30iiY0E5ek/S7GCS9NIuvI/AAAAAAAAAl0/OJoEuTXbecE/s1600/tataletakdblcolumn.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_g30iiY0E5ek/S7GCS9NIuvI/AAAAAAAAAl0/OJoEuTXbecE/s320/tataletakdblcolumn.JPG" /></a></span></div><span class="fullpost">Berhasil? Selamat! Gagal? Coba lagi! Semoga bermanfaat!<br />
<br />
</span></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com2tag:blogger.com,1999:blog-6621769477201114186.post-27466155870330192632010-08-22T08:33:00.000-07:002010-08-30T04:19:56.581-07:00Cara Membuat Halaman yang Bisa Ngelipat Atau Page Peel Effect<div style="border: 1px solid rgb(238, 238, 238); height: 492px; overflow: auto; padding: 10px; width: 536px;"><div class="post-body entry-content"><div style="text-align: justify;">Suatu ketika lagi ngenet tiba-tiba menemukan suatu web yang unik tampilan halamannya. Uniknya tuh kalau kita mengarahkan kursor mouse kita di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya.<a href="http://www.blogger.com/post-create.g?blogID=6621769477201114186" name="more"></a></div><br />
Teman-teman juga bisa menemukannya di blog ini. Yang seperti ini lho...<br />
<br />
<a href="http://1.bp.blogspot.com/_RVpTV2JOOxA/Sw37eTgMQbI/AAAAAAAABCc/bFbcMzqZBBY/s1600/page_peel_t4belajarblogger.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5408255225591775666" src="http://1.bp.blogspot.com/_RVpTV2JOOxA/Sw37eTgMQbI/AAAAAAAABCc/bFbcMzqZBBY/s320/page_peel_t4belajarblogger.JPG" style="cursor: pointer; display: block; height: 141px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a><br />
<br />
<br />
<br />
Untuk membuat halaman blog teman-teman seperti di atas caranya gampang. Ikuti langkah2 berikut:<br />
<br />
<br />
<span style="font-weight: bold;">1</span>. Login ke blogger >> Tata Letak >> Edit HTML >> Expand widget template<br />
<br />
<span style="font-weight: bold;">2</span>. Cari kode <br />
<br />
<table border="1" style="color: lime;"><tbody>
<tr><td><b:skin><![CDATA[</td></tr>
</tbody></table>dan letakkan kode berikut di <span style="font-weight: bold;">atas</span>nya:<br />
<br />
<div class="alert" style="color: blue;"><script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$("#pageflip").hover(function() {<br />
$("#pageflip img , .msg_block").stop()<br />
.animate({width: '307px',height: '319px'}, 500);<br />
} , function() {<br />
$("#pageflip img").stop()<br />
.animate({width: '50px',height: '52px'}, 220);<br />
$(".msg_block").stop()<br />
.animate({width: '50px',height: '50px'}, 200);<br />
});<br />
});<br />
</script></div><div style="color: blue;"><br />
</div><span style="font-weight: bold;">3</span>. Lalu cari lagi kode <br />
<br />
<table border="1" style="color: lime;"><tbody>
<tr><td>]]></b:skin></td></tr>
</tbody></table>Dan letakkan kode berikut tepat di <span style="font-weight: bold;">atas</span>nya:<br />
<br />
<div class="alert" style="color: blue;">#pageflip {<br />
position: relative;<br />
}<br />
#pageflip img {<br />
border: none;<br />
width: 50px; height: 52px;<br />
z-index: 99;<br />
position: absolute;<br />
right: 0; top: 0;<br />
-ms-interpolation-mode: bicubic;<br />
}<br />
#pageflip .msg_block {<br />
width: 50px; height: 50px;<br />
position: absolute;<br />
right: 0; top: 0;<br />
background: url(<span style="font-weight: bold;">http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png</span>) no-repeat right top;<br />
text-indent: -9999px;<br />
}</div><br />
<span style="font-weight: bold;">4</span>. Cari kode <br />
<br />
<table border="1" style="color: lime;"><tbody>
<tr><td><body></td></tr>
</tbody></table>Dan lettakkan kode berikut di <span style="font-weight: bold;">bawah</span>nya:<br />
<br />
<br />
<div class="alert"><span style="color: blue;"><div id='pageflip'></span><br />
<span style="color: blue;"><a href=</span>'<span style="color: #009900; font-weight: bold;">http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger</span>' <span style="color: blue;">target='_blank'></span><br />
<span style="color: blue;"><img alt='' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/></span><br />
<span style="color: blue;"><span class='msg_block'/></span><br />
<span style="color: blue;"></a></span><br />
<span style="color: blue;"></div></span></div><div class="alert"><br />
</div><span style="font-size: 78%;">╬Anda bisa mengganti warna </span><span style="color: #009900; font-size: 78%; font-weight: bold;">Ijo</span><span style="font-size: 78%;"> dengan Link yang anda inginkan. </span><span style="color: red; font-size: 78%;">Saran</span><span style="font-size: 78%;">: Link RSS atau<br />
<a href="http://t4belajarblogger.blogspot.com/2009/11/membuat-form-berlangganan-posting-via.html" target="_blank">link berlangganan</a>.</span><br />
<br />
<span style="font-weight: bold;">5</span>. <span style="color: #ff6600; font-weight: bold;">Simpan</span> hasil kerjaan anda.<br />
<br />
Sekarang silahkan lihat blog anda, bagaimana....baguskan?<br />
Untuk mengganti gambar dinding, teman-teman bisa mengganti URL berikut:<br />
<br />
#pageflip .msg_block {<br />
width: 50px; height: 50px;<br />
position: absolute;<br />
right: 0; top: 0;<br />
background: url(<span style="color: #3333ff; font-weight: bold;">http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png</span>) no-repeat right top;<br />
text-indent: -9999px;<br />
}<br />
<br />
Semoga Bermanfaat []<br />
<div style="clear: both;"></div></div></div>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com13tag:blogger.com,1999:blog-6621769477201114186.post-28655457543626302262010-08-17T10:51:00.000-07:002010-08-22T08:38:35.055-07:00Cara Mendaftarkan Blog anda di Search Engine<div class="entry"><div style="text-align: justify;">Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.<span class="fullpost"></span></div><div></div><div style="text-align: justify;">Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.<br />
<span id="more-35"></span><br />
Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :</div><span class="fullpost"> <br />
<div style="text-align: justify;"></div><div class="snap_preview" style="text-align: justify;"><br />
<br />
<li><b>Daftar Google</b>Untuk mendaftar ke google, silahkan sobat kunjungi <a href="http://www.google.com/addurl/" target="_blank"><b>http://www.google.com/addurl/</b></a>, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :</li><br />
<br />
<br />
<li>URL –> Isi dengan URL blog sobat.</li><br />
<br />
<br />
<li>Comments –> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat</li><br />
<br />
<br />
<li>Isi kotak kosong dengan huruf Verifikasi yang tersedia</li><br />
<br />
<br />
<li>Klik tombol <b>Add URL</b></li><br />
<br />
<br />
<li>Selesai.Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.</li><br />
<br />
<br />
<li><b>Daftar Yahoo!</b>Untuk mendaftar ke yahoo! silahkan sobat kunjungi <a href="https://siteexplorer.search.yahoo.com/submit" target="_blank"><b>https://siteexplorer.search.yahoo.com/submit</b></a>. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol <b>Add URL</b>, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan <b>atom.xml</b> di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut : <br />
http://radhitisme.blogspot.com/atom.xml<br />
atau memakai www pun sama saja :<br />
http://www.radhitisme.blogspot.com/atom.xml <br />
</li><br />
<br />
<br />
<li><b>Daftar ke Msn</b>Untuk daftar ke Msn, silahkan sobat kunjungi <a href="http://search.msn.com/docs/submit.aspx?FORM=WSDD2" target="_blank"><b>http://search.msn.com/docs/submit.aspx?FORM=WSDD2</b></a> silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol <b>Submit URL</b>, selesai. <br />
Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja banner dibawah ini :<br />
<a href="http://freewebsubmission.com/" target="_blank"><img alt="Submit Your Site To The Web's Top 50 Search Engines for Free!" border="0" height="31" src="http://www.freewebsubmission.com/images/fwsbutton11.gif" width="88" /></a><br />
Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol <b>Submit Your Site</b>.<br />
Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik banner di bawah : <br />
<a href="http://pingoat.com/" target="_blank"><img alt="pingoat_9.gif" border="0" src="http://out.pingoat.com/pix/pingoat_9.gif" /></a><br />
<br />
<div style="font-family: times new roman;"><span style="font-size: 100%;">Anda tinggal mengisi form yang di sediakan.</span></div><span style="font-size: 100%;"><span style="font-size: 100%;"><span style="font-family: times new roman;">Selamat Mencoba...</span></span></span><br />
<span style="font-family: times new roman; font-size: 78%;"><span style="color: #ff6666; font-size: 85%;">(Sumber : impianrelugais12.blogspot.com)</span></span></li><br />
</div><br />
<div style="clear: both;"></div><br />
</div> </span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com12tag:blogger.com,1999:blog-6621769477201114186.post-14298971686198301712010-08-17T10:23:00.000-07:002010-08-21T14:47:31.096-07:00Cara Membuat Sponsor Pada BlogDi Sini saya akan memberikan beberapa sponsor yang mungkin setidaknya dalam perlombaan ini akan berguna atau hanya sebagai pajang hiasan di blog anda.<br />
Ya saya dalam lomba Desain blog telah merasakan semua apa yang di lombakan ,apa lagi ini dari sebuah sponsor,sangatlah penting untuk digunakan.<br />
Saya tidak akan berpanjang-panjang lebar lagi menjelasin tentang kode di bawah ini yang akan saya kasih...<span class="fullpost"><br />
langsung saja saya melihatkan langkah-langkah untuk membuat sponsor di gedget:<br />
<ol><li>Masuk ke blog anda,</li>
<li>Pilihlah Tata letak yang sekarang disebut rancangan</li>
<li>Lalu pilih Tambah gedget</li>
<li>klik HTML/JavaScript</li>
<li>lalu Masukkan code dibawah ini kedalamnya.</li>
</ol><br />
<div style="color: red;"><marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br />
<br />
<a href="<span style="color: lime;">http://pekanbaru-riau.blogspot.com/2007/10/mall-pekanbaru.html" target="_blank"><img src="http://3.bp.blogspot.com/_m5mB5X0aSog/ShQMBbqrJyI/AAAAAAAAAA4/5IjArJ_os_E/S220/malpekabaru_logo.jpg</span>'"/></a><br />
<br/><br/><br />
<a href="<span style="color: lime;">www.telkomspeedy.com" target="_blank"><img src="http://lh5.ggpht.com/_HR4qF9th884/SvZ70c61-TI/AAAAAAAAAH0/fd1LcGnp0kg/s128/43r3.jpg</span>"/></a><br />
<br/><br/><br />
<br/><br/><br />
<a href="<span style="color: lime;">http://www.putrasun.com/" target="_blank"><img src="http://lh5.ggpht.com/_HR4qF9th884/SvZ33BYiX-I/AAAAAAAAAHo/0QWC8LZpadU/s128/title.gif</span>"/></a><br />
<br/><br/><br />
<br/><br/><br />
<a href="<span style="color: lime;">http://www.megaplasa.com/" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ1JHcxu-I/AAAAAAAAAHY/3JgOQy7AhU0/s128/PICT1274.JPG</span>"></a><br />
<br/><br/><br />
<br/><br/><br />
<a href="<span style="color: lime;">http://www.bertuah.org" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ6L836lwI/AAAAAAAAAHs/hep88I9mXBE/s128/logo.gif</span>"></a><br />
<br/><br/><br />
<br/><br/><br />
<a href="<span style="color: lime;">http://www.mandalaair.com/" target="_blank"><img src="http://lh3.ggpht.com/_HR4qF9th884/SvZ6Lx1dsJI/AAAAAAAAAHw/t-t_ppdaiVU/s128/logo-mandala.gif</span>"></a><br />
<br/><br/><br />
<br/><br/><br />
<a href="<span style="color: lime;">http://www.telkom.co.id/" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ2-2T2i5I/AAAAAAAAAHk/duDKzowXJMw/s128/new-telkom-logo.jpg</span>"></a><br />
<br/><br/><br />
<br/><br/><br />
<a href="<span style="color: lime;">http://www.saturiau.com/read/ekonomi/707/2009/05/19/citarasa-foodcourt-mal-pekanba-html" target="_blank"><img src="http://lh3.ggpht.com/_HR4qF9th884/SvZ1JGvopFI/AAAAAAAAAHc/M4mj-vIXFDQ/s128/PICT1278.JPG</span>"></a><br />
<br/><br/><br />
</marquee> </div></span>CaRilaH seMua DisinIhttp://www.blogger.com/profile/15962189941371081916noreply@blogger.com76