New Post

Upin dan Ipin

Thursday, December 17, 2009

ho..ho...serial kartun animasi kesukaan ku upin dan ipin membuat aku ngga pernah update blog ini.....akhirnya pas BLOGGOA dapet kesempatan akhirnya film ini ku posting di blogku...biar bisa nonton juga nieh

nah buat para bloger yang suka animasi silakan klik spoiler dibawah ini untuk menonton serial upin dan ipin.....

selamat menikmati
Spoiler untuk NONTON:





Read Full 13 comments

reflection image without photoshop

Friday, November 20, 2009
imagepengen memasang gambar di blog yang memakai refleksi seperti gambar disamping???tapi belum mahir menggunakan photoshop atau program editing gambar lainnya......jangan khawatir...kali ini bloggoa membuat postingan tentang cara membuat gambar yang menggunakan reflection effect (seperti gambar disamping)...tenang aja gambar yang ada disamping ini juga hasil file js yang aku tanamkan di template facebook ini.....bukan hasil editing photoshop

sebenarnya postingan tentang effect gambar yang ada ti bloggoa sudah yang ketiga kalinya...pertama ada di link ini dan yang kedua coba anda klik disini.....
atau semua postingan yang berhubungan dengan effect gambar ada di link ini

nah kali ini bloggoa membagi tentang cara membuat gambar menjadi terrefleksi seperti cermin tanpa menggunakan photoshop....karena gw sendiri belum mahir menggunakan photoshop terpaksa gogling sana sini dan blogwalking keberbagai negara untuk mencari effect ini

caranya cukup mudah anda tinggal memasang script ini di atas </head> pada edit html

<script src="http://sites.google.com/site/toejoeh124/reflex.js" type="text/javascript"></script> 

dan simpan template anda......

pada halaman postingan...pilih yang mode edit html jangan yang mode compose ini dikarenakan kita akan measukkan code gambar tersebut.....didalam postingan masukkan code sebagai berikut :

<a href="URL GAMBAR ANDA"><img alt="image" border="0" class="reflex idistance4 iopacity50" src="URL GAMBAR ANDA" /></a>

catatan tulisan reflex idistance4 yang mempunya nilai 4 adalah jarak gambar dengan bayangannya dalam satuan pixel sedangakan iopacity50 yang mempunyai nilai 50 adalah transparancy dari efeect bayangan gambar......silahkan anda mengubahnya sesuai keinginan makin besar jarak reflex idistance maka makin besar jarak bayangannya begitupun sebaliknya

selamat mencoba dan happy blogging.......
Read Full 6 comments

Brad Sugar sang Entrepreneur ke Indonesia

Saturday, November 14, 2009
Brad Sugars, pemilik beberapa perusahaan yang bergerak di berbagai bidang, kolumnis majalah Entrepreneur USA, penulis buku, dan direktur pelatihan bisnis terdepan, ActionCOACH, akan hadir di Indonesia. Pada tanggal 26 November 2009 nanti, ia akan melatih mereka yang mempunyai impian besar, untuk menjalankan bisnisnya. Kunjungi link ini bila anda ragu untuk melewatkannya!



Apa yang spesial dari Brad?
Brad Sugars hanyalah seseorang yang memang terlahir untuk bisnis. Salah satu prestasinya yang paling terdengar konyol sekaligus mengagumkan adalah, ketika dia membeli 33% kepemilikan suatu toko busana wanita, hanya dengan sebuah janji untuk meningkatkan penjualan. Terdengar konyol bukan? Namun apa yang dijanjikannya benar terjadi. Ia meningkatkan penjualan toko itu sebesar 93% dalam 9 minggu pertama.
Reputasi Brad Sugars sebagai pelatih bisnis sangat mengesankan. Salah satu penulis buku bestseller “Rich Dad, Poor Dad”, Robert T. Kiyosaki, pernah mengajak Brad untuk memberikan pelatihan pada seminarnya di Hawaii pada tahun 1994. Kehandalannya dalam pelatihan bisnis telah membawa finalis The American Business Award ini, menjadi pengusaha paling dikagumi versi pembaca majalah E-Spy, setara dengan Rupert Murdoch, Henry Ford, Richard Branson and Anita Roddick. Jadi, coba tanyakan sekali lagi pada diri sendiri, “Apakah saya benar-benar ingin melewatkan ini?

Recomended Tags:
Brad Sugars, Business, Business Coaching, Business Training, Marketing, Pemasaran, Entrepreneur, Pengusaha


Billionaire In Training : b-training
Daftar Online : Register
Daftar Offline : Download
Read Full 3 comments

Tooltips

