BLOGGOA

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. kolom atau elemen yang tampil pada halaman depan dan indek label, namun tidak tampil atau ( berubah ) pada halaman Item Pages – Postingan.

C. Pada halaman depan,  kolom atau elemen widget-nya tidak tampil namun akan tampil atau ( berubah ) pada halaman Item-Pages – Postingan.

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)

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

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)
0713 (54,8 MB)	0714 (25 MB)
0715 (26,7 MB)	0716 (27,2 MB)
0812 (25,4 MB)	0813 (58,1 MB)
0814 (29,9 MB)	0815 (25 MB)
0816 (31,2 MB)	0913 (58,3 MB)
0914 (62,3 MB)	0915 (29,1 MB)
1013 (26,7 MB)	1014 (9,06 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)
0713 (54,8 MB)	0714 (25 MB)
0715 (26,7 MB)	0716 (27,2 MB)
0812 (25,4 MB)	0813 (58,1 MB)
0814 (29,9 MB)	0815 (25 MB)
0816 (31,2 MB)	0913 (58,3 MB)
0914 (62,3 MB)	0915 (29,1 MB)
1013 (26,7 MB)	1014 (9,06 MB)
1015 (26,2 MB)

untuk semua

Mohon menjadi perhatian, ini penting dibaca.

Mohon kiranya bagi siapa yg memiliki rekening di bank yg tercantum di bawah
ini agar waspada dan terus memonitor perkembangan bank dimaksud sebelum
terjadi kesulitan mencairkan dana.

***DAFTAR BANK YANG AKAN TUTUP - UNTUK BULAN APRIL 2009***

Dengan berakhirnya Program penjaminan Pemerintah atas simpanan Dana pihak
ketiga di perbankan Nasional periode 31 JULI 2009 Dan pasca dibubarkannya BPPN, nasabah saat Ini harus pandai-pandai menilai & memilih bank yg sehat sebagai partner, dalam Aktivitas usaha ataupun tempat untuk menyimpan Dana.

Dengan dibubarkannya BPPN pada Februari 2009 maka berarti tidak akan ada
lagi lembaga yg akan menyelamatkan bank-bank yang sakit/sekarat.

Pernyataan dari Dirjen Lembaga Keuangan yg secara tersirat menyatakan akan
a da beberapa bank yang akan tutup.
Berikut 10 daftar bank yang akan tutup per AGUSTUS 2009 :

1. Bank Bukopin
2. Bank Lippo
3. Bank BCA ( BCA termasuk dalam daftar )
4. Bank BII
5. Bank Permata
6. Bank Niaga
7. Bank BNI
8. Bank MANDIRI ( MANDIRI termasuk dalam daftar )
9. Citibank
10. Bank Danamon

Bank-bank tersebut di atas akan DITUTUP pada pukul 15.00 dan akan dibuka
kembali esok pagi setiap harinya pukul 08.00.
Demikian pemberitahuan ini kami sampaikan, agar maklum adanya..

Tertanda,
PPCS BSI
Persatuan Petugas Cleaning Service BANK Seluruh Indonesia

GFC atau yang dikenal sebagi Google Friend Connect atau yang dulu disebut FOLLOWER ternyata banyak manfaatnya....untuk itu saya memanfatkannya membuat buku tamu seperti di link ini soalnya banyak teman bloger yang bertanya bagaimana cara buat form buku tamu itu...untuk itu aku mencoba mempostingnya...

sebenarnya  dah lama kok ada...sejak digantinya follower...menjadi GFC.....ini juga dapetnya cuman iseng ....pas lagi ngoprek fasilitas GFC (Google Friend Connect)...akhirnya dapat juga ni gadget.....makanya aku ganti shoutmixku yang nota bene ngga punya backlink kalo kita ngisi pesan didalamnya......

untuk membuat hal itu silahkan masuk ke GFC melalui :



masukkan username dan password anda........ maka akan terbuka gambar seperti



setelah itu ikuti langkah2 yang ada pada gambar dibawah ini :






setelah anda mengklik generate code maka akan mendapatkan kode seperti dibawah ini :

<!-- Include the Google Friend Connect javascript library. --> <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script> <!-- Define the div tag where the gadget will be inserted. --> <div id="div-3957385664128745788" style="width:700px;border:1px solid #cccccc;"> </div> <!-- Render the gadget into a div. --> <script type="text/javascript"> var skin = {}; skin['FONT_FAMILY'] = 'trebuchet ms,sans-serif'; skin['BORDER_COLOR'] = '#cccccc'; skin['ENDCAP_BG_COLOR'] = '#ffffff'; skin['ENDCAP_TEXT_COLOR'] = '#333333'; skin['ENDCAP_LINK_COLOR'] = '#0000cc'; skin['ALTERNATE_BG_COLOR'] = '#ffffff'; skin['CONTENT_BG_COLOR'] = '#ffffff'; skin['CONTENT_LINK_COLOR'] = '#0000cc'; skin['CONTENT_TEXT_COLOR'] = '#333333'; skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc'; skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666'; skin['CONTENT_HEADLINE_COLOR'] = '#333333'; skin['DEFAULT_COMMENT_TEXT'] = '-add your comment'; skin['HEADER_TEXT'] = 'Forum Diskusi'; skin['POSTS_PER_PAGE'] = '5'; google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */); google.friendconnect.container.renderWallGadget( { id: 'div-3957385664128745788', site: '04382981689258828968', 'view-params':{"disableMinMax":"true","scope":"SITE","features":"video,comment","startMaximized":"true"} }, skin); </script>

nah code itu...kamu bisa pasang didalm postingan seperti yang ada pada link ini atw bisa juga kamu pasang pada side bar anda.....

selamat mencobaya....kalo mau mencobanya....

happy bloging

catatan :