Sebenarnya yang dibinggungkan oleh kebanyakan orang setelah membuat blog terwakili oleh pertanyaan di atas, Apa Yang Dapat Kita Tulis di Blog? Dan kali ini saya berikan sedikit motivasi yang semoga dapat memberikan kita ide-ide baru atau sedikit pencerahan tentang kebinggungan tersebut. Tulisan yang terdahulu yang pernah saya publish di blog saya yang lain, kini saya bahas (repost) kembali di sini.
Ada yang binggung mungkin, yaitu mengenai apa yang harus ia publikasikan atau tulis di blog. Agar blog kita dapat berjaga diantara berjuta-juta blog maka kita juga harus bisa menulis, mengupdate blog kita. Sebenarnya setiap manusia memiliki keunikan tersendiri yang mungkin antara manusia satu dengan yang yang lain berbeda.
Dengan perbedaan itulah membuat kita punya jati diri dan ciri khas, Kita dapat menulis dengan segala kemampuan kita, toh takkan ada yang memarahi atau mengejek tulisan kita, paling cuma komentar yang akan membangun diri kita lebih baik.
Berikut ini hal-hal yang dapat kita tulis di blog - Tulis apa yang kamu alami, hal ini meliputi beberapa hal, yaitu apa yang kita lihat, kita dengardan yang kita baca. Kita menulis kembali dengan kata-kata kita sendiri yang mengambarkan kita lihat, dengar atau baca. Misal kita nonton konser musik band di kota kita, lalu kita tulis pengalaman kita itu. Karena banyak yang yang tidak melihat, dan kamu melihat, tentu info atau tulisan ini juga bermanfaat untuk orang lain.
- Tulis Apa yang kamu ketahui, karena setiap orang akan mempunyai ilmu yang berbeda, misalnya saja kita lebih pintar dalam biologi, ya kita tulis saja tentang ciri-ciri mahluk hidup misal.
- Tulis Apa yang kamu impikan atau pendapatmu, karena sesuatu berasal dari mimpi, misalnya saja saya memimpikan nantinya Sebuah HP akan memiliki vitur yaitu hologram, seseorang yang kita telephon dia ada di depan kita dalam wujud hologram.
Jangan takut untuk memulai menulis, karena pasti dari 10 tulisan kita, setidaknya ada satu tulisan yang bermutu.
01.09 |
Category: |
Membuat gambar lebih menarik, dengan ini setiap gambar atau foto yang kita akan tampilkan akan mempunyai efek juka mouse kita taruh di gambar tesebut. Gamabar tersebut akan menjadi redup atau sebaliknya, yaitu menjadi terang. Dan untuk membuat animasi mouseover effect itu tidaklah sulit.
Seperti dikutip dari O-om Cara kerja efek gambar transparan diatas tidak begitu sulit, yang kita perlukan hanya memanfaatkan properti CSS Image Opacity. Namun sebelumnya perlu juga diketahui property CSS opacity sebenarnya tidak termasuk dalam standar CSS, dimana property ini hanya bekerja dengan baik pada beberapa web browser modern saja.
Cara membuat mouseover effect dari redup ke lebih terang.
<img src="URL gambar" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /> |
Cara membuat mouseover effect dari terang ke redup
<img border="1" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" src="URL Gambar" style="opacity: 1;" /> |
Dan mungkin akan sedikit repot jika harus menmabhkan kode css setiap kali ingin menampilkan effect pada gambar kita di postingan. Tapi ada jalan mudah untuk otomatis setiap gambar kita di postingan bereffect seperti diatasa, acaranya adalah menambahkan kode css berikut ini d atas ]]></b:skin>
.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1} |
00.37 |
Category: |
Kembali membahas untuk mempercantik blog, kali ini kita akan belajar bagaimana mengubah cursor yang ada di blog kita dengan gambar. Ini baik juga untuk blog kita, sehingga akan membuat blog kita menjadi berbeda dengan blog-blog yang lain. Kalau yang lain standart maka blog kita berbeda dan jadi unik
Cursor yang ada di blog kita dapat kamu rubah dengan foto atau gambat yang kita suka. Atau kamu yang narsis habis bisa menggantinya dengan foto kamu sendiri. Yang jelas, buat saja blog kita menjadi lebih cantik dan menarik
Cara Mengubah Cursor Blog dengan Gambar
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini
<style type="text/css">body {cursor:url("http://img90.imageshack.us/img90/5195/cursorbc.png"),default}</style> |
Kode yang bercetak miring adalah URL gambar yang ingi kita jadikan pengganti cursor, dan kamu dapat mengganti dengan URL gambar yang kamu inginkan.
5. Simpan jika sudah selesai
00.30 |
Category: |
Membuat Scroll Pada Blog Archive (Arsip Blog)
Bulan lalu berapa tulisan yang sudah kamu posting? Coba deh, yang pasang widget Arsip Blog dilihat! Bulan lalu saya berhasil memposting 8 tulisan di blog ini. Dan kali ini kita akan belajar ngeblog lagi, yaitu membuat scroll untuk arsip blog. Jika tampilan drop down sih tidak terlalu bermasalah. Tapi jika memilih tampilan herarki yang mempunyai kelebihan bisa menampilkan jumlah tulisan perbulan dan judul akan sedikit membuat blog terlihat kurang rapi. Iya kalau kita rutin mengupdate blog, kan sebagian blogger dan saya tidak pasti rajinnya mengurus blog.
Dengan membuat scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap. Walau pada bulan tertentu banyak postingan atau sedikit arsip blog yang tampilannya herarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model herarki, langsung saja lakukan langkah selanjutnya.
Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> |
6. Kode lengkapnya adalah seperti ini
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget> |
00.18 |
Category: |
Bumi semakin tua, energi semakin mahal. Mari kita buat blog kita juga hemat energi. Yaitu dengan membuat Energy Saving Mode. Sama seperti yang ada di komputer, dengan Energy Saving Mode akan membuat layar yang menampilkan (membuka) blog kita menjadi gelap ketika tidak aktivitas di blog. Dan akan kembali normal ketika mouse digerakan. Bagaimana? Ada niat untuk membuat blog kita juga ikut berpartisipasi nyata dalam menghemat energi? Mari kita buat Energy Saving Mode di blog kita.
Cara Membuat Energy Saving Mode untuk Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head>
6. Taruh (copy paste) kode berikut di atasnya
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<script>jQuery.noConflict();</script> |
7. Simpan Template jika sudah selesai.
00.17 |
Category: |