Friday, November 13, 2009
wuih sejak ganti template facebook jadi doyan ngeblog lagi nieh......kali ini BLOGGOA negposting tentang tooltip.......tapi bukan sejarahnya, untuk sejarah tooltip silahkan aja ke wikipedia sebagai perpustakaan online....wkwkwkwkwkwkw

pada postingan kali ini telah menerapkan efek tooltip pada link yang ada....kalo ngga percaya klik aja link...link...yang ada pada postingan ini.......eh ampir lupa tooltip merupakan kotak informasi kecil jika cursor kita arahkan ke link (kalo ngga salah).

untuk membuat efek seperti diatas silahkan klik ini

kalo dah baca link yang tadi nieh cara memasukkan di blog..........
pertama masuk ke edit html dan letakkan script di bawah ini persih dibawah ]]></b:skin> 


<SCRIPT language="JavaScript1.2" src="http://sites.google.com/site/toejoeh124/main.js"
type="text/javascript"></SCRIPT>   



kedua download style.js file kemudian edit sesuai yang sobat bloger inginkan......

misalnya pada kasus ini BLOGGOA mengubah beberapa text

Text[1]=["BLOGGOA","Click here to go to my Blog."]
Text[2]=["Baca ini","Mungkin Membantu Sobat Bloger?"]

dan lain sebagainya silahkan diubah sesuai keinginan sobat semua......

setelah file style.js ini sudah sobat bloger edit...upload di hostingan sobat bloger semua setelah itu masukkan persis di bawah <BODY> dengan contoh sbb :

 <DIV
id="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100;"></DIV>


<SCRIPT language="JavaScript1.2" src="alamat hosting file style.js" type="text/javascript"></SCRIPT>


setelah semua itu sudah dilakukan untuk penulisannya kedalam postingan kita hanya memberikan beberapa sentuhan pada link ...misalnya

dukung aku dalam Launching BeBlog dengan memasang link Launching BeBlog ini dibloger anda.

cara penulisan link + effect tersebut adalah :

<a href="http://toejoeh124.blogspot.com/2009/11/launching-beblog.html" onMouseOver="stm(Text[8],Style[5])" onMouseOut="htm()"><strong>Launching BeBlog</strong></a>

