Hanya sekedar curhat niih, setelah mengenal dunia blogging akhir tahun 2007 jadi ketagihan sampai sekarang, sampai-sampai bisa ga tidur gara-gara merubah kode templates, atau belajar blogger hacks. Padahal besoknya kerja, jadi ga konsentrasi di area, soalnya pekerjaan guwe adalah seorang medical representative harus membutuhkan konsentrasi yang optimal bila ketemu dokter, betul begitu Mr. Koechel?
Kembali ke pribadi masing-masing sih sebenarnya, apakah blogger mania bisa memanage waktu atau tidak, nah saya yang yang termasuk tidak bisa, soalnya kalau sudah menyangkut urusan blogger hacks saya harus bisa sampai tuntas, terus saya informasikan ke blogger mania mengenai blogger hacks yang baru saya pelajarin. Saya sebenarnya hanya lulusan sarjana Farmasi yang tentu saja tidak ada kaitannya dengan ilmu Komputer, tapi saya sangat suka dengan dunia komputer, apalagi menjadi seorang blogger sejati hehehehehehehehe. Saya juga yakin kalau blogger mania menyukai dunia perblogkan, selain berbagi ilmu ke rekan blog lainnya bisa cari uang dengan blog. Saya sendiri masih perlu belajar untuk mengoptimalkan blog yang saya kelola. Andaikan waktu berputar saya ambil jurusan ilmu komputer mungkin lain lagi ceritanya. Akhirnya saya jadi korban blogger juga nih!!
Korban Blogger (2)
Expandable/Collapse for Labels
- Login ke blogspot, setelah blogger mania login jangan lupa backup template blog sobat, simpan file tadi di tempat aman.
- Kemudian sobat ke Tata Letak > Edit HTML, taruh kode di bawah ini di style sheet template blog sobat.
.commentshown {display:inline}
- Setelah itu taruh kode di bawah ini di antara <head> </head> tapi bukan di bagian style sheet.
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
- Kemudian ke Tata Letak > add page elements pilih tambahkan Labels, terus simpan, setelah selesai di simpan, buka browser baru (usahakan pakai browser firefox versi terbaru> kemudian isikan alamat blog sobat, setelah loading halaman selesai, klik kanan mouse sobat di area halaman blog di mana saja, pilih view page source, setelah terbuka view sourcenya cari kode seperti di bawah ini
<div class='widget-content'>
<ul>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Blogger%20Hack'>
Blogger Hack
</a>
<span dir='ltr'>(4)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Blogger%20Trik'>
Blogger Trik
</a>
<span dir='ltr'>(3)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Free%20download'>
Free download
</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Humanities'>
Humanities
</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Personal'>
Personal
</a>
<span dir='ltr'>(4)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Serba-serbi'>
Serba-serbi
</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Tips%20Komputer'>
Tips Komputer
</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Tips%20Sehat'>
Tips Sehat
</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://subagya.blogspot.com/search/label/Tools%20Blogger'>
Tools Blogger
</a>
<span dir='ltr'>(1)</span>
</li>
</ul>
- Kembali ke blogger , pilih add page elements terus tambahkan HTML/JavaScripts kemudian masukan kode ini :
>Click Here…..[+/-]</a><br />
<div class="commenthidden" id="UniqueName">
- Simpan dan lihat hasilnya, dan jangan lupa untuk menghapus Labels yang kita pertama buat tadi agar tidak ada 2 Labels di blog kita.
Expandable/Collapse navigation elements
Penambahan widgets pada blog memang mempercantik atau memperbagus tampilan blog kita, tetapi ada kalanya jika kita lihat blog kita, serasa sempit sekali dengan bertumpuknya widgets yang kita pasang, apalagi dengan tampilan widgets yang memanjang pada halaman sidebar kita. Nah kali ini saya akan mensadur tutorial bagaimana membuat expandable/collapse navigation elements, seperti blogger mania lihat pada sidebar ShoutMix, Blog Friends dan Recents Reader and Viewers di blog saya , kecuali pada Labels nanti akan di jelaskan pada postingan berikutnya. Mau tahu cara buatnya?
- Login ke blogspot, setelah blogger mania login jangan lupa backup template blog sobat, simpan file tadi di tempat aman.
- Kemudian sobat ke Tata Letak > Edit HTML, taruh kode di bawah ini di style sheet template blog sobat.
.commenthidden {display:none}
.commentshown {display:inline}
NB : Style Sheet > di antara kode <b:skin> ]]></b:skin> atau lebih gampangnya taruh di comments section, biasanya kodenya seperi ini :
/* Comments
----------------------------------------------- */
.commenthidden {display:none}
.commentshown {display:inline}
Taruh kode yang berwarna merah sehingga hasilnya akan seperti di atas
- Setelah itu taruh kode di bawah ini di antara <head> </head> tapi bukan di bagian style sheet.
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
- Simpan hasil pekerjaan kita, kemudian ke Tata Letak , Copy kode ini di sidebar blogger mania, dengan cara klik Tambah Elemen Halaman pilih HTML/Javascript, setelah itu paste
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Click Here…..[+/-]</a><br />
<div class="commenthidden" id="UniqueName">
Kode HTML/Javascript/Content
</div>
Keterangan : UniqueName isi sesuai keinginan sobat, terus taruh kode HTML/JavaScsript atau content sesuai keinginan blooger mania.
Contoh kode di blog saya untuk ShoutMix
<a aiotitle="click to expand" href="javascript:togglecomments('shoutmix')"><center>Click Here...+/-</center></a><br/><br/>
<div id="shoutmix" class="commenthidden">
<center><!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="200" frameborder="1" src="http://www4.shoutmix.com/?mochal1" height="400" title="mochal1">
<a href="http://www4.shoutmix.com/?mochal1">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">Free chat widget @ ShoutMix</a><br/>
<!-- End ShoutMix --></center>
</div>
Jika, masih mengalami kesulitan dengan hack ini, bisa kasih info ke saya atau kunjung di sini , beri komentar ya setelah praktek dengan tutorial ini.
Auto Hide Navigation Bar (NavBar) Blogger
Blogger mania pasti sudah mengenal apa namanya autohide windows taskbar, yang apabila pointer mouse kita arahkan ke taskbar akan muncul taskbar tersebut dan bila pointer mouse kita alihkan ke tempat lain taskbar tersebut akan hilang (autohide). Nah tidak hanya di windows saja tapi di blogspot fasilitas tersebut bisa di aplikasikan di blog kesayangan blogger mania, mau tahu caranya?
1. Login dulu ke blogspot , setelah masuk ke Tata Letak > Edit HTML terus jangan lupa Download Template Lengkap simpan file tersebut di tempat yang aman.
2. Sekarang cari kode seperti di bawah :
body {
untuk memudahkan pencarian tekan Ctrl + F masukkan kode tersebut.
3. Setelah ketemu terus paste kode di bawah ini tepat di atas kode tesebut
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
4. Simpan template dan lihat hasilnya. Sangat kerenkan?
NB : Trik ini berlaku bagi template yang masih original alias belum banyak modifikasi, tapi bila ketemu kode :
.navbar {
display:none;
}
* {
Atau
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
Artinya kode tersebut untuk menghilangkan navigation bar blogger, jika ingin menggantinya dengan autohide tinggal hapus kode tersebut kemudian ganti dengan kode autohide. Selamat mencoba dan beri komentar ya kalau sudah mempraktekannya
Contoh Autohide NavBar Blogger dapat klik di sini
Membuat Jump To Top
Punya blog yang isinya terlalu panjang bikin pembaca blog kita agak ribet untuk menscroll mouse ke atas, nah kali ini mochal kasih tutorial yang sangat simple untuk di praktekkan sobat blogger, kasihankan kalo membuat pembaca setia blog kita kesusahan harus menscroll mousenya untuk kembali ke atas halaman blog kita. Sobat blogger bisa melihat contohnya di blog ini yaitu tulisan [Top] di pojok kanan blog ini, kalau di klik akan kembali ke atas atau istilahnya disebut Jump To Top. Kalau tidak percaya coba klik dan buktikan hasilnya hehehehehehe. Ok, kita mulai aja tutorial membuat jump to top cuman 3 langkah aja kok :
1. Login terlebih dahulu ke http://blogspot.com terus ke Tata Letak > Edit HTML. Jangan lupa di save atau klik Download Template Lengkap terlebih dahulu jaga-jaga kalau ada apa-apa, simpan file tersebut di tempat yang aman.
2. Kemudian cari kode </body> terus masukkan kode java script ini di atas kode tersebut.
<script src='http://subagya.googlepages.com/jumptop.js' type='text/javascript'/>
3. Setelah selesai simpan template, dan preview template sobat blogger dan lihat hasilnya sangat mudahkan?
Di harapkan dengan adanya Jump To Top ini bikin para pembaca setia kita di manja dengan segala kemudahan navigasi untuk menjelajahi blog kita. Kasih komentar ya setelah mempraktekkan tutorial ini.
Membuat 3 kolom di footer section
Bosan dengan design template yang hanya 2 kolom atau 3 kolom saja? Jangan khawatir sekarang ada tutorial bagaimana membuat 3 kolom di bagian footer. Seperti sobat blogger lihat di bagian bawah blog ini. Saya akan coba mensadur tutorial ini dari Bloggerbuster semoga dapat di pahami.
1. Login dulu ke blogspot kemudian setelah masuk langsung menuju Tata Letak > Edit HTML. Sebelum memulai merubah kode, template terlebih dahulu di save klik Download Template Lengkap simpan file di tempat yang aman.
2. Setelah itu cari kode seperti dibawah yang berwarna merah, jangan centang Expand Template Widget :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Harap di perhatikan tidak semuanya kode template sobat sama seperti di atas, bisa saja di sebut “footer-wrap” atau “footer”. Yang jelas di dalam Rounders templates, kalian perhatikan ada dua DIV section di sekitar footer section. Dalam hal ini kita hanya merubah kode yang berwarna merah saja.
3. Ganti kode yang berwarna merah tersebut dengan kode dibawah ini :
<div id='footer-column-container'> <div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> <p> <hr align='center' color='#5d5d54' width='90%'/></p> <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'> <b:section class='footer' id='col-bottom' preferred='yes'> <b:widget id='Text2' locked='false' title='' type='Text'/> </b:section> </div> <div style='clear:both;'/> </div>
4. Ada bagusnya di save terlebih dahulu hasil pekerjakan kita, setelah selesai lanjutkan dengan mencari kode tag </b:skin > , setelah ketemu sisipkan kode di bawah sebelum kode tag </b:skin>.
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
Kemudian save template, dan lihat hasilnya ke Tata Letak > Layout akan terlihat ada penambahan 3 kolom di footer. Bisa sobat sisipkan dengan widgets atau yang lainnya sesuai dengan keinginan sobat blogger.
Membuat Avatar Mybloglog di kotak komentar
Pastinya blogger mania ingin dong liat siapa aja yang isi komentar setelah memposting artikel, apalagi ada gambar avatarnya. Jadi ketahuan deh muka siapa aja yang isi komentar blogger mania. Kalau yang isi komentarnya cantik atau gantengkan bisa jadi ajang pencarian jodoh (hax hax hax hax...) Mau Tahu cara buatnya?
-
Login dulu ke blogspot , setelah masuk langsung menuju Tata Letak> Edit HTML, di save dulu dengan cara klik Download Template Lengkap simpan file template kamu di tempan yang aman.
-
Kemudian klik Expand Template Widget, terus masukan kode ini di sebelum tag </head> :
<script src='http://blog.merlinox.com/MrX/Blog/test/myBlogAvatar2.js' type='text/javascript'/>
-
Kemudian, cari kode di bawah ini :
<b:loop values='data:post.comments' var='comment'>
Untuk mempermudah pencarian tekan (Ctrl+F) , jika tidak ketemu kemungkinan kamu lupa mencentang Expand Template Widget.
-
Setelah itu, kamu tambahkan kode ini di bawah tag yang tadi :
<div style='border:0;float:left;margin: 0 5px 0 0;'> <script> myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>'); </script> </div>
-
Sekarang kamu bisa save template kamu, lihat hasilnya di postingan yang ada komentarnya, kamu akan lihat bahwa yang mengisi komentar kamu dan terdaftar di Mybloglog akan terlihat avatarnya sedangkan yang belum mendaftar hanya gambar avatar tanda tanya (question mark)
Contohnya Komentar Dengan Mybloglog Avatar dapat Klik Di Sini
Susahnya Jadi MedReps
Mereka bela-belain ga beli obat dulu padahal obat nya harus diminum rutin. Sekadar curhat aja sih, sales guwe baru 30 jutaan padahal target 120 juta!!! Wew cari order dimana yak, mudah-mudahan tender di rumah sakit masuk bulan ini lumayan 40 jutaan. Bulan kemaren puasa ga dapat insentif, yah Insya Allah bulan ini dapat memenuhi target, mana belum di angkat jadi pegawai tetap lagi. Salah satu syarat target bulan ini harus masuk baru di angkat jadi pegawai tetap. Enaknya sih kalo di lapangan bisa ketemu teman-teman medreps yang lain curhat sales. Nikmatin aja deh jadi medical representative belajar buat pengalaman. Waduh dah jam 4 kurang, pagi pagi ke kantor lagi, pasti ngnatuk berat niih. Ketemu macet lagi dah...hax hax hax.
Install Driver Acer Aspire 4720Z
Setelah melakukan rangkaian ritual install windows, tinggal memartisi hardisknya dan SUKSES besar teryata bisa di klik 2 kali driver partisi yang baru heheheheheh, nah sekarang tinggal install driver Acernya. Saya install driver VGAnya terlebih dahulu kemudian audio drivernya dan ternyata audio drivernya kaga mau ke install!!! Waduh penyakit lagi nih, ampe pusing tujuh keliling terus udah cari driver yang baru di internet hasilnya nihil tetap aja audionya tidak mau keluar suaranya, saking sebelnya ane format aja lagi aja terus install ulang windows Xpnya, terus saya install driver audio drivernya lebih dahuluan dan ternyata bisa!!! Cape deeeeh, selidik punya selidik ternyata memang harus install audio drivernya duluan biar ke detect system audionya. Mungkin sobat punya pengalaman lainnya mengenai acer aspire 4720z?
NB : Untuk Mendownload Lengkap Driver Acer Klik Di Sini!!!