ingat harus menggunakan unsur stm(Text[8],Style[5]), untuk stm(Text[8]sobat bloger yang edit sendiri sebelum sobat upload file tersebut

selamat melakukannya......wkwkwkwkwkwkwk
Read Full 8 comments

Facebook Template

Wednesday, November 11, 2009

setelah sekian lama berkutat dengan tempalte yang lama...akhirnya BLOGGOA ganti template dengan template gubahan Abu Farhan yang hampir mirip template facebook.....ini disebabkan tempalte yang kemaren kebanyakan script yang udah ngga berfungsi soalnya script yang ada bloggoa simpan di geosities milik yahoo....tanpa back up....yach karena musing mikirin script akhirnya ganti template aja yang mirip facebook soalle dah lama juga make template yang kemaren.

setelah memodifikasi beberapa bagian dari template asli selama beberapa hari akhirnya saya langsung mengganti tempalte tersebut seperti yang teman2 lihat saat ini......

ada beberapa bagian template yang aku ubah pada bagian ini yakni :
  1. tinggi sidebar kiri yang aku naikkan sekitar 75 pixel
  2. sidebar sebelah kiri hilang ketika kita ingin membaca lengkap postingan dan membuat halaman postingan jadi lebih besar (klik disini untuk tutorialnya)
buat teman2 yang ingin mengganti template seperti ini silahkan download di sini

template ini masih dalam modifikasi.....maaf atas ketidaknyamanan ini.........
Read Full 16 comments

Launching BeBlog

Sunday, November 08, 2009
dengan dekatnya pengemumuman kontes Launching BeBlog Bloggoa memberikan sedikit info tentang perubahan keyword dari Launching Be-Blog diganti menjadi Launching BeBlog.....aneh juga sieh.... tapi menurut pengetahuan w yang masih belajar (red. newbie) ternyata kata kunci pertama mendeteksi dua kata kunci yakni "Launching" dan "Blog"

perubahan ini salah satunya di karenakan pencarian dengan keyword Launching Be-Blog khususnya di om google yang berektensi com sampe sekarang belom ada satu pun artikel yang memuncaki pencarian tersebut.....tapi setelah keywordnya ganti menjadi Launching BeBlog akhirnya ada artikel yang berhubungan dengan keyword ini memuncaki klasemen sementara om google [dot]com.....suatu kewajaran memang.....dalam pemilahan keyword seharusnya kita menggunakan kata kunci yang unik sehingga apa yang kita harapkan dari search engine bisa sesuai dengan keinginan kita......

hanya itu info yang bisa BLOGGOA posting untuk sementara.....dan dengan pergantian keyword menjadi Launching BeBlog semoga artikel ini bisa ikut naik setidaknya di 10(sepuluh) besar pencarian google.
Read Full 3 comments

script page to top

Tuesday, November 03, 2009
bingung mau nulis judul apa..terpaksa deh ngiseng2 nulis script ini siapa tau ada yang tertarik mau make.....

kali ini bloggoa mencoba berbagi tips tentang page to top....maksudnya ketika kita klik tulisan "top" maka secara otomatis akan kembali ke atas halaman....(sok ngejelasin lagi) ho...ho...dah banyak para master blog yang nulis tentang tips ini.....aku coba2 aja siapa tau banyak yang "komeng" (istilah anak2 yang OL di SB nya kang Rohman kalau mau comment di sebuah postingan) sekalian buat inbound link (nyundul link) "Launching Be-Blog" biar cepet terindeks ma om google.

jangan pada kecewa bro......kali ini bukan page to top sembarang...maksudee ada sebuah script yang harus para blogger tambahin di page edit html biar bisa ngefungsiin efeect ini........he...he....maka nya judulnya "script page to top". sesuai ama judulnya maka effect yang dihasilkan adalah ketika kita klik tulisan top maka akan kemabali keatas halaman seperti kita menekan tombol tengah mouse (alias scrooling).....kalo mau nerapkan dihalamn blognya ngikutin aja langkah2 dibawah ini........

jangan lupa masuk ke edit html trus nambahin script ini sebelum code </head>

<script src='http://www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/smooth.pack.js' type='text/javascript'/>
</script>



terus pasang deh page top dimana aja anda mau di bawah postingan kek...disidebar....ataw kaya punya gw..........dengan code seperti dibwah ini :
misalnya


<a href="#" onclick="$('#top')" >Top</a></p>



hasilnya kaya ini nieh click aja link Top

ini dan lihat hasilnya



happy blogging.....
Read Full 6 comments

Toogle Picture

Tuesday, October 27, 2009
akhir2 ini kok BLOGGOA rajin amat ngeposting tentang picture setelah sebelumnya memposting tentang effect thumbnail pada picture...kali ini BLOGGOA mencoba berbagi tips dengan menampilkan gambar dengan toogle picture......bingung juga mau nulis judulnya apa....yang jelas maksudnya ketika mouse kita menyentuh gambar kecil (icon thumbnail) maka tabel disamping akan menghasilkan efeect gambar menjadi besar....tujuannya sieh untuk mempercantik blog...biar kelihatan interactive.......

tips ini sebenarnya cocok buat para bloger yang ingin menampilkan preview templatenya....tapi buat teman2 yang kurang kerjaan ngepost picture kaya BLOGGOA....silahkan mengikuti tutorial yang sedikit aneh ini..........

untuk ilustrasinya silahkan lihat gambar dibawah ini.........dan gerakkan mouse anda pada bagian thumbnailnya.........



kalo anda berminat ingin membuat effect seperti itu....caranya cukup mudah

masuk ke edit html masukkan kemudian copy script ini dan masukkan Setelah code   ]]></b:skin> 
<script language="JavaScript" src="http://sites.google.com/site/toejoeh124/toogle.js">
</script>

save template anda dan beralih lah kehalaman posting

pada saat memposting jangan lupa untuk membuat tabel...biar tampak profesional (silahkan klik ini untuk cara membuat tabel).

kalau anda malas untuk membuka artikel tersebut...ini cara mempostingnya.....
masuk kelahalamn posting...kemudian pilih yang edit html kemudian copas code berikut dihalaman postingan anda..............
<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr><td valign="top">
<div align="center" style="margin:15px;">
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr> <td width="425"><img src="alamat gambar 1" name="BLOGGOA" /></td> <td width="125"><table width="125" border="0" cellspacing="10" cellpadding="0">
<tr> <td width="25"><img src="http://www.smiletemplates.com/img/sel.gif" name="sel1" width="14" height="55" /></td> <td width="100" align="center"><a href="#" onmouseover="MM_swapImage('BLOGGOA','','alamat gambar 1',1),MM_swapImage('sel1','','http://www.smiletemplates.com/img/sel.gif',1),MM_swapImage('sel2','','http://www.smiletemplates.com/img/s.gif',1),MM_swapImage('sel3','','http://www.smiletemplates.com/img/s.gif',1)"><img src="alamat gambar 1"  width="80" height="150" border="0" id="BLOGGOA" />
Hal. Depan</a></td> </tr>
<tr> <td><img src="http://www.smiletemplates.com/img/s.gif" name="sel2" width="14" height="55" /></td> <td align="center"><a href="#" onmouseover="MM_swapImage('BLOGGOA','','alamat gambar 2',1),MM_swapImage('sel1','','/img/s.gif',1),MM_swapImage('sel2','','/img/sel.gif',1),MM_swapImage('sel3','','/img/s.gif',1)"><img src="alamat gambar 2"  width="80" height="150" border="0" id="BLOGGOA" />
Hal. Posting 1</a></td> </tr>
<tr> <td><img src="http://www.smiletemplates.com/img/s.gif" name="sel3" width="14" height="55" /></td> <td align="center"><a href="#" onmouseover="MM_swapImage('BLOGGOA','','alamat gambar 3',1),MM_swapImage('sel1','','http://www.smiletemplates.com/img/s.gif',1),MM_swapImage('sel2','','http://www.smiletemplates.com/img/s.gif',1),MM_swapImage('sel3','','http://www.smiletemplates.com//img/sel.gif',1)"><img src="alamat gambar 3" width="80" height="150" border="0" id="BLOGGOA" />
Hal. Posting 2</a></td> </tr>
</div>
</table>
</table>
</table>



yang harus anda perhatikan adalah
ganti tulisan yang di cetak tebal.....pada code diatas dengan code gambar anda
tulisan yang berwarna merah   dengan id gambar anda......sedangakan tulisan yang berwarna orange   merupakan tulisan yang adah di bawah gambar (keterangan gambar)

demikian tehnik toogle picture pada postingan kali ini kalian bisa melayangkan komentar jika ada yang belum dipahami atau contact aku lewat ym jika aku sedang online.

dan jika tidak keberatan tolong dukung saya dalam Kontes Launching Be-Blog dengan memasang code dibawah ini di BLOG anda

<a href="http://toejoeh124.blogspot.com/2009/10/launching-be-blog.html">Launching Be-Blog</a>

thanks....and HAPPY BLOGING................
Read Full 8 comments

Hati-hati di Jalan??

Monday, October 26, 2009
"HATI-HATI DIJALAN??" sebuah kalimat yang sering kita dengar dari seseorang yang memperhatikan dan menyayangi kita, kadang kala kalimat itu terasa hanya menjadi sebuah kalimat biasa, yang sering kita indahkan.... begitulah kejadian sesaat sebelum BLOGGOA memacu motornya ke acara tahunan yang diperuntukkan buat para blogger mania di SMESCO (tempat diadakannya Pesta Blogger 2009).

ini merupakan pengalaman pertama BLOGGOA yang turut meramaikan diri dalam ajang nasional para bloger mania ini. bayangan pertama kali bahwa acara ini adalah sebatas party yang membuang-buang waktu hilang...ketika melihat break down acara yang diserahkan oleh panitia...ternyata ada beberapa breakout session yang telah disusun salah satunya yang diadakan oleh PT. Ford Motor Indonesia tentang Ford Driving Skill For Life. di sesi ini dsflinonesia [dot] com mengangkat tema tentang "Nyaman dan Aman di Jalan Raya Milik Kita Semua" dengan tujuan ingin melengkapi pengemudi Indonesia dengan cara pikir positif tentang betapa berharganya keselamatan dijalan, mengembangkan kemampuan mengemudi yang ekonomis (ecodriving) dan keahlian yang akan memberikan kontribusi terhadap budaya disiplin.

Menurut Menteri Perhubungan Jusman Sfafii Djamil di Jakarta, jumlah angka kecelakaan lalu lintas pada 2009 ini mencapai 19 ribu kasus, jumlah ini naik dibanding tahun sebelumnya yang mencapai 18 ribu kasus. Sebanyak 70 persen penyumbang kecelakaan adalah kendaraan roda dua. Terkait dengan itu, pemerintah akan lebih meningkatkan sosialisasi soal kedisiplinan serta etika berkendara. Selain itu pembatasan waktu penggunaan kendaraan juga akan diberlakukan. Salah satunya adalah dengan pengukuran emisi gas buang secara rutin. (sumber: Liputan6)

Tingginya angka kecelakaan tersebut di sebabkan karena pengetahuan pengendara yang minim, kurang mengenal karakteristik kendaraan yang dikendarai serta tidak mempersiapkan diri secara baik. Serta mental adu balap liar yang kerap kali, pengendara motor emosi, dan seperti ingin membuktikan bahwa dirinya adalah yang tercepat di jalan raya, tanpa mempedulikan keselamatan dirinya dan orang lain di sekitarnya.

Melihat hal itu dapat kita katakan bahwa pengendara merupakan salah satu faktor utama apakah kecelakan itu terjadi atau dapat dihindari, dengan asumsi jika pengendara dapat mengemudikan kendaraannya dengan baik dan dapat bereaksi secara benar pada saat yang tepat, maka secara teori kecelakaan tersebut tidak akan terjadi. Sejalan dengan itu ternyata DSFL yang merupakan program kerjasama antara Ford Motor Company dengan the Asia Injury Prevention Foundation (AIP Foundatian) dan beberapa agen pemerintahan yang merupakan program edukasi mengemudi yang komprehensif, mudah dicerna serta disesuaikan dengan kebutuhan lokal mempunyai tiga aspek penting yakni Smart driving, Protection lives, dan Saving fuel.

berikut 10 tips berkendara dengan aman ala DSFL :




Spoiler untuk tips:










mengutip ucapan dari Dodi Budiono, Instruktur Indonesia Defensive Driving Center (IDDC) bahwa :
" Jika kita mengendarai Mobil maka besi melindungi kulit kita, sebaliknya pengendara motor dan pejalan kaki kulitnya menjadi pelindung bagi besi...olehnya itu sebaiknya sebagai pengendara yang waras sebaiknya mengalahlah ketika kulit kita dilindungi oleh besi "

semoga postingan diatas dapat membuat para bloger menjadi "Nyaman dan Aman di Jalan Raya"
Read Full 4 comments

Launching Be-Blog

Friday, October 23, 2009
akhirnya bloger bekasi punya komunitas blogger.Komunitas ini terbentuk pada tanggal 17 oktober 2009. acara yang di gelar di BCP (Bekasi Cyber Park) dengan nama acara Launching Be-Blog yang merupakan penanda dibukanya komunitas bloger bekasi (blogerbekasi [dot] com)bisa digunakan sebagai wadah komunikasi serta bertukar informasi antar warga Bekasi yang nantinya dapat memperkenalkan potensi-potesi yang ada di Kota Bekasi melalui media internet karena dianggap bahwa budaya internet sudah semakin tak terpisahkan dari masyarakat dunia, dimana di berbagai belahan dunia, internet telah menjadi gaya hidup yang nyaris menjadi kebutuhan primer.


Launching Be-Blog yang dibuka oleh Walikota Bekasi Bapak Moechtar Moehammad mengharapkan wadah ini (blogerbekasi [dot] com) mampu mengidentifkasi sejak dini aneka persoalan yang terjadi di Bekasi. Sehingga persoalan yang terjadi di masyarakat bisa segera ditangani pengambil keputusan atau pemerintah daerah.

Dalam acara ini juga dihadiri berbagai komunitas blogger yang telah tebentuk sebelumnya sebut saja blogger Ngalam, TPC, Blogger Garut, Deblogger, BHI, dan wongkito. berikut ini foto-foto testimoni yang aku ambil dari blognya ramdoni pada acara Launching Be-Blog (klik gambar untuk memperbesar)



BLOGGOA sebagai salah satu bloger yang tinggal di Kota Bekasi, mencoba turut serta dengan kontes yang diadakan blogerbekasi [dot] com yang mengambil thema Kontes Launching Be-Blog. Sekalian mengasah tehnik seo yang pernah kupelajari sebab kontes ini menggunakan tehnik SEO karena dianggap dengan menempati posisi yang bagus di search engine (mesin pencari), semakin besar peluang untuk promosi Kota Bekasi dalam dunia internet dan semakin besar peluang untuk mendapatkan lebih banyak pengunjung, mengingat blogger-blogger sangat cerdas dan keras dalam perihal berpromosi hanya dengan sebuah kata keyword melalui blog mereka masing-masing. Secara tidak langsung, Kota Bekasi akan lebih mudah dikenali hanya dengan melalui keyword dan sangat menghemat alokasi dana promosi yang tepat guna.

bagi para blogger yang ingin mengikuti kontes Launching Be-Blog silahkan mengunjungi situs resmi blogger bekasi [dot] com untuk syarat dan ketentuannya
Read Full 7 comments

Merubah Lebar Postingan pada Halaman tertentu

Thursday, October 22, 2009
pas ada waktu luang untuk nulis akhirnya w ngambil juga waktu itu......ha...haa.....update kedua blogku setelah lama vakum......ini dy nieh yang jadi pilihan gw apakah harus ngeblog atau ngurusin kerjaan.....(bodo ach....yang penting w mau nulis....hidup nulis......)setelah blogwalking kesana kemari plus membaca artikel dari kang jaloe dan menpelajari struktur layout w sendiri....akhirnya aku bisa ngerti apa yang ditulis oleh kang jaloe......(wah...lambat banget akyu ngerti....padahal template ini udah hampir setahun umurnya...hi...hiii...)

menurut beliau Pada dasarnya blogspot itu terdiri dari beberapa halaman.
1. Halaman Depan  Atau FrontPage
2. Halaman Index Label
3. Halaman Archives Page
4. Halaman Postingan.

contoh :
A . Kolom, ukuran kolom  atau widget, di tampilkan pada  halaman depan namun disembunyikan atau ( berubah ) pada halaman Item Pages – Postingan. scriptnya mengunakan ini.
<b:if cond="data:blog.url == data:blog.homepageUrl"> di tutup dengan </b:if>

B. kolom atau elemen yang tampil pada halaman depan dan indek label, namun tidak tampil atau ( berubah ) pada halaman Item Pages – Postingan.
<b:if cond='data:blog.pageType != &quot;item&quot;'> dan di tutup dengan </b:if>

C. Pada halaman depan,  kolom atau elemen widget-nya tidak tampil namun akan tampil atau ( berubah ) pada halaman Item-Pages – Postingan.
<b:if cond='data:blog.pageType == "item"'> dan di tutup dengan </b:if>


Note :
Untuk kasus mengatur dan menampilkan halaman widget saya pernah bahas disinimenagatur widget yang ingin ditampilkan

sekarang yang akan saya bahas...dan telah saya praktekan adalah merubah lebar postinagn di URL tertentu atau dipostingan tertentu....yang pernah ditanyakan oleh sobat newbie kepada saya...

saya ngambil ilustrasi dari struktur blogku.

klik gambar untuk memperbesar



dan jika anda ingin menampilkan halaman posting saja pada halaman terentu tanpa side bar atau seperti gambar di bawah ini......

klik gambar untuk memperbesar



ho...ho....kurang puasya dengan gambarnya ini nieh hasil experimen di BLOOGOA

Yang perlu sobat lakukan adalah menambah script untuk  ukuran kolom yang akan di tampilkan pada halaman depan , dan menyembunyikan untuk kolom Sidebar.
caranya.

Setelah script  ]]></b:skin> 
Tambahkan script seperti ini.
<b:if cond='data:blog.url == &quot;http://toejoeh124.blogspot.com/2008/11/hilangkan-sidebar-dan-memperlebar-kolom.html&quot;'>
<style>
#main-wrapper {width: 965px; border:1px solid #ebebeb;}
#sidebar1 { display:none;}
#sidebar2 { display:none;}
</style>
</b:if>

begitulah kira-kira code scriptnya...ingat....tulisan yang berwarna merah ganti dengan alamat postingan anda.....yang ingin anda tampilkan

sedangkan tulisan yang berwarna biru.....itu di sesuaikan dengan lebar template anda.......biasanya sih untuk lebar template tulisannya kaya gini #outer-wrapper

selamat berexperimen yach.....kalo kurang beruntung...berarti karena nasib tuh.......he..he....(layangkan aja komentar anda dibawah ini)
Read Full 19 comments

pasang effect thumbnail gambar

setelah beberapa bulan vakum dalam ngeblog akhirnya saya coba menyempatkan menulis trik ini semoga berguna bagi para blogger mania yang ingin mempercantik blognya.....kali ini BLOGGOA membagi tips tentang efeck thumbnails yang dihasilkan sebuah objek atau gambar

sebenarnya effect thumbnail pada gambar telah banyak diposting oleh beberapa senior bloger indonesia.....sebut saja di blognya kang rohman.......o-om dan masih banyak senior bloger yang telah mempostingnya...kali ini saya membuat effect lain pada sebuah picture.....(walah...sok inggris)...maksudnya gambar...dimana jika kita ngeklik gambar tersebut akan ada effect yang terjadi......hi....hi....kaya ahli special effect aja ngomongnya.....

kita langsung saja memulai ya.....
effect yang terjadi jika kita ngeklik gambar tersebut adalah :
1. gambar yang kita klik akan membesar tanpa meninggalkan halaman utama
2. tampilan gambar seolah-olah adalh gambar flash....(tapi ini tergantung dengan ukuran gambar yang kita akan buat).............
4. bisa nampilin kaya slide....(he...he...tapi harus make keyboard dengan mengunakan panah kanan dan kiri untuk gambar berikutnya)
3. lihat sendiri effect pada gambar yang adah dibawah ini.......(klik gambar untuk melihat effect...jangan lupa ngekliknya kalo halaman ini udah selesai loading....he...he)



untuk membuat effect seperti diatas syaratnya cukup mudah kok..

pertama yang anda lakukan login ke accoun bloger anda.....

kedua masuk ke layout pilih edit html tanpa perlu Expand Widget Templates dan pasang code css seperti dibawah ini dan letakkan persis diatas code ]]></b:skin>

.pagecontainer {
position: relative;
width: 630px;
height: 480px;
border: 0px solid #cccccc;
margin-left: 0px;
font-family: Verdana, Helvatica, Arial, sans-serif;
color: #666666;
}
.pageheader {
width: 610px;
height: 30px;
padding-top: 15px;
padding-left: 25px;
letter-spacing: .2em;
text-transform: uppercase;
font-size: 80%;
text-decoration: strong; /* --- NOT WORKING ---*/
text-align: left;
}
.pagecenter {
width: 610px;
height: 400px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
font-size: 100%;
text-decoration: none;
text-align: left;
}
.pagefooter {
width: 610px;
height: 40px;
margin-top: 0px;
padding: 0 20px;
font-size: 100%;
text-decoration: strong;
text-align: left;
}
.pagethumbz {
margin: 4px;
border: 1px solid #cccccc;
padding: 4px;
opacity: 0.8;
height: 95px;
width: 95px;
cursor: pointer;
}
.gallerythumbz {
margin-top: 0px;
margin-left: 37px;
border: 0;
padding: 0;
opacity: 0.9;
}
.pagetext {
margin-left: 5px;
margin-right: 25px;
}
#contactform {
margin-right: 60px;
height: 300px;
width: 400px;
float: right;
text-align: right;
}
#formcontainer {
width: 610px;
height: 300px;
}
#formleft {
width: 140px;
height: 300px;
float: left;
text-align: right;
font-weight: bold;
line-height: 18px;
}


setelah anda melakukan hal diatas copykan lagi script dibawah ini....persis dibawah code ]]></b:skin>
<script language='javascript' src='http://www.geocities.com/questanoeq/lytebox_source.js' type='text/javascript'/>

<style type='text/css'> 
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
 #lbOverlay.grey { background-color: #000000; }
 
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
 
#lbOuterContainer { position: relative; background-color: #070707; width: 200px; height: 200px; margin: 0 auto; }
 #lbOuterContainer.grey { border: 3px solid #888888; }
 
#lbDetailsContainer { font: 9px Verdana, Arial, Helvetica, sans-serif; background-color: #070707; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
 #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
 
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
 position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://4.bp.blogspot.com/_jIDb64uFsy0/SoF0DM9kdEI/AAAAAAAAAqA/L-eCArsPwbE/s1600/loading.gif) center no-repeat;
}
 
#lbHoverNav { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer&gt;#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
 
#lbPrev { display: none; width: 49%; height: 100%; background: transparent url(http://4.bp.blogspot.com/_jIDb64uFsy0/SoF0CgzOsrI/AAAAAAAAApw/mhRlv9yO_0g/s1600/blank.gif) no-repeat; display: block; left: 0; float: left; }
 #lbPrev.grey:hover, #lbPrev.grey:visited:hover { display: none; background: url(http://3.bp.blogspot.com/_jIDb64uFsy0/SoF0L1_UL-I/AAAAAAAAAqg/_MJOEKaeN4M/s1600/prev_grey.gif) left 15% no-repeat; }
 
#lbNext { display: none; width: 49%; height: 100%; background: transparent url(http://4.bp.blogspot.com/_jIDb64uFsy0/SoF0CgzOsrI/AAAAAAAAApw/mhRlv9yO_0g/s1600/blank.gif) no-repeat; display: block; right: 0; float: right; }
 #lbNext.grey:hover, #lbNext.grey:visited:hover { display: none; background: url(http://2.bp.blogspot.com/_jIDb64uFsy0/SoF0DGdSKiI/AAAAAAAAAqI/KP9c5Pqj0ks/s1600/next_grey.gif) right 15% no-repeat; }
 
#lbPrev2, #lbNext2 { display: none; text-decoration: none; font-weight: bold; }
 #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
 
#lbPrev2_Off, #lbNext2_Off { display: none; font-weight: bold; }
 #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
 
#lbDetailsData { padding: 0 10px; }
 #lbDetailsData.grey { color: #666666; }
 
#lbDetails { width: 70%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
/* ================================================================================*/
#lbClose { width: 0px; height: 0px; float: right; margin-bottom: 1px; }
 #lbClose.grey { background: url(http://2.bp.blogspot.com/_jIDb64uFsy0/SoHyOjgI_XI/AAAAAAAAArU/x5ir79FSj7c/s1600/my_Close.png) no-repeat; }
 
#lbPlay { width: 28px; height: 28px; float: right; margin-bottom: 1px; }
 #lbPlay.grey { background: url(http://1.bp.blogspot.com/_jIDb64uFsy0/SoTWIgik1MI/AAAAAAAAAvY/Xh38UE_Jznw/s1600/my_Play.png) no-repeat; }
 
#lbPause { width: 28px; height: 28px; float: right; margin-bottom: 1px; }
 #lbPause.grey { background: url(http://1.bp.blogspot.com/_jIDb64uFsy0/SoTWH2s_JMI/AAAAAAAAAvQ/rcIuQM27l1A/s1600/my_Pause.png) no-repeat; }
</style>
 

setelah itu save template anda......

mudah kan untuk membuat effect thumbnail tersebut......

hampir lupa untuk gambarnya anda sisa membuat 2 gambar satu gambar yang berukuran "134px x 134px" (code warna biru dibawah) untuk ukuran yang tanpil dipostingan dan satu lagi gambar dengan ukuran aslinya (code gambar yang berwarna merah).......agak ribet sih..tapi menurutku itu agak mempercantik blog kita yang banyak dipenuhi gambar..........

codenya seperti dibawah ini disipmpan dipostingan atau di sidebar juga bisa kok.......
<a href="http://img38.imageshack.us/img38/1623/blogwalking.jpg" rel="lytebox[bloggoa]" title="Blogwalking Award"><img alt="" class="pagethumbz" src="http://img25.imageshack.us/img25/138/blogwalkingthumb.jpg" /></a>



sampe disitu saja yach......silakan berexperimen sendir....jika ada kendala silahkan layangkan komentar anda dibawah postingan ini atau kita bisa YM an di link ini kalo aku tampak online di halaman depan blog saya
Read Full 15 comments

Download Peta Padang (BAKOSURTANAL)

Tuesday, October 06, 2009
Badan Koordinasi Survei dan Pemetaan Nasional (BAKOSURTANAL) telah membuat press release untuk mengizinkan mendownload Peta Rupa Bumi Indonesia (RBI).

Buat rekan-rekan relawan yang menginginkan untuk mengunduh peta-peta dasar yang akurat dari Bakosurtanal. Silahkan bisa juga di download linknya dari sini :


(klik pada peta untuk melihat/mengunduh peta dalam ukuran penuh)

0614 (53,1 MB) 0712 (23,6 MB)
0614 (53,1 MB) 0712 (23,6 MB)
0713 (54,8 MB) 0714 (25 MB)
0713 (54,8 MB) 0714 (25 MB)
0715 (26,7 MB) 0716 (27,2 MB)
0715 (26,7 MB) 0716 (27,2 MB)
0812 (25,4 MB) 0813 (58,1 MB)
0812 (25,4 MB) 0813 (58,1 MB)
0814 (29,9 MB) 0815 (25 MB)
0814 (29,9 MB) 0815 (25 MB)
0816 (31,2 MB) 0913 (58,3 MB)
0816 (31,2 MB) 0913 (58,3 MB)
0914 (62,3 MB) 0915 (29,1 MB)
0914 (62,3 MB) 0915 (29,1 MB)
1013 (26,7 MB) 1014 (9,06 MB)
1013 (26,7 MB) 1014 (9,06 MB)
1015 (26,2 MB)
1015 (26,2 MB)

Peta-peta khusus daerah Padang

(klik pada peta untuk melihat/mengunduh peta dalam ukuran penuh)

0614 (53,1 MB) 0712 (23,6 MB)
0614 (53,1 MB) 0712 (23,6 MB)
0713 (54,8 MB) 0714 (25 MB)
0713 (54,8 MB) 0714 (25 MB)
0715 (26,7 MB) 0716 (27,2 MB)
0715 (26,7 MB) 0716 (27,2 MB)
0812 (25,4 MB) 0813 (58,1 MB)
0812 (25,4 MB) 0813 (58,1 MB)
0814 (29,9 MB) 0815 (25 MB)
0814 (29,9 MB) 0815 (25 MB)
0816 (31,2 MB) 0913 (58,3 MB)
0816 (31,2 MB) 0913 (58,3 MB)
0914 (62,3 MB) 0915 (29,1 MB)
0914 (62,3 MB) 0915 (29,1 MB)
1013 (26,7 MB) 1014 (9,06 MB)
1013 (26,7 MB) 1014 (9,06 MB)
1015 (26,2 MB)
1015 (26,2 MB)
Read Full 6 comments
 
Labels

Blogumulus by Roy Tanck and Amanda Fazani

Followers

Reccent Comments

© Free News Template Copyright by BLOGGOA | Template by Fanchon0706 | Blog Trick at BLOGGOA