Nampaknya Minggu ini saya lebih suka iseng otak-atik minima.
Kali ini saya mencoba modifikasi minima dan aku beri judul MAJALAH MINIMA 3
Demo bisa dilihat disini.
19 Desember 2008
15 Desember 2008
Template Majalah MInima 2
Ini merupakan modifikasi template MINIMA yang merupakan kelanjutan experimen dari modifikasi MINIMA (Majalah Minima). Pada posting yang lalu, saya telah menerbitkan sebuah template dengan nama Majalah Minima, untuk posting kali ini saya mencoba menerbitkan sebuah template modifikasi yang saya beri judul "MAJALAH MINIMA 2"
Coba sempatkan waktu sebentar untuk melihat DEMO LIVE yang sekaligus penerapan pada blog.
Yang perlu diperhatikan dalam penggunaan template ini :
1. Untuk pemenggalan ( pasang readmore ) artikel usahakan tidak terlalu panjang, mengingat tinggi dari kolom untuk posting dibatasi.
2. Apabila anda menggunakan gambar, usahakan diletakkan setelah pemenggalan ( untuk readmore ) artikel, sehingga gambar nantinya akan muncul penuh bila halaman posting terbuka pada sub halaman.
3. Bila anda memasang Bloglist, maka untuk menampilkan readmore pada bagian Bloglist, langkah-langkahnya adalah sebagai berikut :
Setelah anda masuk pada "layout", kemudian masuk pada "Edit HTML".
Jangan lupa beri tanda centang pada "Expand Template Widget", kemudian cari kode dibawah ini ( pencarian gunakan kontrol F ) :
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
Setelah ketemu copy kode tersebut, paste dulu di Notepad. Kemudian cari kode dibawah ini :
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
........ paste kode diatas .......
</div>
</div>
Letakkan kode yang sudah anda paste di Notepad tadi pada .... paste kode diatas ....
Bila sudah digabung maka, hasilnya seperti ini :
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</div>
</div>
Langkah selanjutnya, ganti kode berwarna merah dengan kode dibawah ini :
<p class="more">Read More.... </p>
4. Jangan lupa pada pengaturan ( Setting -> Formatting -> Post Template ), isikan kode pada kotak :
<span id="fullpost">
</span>
Untuk hal lain, bila dalam penggunaan template ini masih belum jelas, silahkan tanyakan lewat kotak komentar. Insya Allah saya akan menjawab semampu saya, mengingat dalam hal ini posting bersifat sharing.
Terima kasih saya ucapakan kepada :
1. Amanda Fanani, Bloggerbuster.
2. Kang Jaloe, Catalog Blog.
Download Code : Ziddu
Setelah anda mendownload filenya, silahkan simpan dengan format .XML agar bisa diupload
pada blogger.
Demi sempurnanya template ini, mohon dapatnya rekan-rekan memberikan koreksi pada bagian-bagian yang sekiranya perlu dirubah. Terima kasih
Coba sempatkan waktu sebentar untuk melihat DEMO LIVE yang sekaligus penerapan pada blog.
Yang perlu diperhatikan dalam penggunaan template ini :
1. Untuk pemenggalan ( pasang readmore ) artikel usahakan tidak terlalu panjang, mengingat tinggi dari kolom untuk posting dibatasi.
2. Apabila anda menggunakan gambar, usahakan diletakkan setelah pemenggalan ( untuk readmore ) artikel, sehingga gambar nantinya akan muncul penuh bila halaman posting terbuka pada sub halaman.
3. Bila anda memasang Bloglist, maka untuk menampilkan readmore pada bagian Bloglist, langkah-langkahnya adalah sebagai berikut :
Setelah anda masuk pada "layout", kemudian masuk pada "Edit HTML".
Jangan lupa beri tanda centang pada "Expand Template Widget", kemudian cari kode dibawah ini ( pencarian gunakan kontrol F ) :
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
Setelah ketemu copy kode tersebut, paste dulu di Notepad. Kemudian cari kode dibawah ini :
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
........ paste kode diatas .......
</div>
</div>
Letakkan kode yang sudah anda paste di Notepad tadi pada .... paste kode diatas ....
Bila sudah digabung maka, hasilnya seperti ini :
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</div>
</div>
Langkah selanjutnya, ganti kode berwarna merah dengan kode dibawah ini :
<p class="more">Read More.... </p>
4. Jangan lupa pada pengaturan ( Setting -> Formatting -> Post Template ), isikan kode pada kotak :
<span id="fullpost">
</span>
Untuk hal lain, bila dalam penggunaan template ini masih belum jelas, silahkan tanyakan lewat kotak komentar. Insya Allah saya akan menjawab semampu saya, mengingat dalam hal ini posting bersifat sharing.
Terima kasih saya ucapakan kepada :
1. Amanda Fanani, Bloggerbuster.
2. Kang Jaloe, Catalog Blog.
Download Code : Ziddu
Setelah anda mendownload filenya, silahkan simpan dengan format .XML agar bisa diupload
pada blogger.
Demi sempurnanya template ini, mohon dapatnya rekan-rekan memberikan koreksi pada bagian-bagian yang sekiranya perlu dirubah. Terima kasih
11 Desember 2008
Importance of insurance
Insurance is mandatory we follow, as it is absolutely necessary, especially when we have a motor vehicle through debt. When we buy a motor vehicle on several stages. From the start to complete our personal data, manage license to drive, and also the number plate from the police. From the start managing the motorcycle dealers to the police we are not necessarily separated from what is called insurance.
If we want to know about the insurance of motor vehicles and services that offer to manage the insurance, try to take time to see the site insurance1.com.
Motor vehicle insurance is important to protect ourselves and our vehicles, other than the vehicle or other person. If you are involved in the accident, no matter who is wrong, the lack of insurance will automatically bring about a large fine and possible threats will get some time in prison.
Auto insurance to protect us against financial loss if we have an accident. This is a contract between us and the insurance company. We agree to pay the insurance premium and the company agreed to pay for our losses, as defined in the policy. Auto insurance provides property, liability and medical coverage:
* Property damage, or coverage to pay our car theft.
* Liability Coverage for our pay legal responsibility to others for bodily injury or property
Now, more and more insurance products offered by car. Therefore, the principles carefully before purchase, need to be applied, so do not regret later in the day. Before deciding to choose one car insurance product offered, this may tip can help:
1. Specify the type of insurance desired, to provide the best protection and comprehensive, but you must consider the economic side.
2. Do not focus on the size of the premium paid. See the company's credibility, especially in services, claims handling and financial capacity.
3. Find the insurance companies that provide additional benefits, such as 24-hour claims service, free crane, insurance claims processing 24 hours, etc.?
4. The existence of a network of partner companies that workshop. How many, the location of where and how the quality of the workshop.
5. You really understand what rights and obligations. What you can do and what not. Are there exceptions in the contract policy?
I recommend to learn about car insurance in insurance1.com, will get a guaranteed satisfaction and you will not fritter away with it.
In addition to car insurance, this site can also help you in terms of "life insurance". "Life insurance" is absolutely necessary to anticipate when an accident occurs causing death.
If we want to know about the insurance of motor vehicles and services that offer to manage the insurance, try to take time to see the site insurance1.com.
Motor vehicle insurance is important to protect ourselves and our vehicles, other than the vehicle or other person. If you are involved in the accident, no matter who is wrong, the lack of insurance will automatically bring about a large fine and possible threats will get some time in prison.
Auto insurance to protect us against financial loss if we have an accident. This is a contract between us and the insurance company. We agree to pay the insurance premium and the company agreed to pay for our losses, as defined in the policy. Auto insurance provides property, liability and medical coverage:
* Property damage, or coverage to pay our car theft.
* Liability Coverage for our pay legal responsibility to others for bodily injury or property
Now, more and more insurance products offered by car. Therefore, the principles carefully before purchase, need to be applied, so do not regret later in the day. Before deciding to choose one car insurance product offered, this may tip can help:
1. Specify the type of insurance desired, to provide the best protection and comprehensive, but you must consider the economic side.
2. Do not focus on the size of the premium paid. See the company's credibility, especially in services, claims handling and financial capacity.
3. Find the insurance companies that provide additional benefits, such as 24-hour claims service, free crane, insurance claims processing 24 hours, etc.?
4. The existence of a network of partner companies that workshop. How many, the location of where and how the quality of the workshop.
5. You really understand what rights and obligations. What you can do and what not. Are there exceptions in the contract policy?
I recommend to learn about car insurance in insurance1.com, will get a guaranteed satisfaction and you will not fritter away with it.
In addition to car insurance, this site can also help you in terms of "life insurance". "Life insurance" is absolutely necessary to anticipate when an accident occurs causing death.
03 Desember 2008
Magazine template for bloggers
Beberapa hari ini saya mencoba untuk memodifikasi template minima agar berpenampilan seperti sebuah majalah. Dari beberapa tutorial yang ada maka lahirlah model template yang saya beri nama "MAJALAH MINIMA".
Sudah saya coba untuk ditampilkan lewat Firefox, Opera, Google Chrome dan terutama IE yang tidak pernah support dengan CSS... nampaknya semuanya support terhadap model template ini.
Template ini :
1. Terdapat Readmore model Yahoo. ( Tutorial Kang Jaloe )
2. Tampilan posting berada pada kolom yang berbeda ( Tutorial Amanda Fazani )
3. Tambahan Kolom pada footer ala Ourblogtemplates.com
4. Tambahan menu horizontal dalam bentuk Link.
Untuk memposting artikel anda, usahakan pemenggalan kalimat secara singkat. Demikian juga dalam menampilkan gambar, agar dibuat ukuran kecil. Mengingat kolom untuk posting ukuran tingginya dibatasi.
Silahkan anda kunjungi "Demo" template ini.
Saya berharap anda memberikan koreksi dan masukkan kritik maupun saran guna sempurnanya template ini.
Sukses buat komuniatas Blogger.
Link Download : Ziddu dan Easy Share.
Sudah saya coba untuk ditampilkan lewat Firefox, Opera, Google Chrome dan terutama IE yang tidak pernah support dengan CSS... nampaknya semuanya support terhadap model template ini.
Template ini :
1. Terdapat Readmore model Yahoo. ( Tutorial Kang Jaloe )
2. Tampilan posting berada pada kolom yang berbeda ( Tutorial Amanda Fazani )
3. Tambahan Kolom pada footer ala Ourblogtemplates.com
4. Tambahan menu horizontal dalam bentuk Link.
Untuk memposting artikel anda, usahakan pemenggalan kalimat secara singkat. Demikian juga dalam menampilkan gambar, agar dibuat ukuran kecil. Mengingat kolom untuk posting ukuran tingginya dibatasi.
Silahkan anda kunjungi "Demo" template ini.
Saya berharap anda memberikan koreksi dan masukkan kritik maupun saran guna sempurnanya template ini.
Sukses buat komuniatas Blogger.
Link Download : Ziddu dan Easy Share.
27 November 2008
Navigasi Linkbar pada Minima Template
Minima template yang tersedia disaat awal kita membuat sebuah blog di blogger biasanya tidak dilengkapi dengan navigasi menu. Navigasi menu disamping mempercantik tampilan blog kita, dapat berfungsi untuk memasang link penting atau link utama seperti Home, Service, Contact Us dan lain-lain.
Berdasarkan pengalaman saya saat memodifikasi template minima agar mirip sebuah majalah pribadi, maka saya mencoba sharing pengalaman ini dengan rekan-rekan.
Oke berikut langkah-langkahnya.
1. Login di Blogger, kemudian masuk pada "Tata letak" dan klik Edit HTML. Ingat jangan dicentang "Expand Template Widget"
2. Membuat Variable definitions untuk memudahkan pengaturan warna dengan mudah apabila kita ingin merubah warna di menu "Tata Letak" pada bagian "Font dan Warna"
Kita membuat variable seperti dibawah ini.
kemudian sisipkan dibagian Variable definitions.
kode variable definitions diatas , pasang setelah kode dibawah ini :
4. Buat kode CSS seperti dibawah ini
Catatan : width: 940px; sesuaikan dengan lebar dari " outer-wrapper "
Kode CSS diatas dipasang di atas kode ]]></b:skin>
5. Kemudian buat kode CSS dibawah ini :
Pasang kode diatas <div id='main-wrapper'>
Pemasangan ditempat ini bila kita menginginkan posisi Linkbar berada dibawah header.
Apabila anda ingin memasang diatas Header, maka kode CSS dipasang di atas kode : <div id='header-wrapper'>
Saya rasa demikian cara modifikasi Minima Template, bila ada kesalahan mohon diberi masukan. Karena ini berdasarkan pengalaman saya saat modifikasi template model majalah "Sharing Post".
Mohon ditambahkan kekurangannya pada komentar anda, sebagai sharing pengetahuan sesame blogger.
Berdasarkan pengalaman saya saat memodifikasi template minima agar mirip sebuah majalah pribadi, maka saya mencoba sharing pengalaman ini dengan rekan-rekan.
Oke berikut langkah-langkahnya.
1. Login di Blogger, kemudian masuk pada "Tata letak" dan klik Edit HTML. Ingat jangan dicentang "Expand Template Widget"
2. Membuat Variable definitions untuk memudahkan pengaturan warna dengan mudah apabila kita ingin merubah warna di menu "Tata Letak" pada bagian "Font dan Warna"
Kita membuat variable seperti dibawah ini.
<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#808080">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#333333">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#b3b3b3">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#f2984c">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#0D8F63">
kemudian sisipkan dibagian Variable definitions.
/* Variable definitions3. Kemudian tambahkan variable definitions tentang besarnya huruf. Kodenya seperti ini
...........dst hingga
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#f2984c">
(sisipkan kode variable yang telah kita buat disini )
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 99% Arial, sans-serif">
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif"
value="normal bold 67% Arial, sans-serif">
kode variable definitions diatas , pasang setelah kode dibawah ini :
<Variable name="descriptionfont" description="Blog Description Font"
type="font" default="normal normal 0% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 0% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
4. Buat kode CSS seperti dibawah ini
/* ----- LINKBAR ----- Modify by nataludin */
#linkbar-wrapper {
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 940px;
position: relative;
background: $linkbarbgColor;
border: 0px solid $linkbarmainBorderColor;
}
#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 4px 0px 7px 0px;
text-align: left;
}
#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}
#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}
#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 7px 10px 7px 10px;
width:100%;
text-decoration:none;
font: $linkbarTextColor;
color: $linkbarTextColor;
text-transform: uppercase;
border-right: 1px solid $linkbarBorderColor;
border-left: 0px solid $linkbarBorderColor;
}
#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}
Catatan : width: 940px; sesuaikan dengan lebar dari " outer-wrapper "
Kode CSS diatas dipasang di atas kode ]]></b:skin>
5. Kemudian buat kode CSS dibawah ini :
<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section>
</div>
<div style='clear: both;'/>
Pasang kode diatas <div id='main-wrapper'>
Pemasangan ditempat ini bila kita menginginkan posisi Linkbar berada dibawah header.
Apabila anda ingin memasang diatas Header, maka kode CSS dipasang di atas kode : <div id='header-wrapper'>
Saya rasa demikian cara modifikasi Minima Template, bila ada kesalahan mohon diberi masukan. Karena ini berdasarkan pengalaman saya saat modifikasi template model majalah "Sharing Post".
Mohon ditambahkan kekurangannya pada komentar anda, sebagai sharing pengetahuan sesame blogger.
25 November 2008
Modify Minima Template
Sudah beberapa hari ini, sejak saya memperoleh tutorial dari Amanda lewat email mencoba mempraktekkan modifikasi Minima Template bawaan Blogger.
Dalam modifikasi ini saya menambahkan tiga kolom pada bagian footer dan Linkbar diatas Header.
Namun modifikasi template ini masih belum sempurna. Mengapa demikian ?
Dari mulai Firefox, Google Chrome, Opera9 tampilannya bagus, tidak porak poranda. Tapi bila dilihat dari IE..... wik!!!! Amit-amit jabang bayi , bagian footernya berloncatan.
Karena 1 : 3, IE kalahlah. Jadi aku pertahankan terus template modifikasi hasil jerih payahku.
Silahkan dipantau lewat SINI untuk melihat hasilnya
Jangan lupa kasih masukan, ya? Thank's
19 November 2008
Membuat Efek Butiran Air
Cara cepat membuat Efek Butiran Air
Tutorial kali ini adalah membuat efek air berada di atas objek. Disini saya mengambil permukaan daun sebagai obyeknya.
Yang dilakukan pertama kali adalah membuka file daun yang sudah kita simpan di hardisk kita. Anda juga bisa mendownloadnya di internet.
1. Setelah kita membuka gambar daun kemudian kita klik "Create a new Layer".
2. Kemudian klik " Elliptical Marquee Tool" dan buat lingkaran sesuai selera, Sekarang tekan huruf D pada keyboard Anda untuk membuat foreground warna hitam dan latar belakang warna putih.
3. Dengan posisi lingkaran masih aktif, select "Gradient Tool" dan select "Linear Gradient di bar pilihan di atas.
4. Tarik garis lurus dari tanda "merah" ke "biru". Setelah selesai, hapus seleksi dengan menekan Ctrl + D (perintah + D pada Mac) pada keyboard
5. Atur transparansi (Opacity) dengan menggeser Scroll Navigasi hingga mencapai 40%.
6. Pada pilihan Layer, klik Layer Style dan berikan efek "Drop shadow " dan "Inner shadow".
7. Kemudian tekan X pada keyboard membuat foreground warna putih, lalu pada toolbar klik "Brush Tool" dan buat sebuah titik seperti pada gambar.
Anda bisa membuat beberapa butiran air dengan cara klik kanan pada mouse (posisi pointer mouse berada pada layer butiran air ) untuk membuat duplicate layer butiran air tersebut. Anda juga bisa menggunakan Ctrl- T untuk merubah besar kecilnya ukuran butiran air. Anda dapat membuat variasi bentuk butiran dengan cara Pilih Filter kemudian pilih Liquity. Dalam jendela Liquity anda bisa berexperimen untuk membentuk duplicate-duplicate dari layer butiran air tersebut.
Selamat mencoba.
Tutorial kali ini adalah membuat efek air berada di atas objek. Disini saya mengambil permukaan daun sebagai obyeknya.
Yang dilakukan pertama kali adalah membuka file daun yang sudah kita simpan di hardisk kita. Anda juga bisa mendownloadnya di internet.
1. Setelah kita membuka gambar daun kemudian kita klik "Create a new Layer".
2. Kemudian klik " Elliptical Marquee Tool" dan buat lingkaran sesuai selera, Sekarang tekan huruf D pada keyboard Anda untuk membuat foreground warna hitam dan latar belakang warna putih.
3. Dengan posisi lingkaran masih aktif, select "Gradient Tool" dan select "Linear Gradient di bar pilihan di atas.
4. Tarik garis lurus dari tanda "merah" ke "biru". Setelah selesai, hapus seleksi dengan menekan Ctrl + D (perintah + D pada Mac) pada keyboard
5. Atur transparansi (Opacity) dengan menggeser Scroll Navigasi hingga mencapai 40%.
6. Pada pilihan Layer, klik Layer Style dan berikan efek "Drop shadow " dan "Inner shadow".
7. Kemudian tekan X pada keyboard membuat foreground warna putih, lalu pada toolbar klik "Brush Tool" dan buat sebuah titik seperti pada gambar.
Anda bisa membuat beberapa butiran air dengan cara klik kanan pada mouse (posisi pointer mouse berada pada layer butiran air ) untuk membuat duplicate layer butiran air tersebut. Anda juga bisa menggunakan Ctrl- T untuk merubah besar kecilnya ukuran butiran air. Anda dapat membuat variasi bentuk butiran dengan cara Pilih Filter kemudian pilih Liquity. Dalam jendela Liquity anda bisa berexperimen untuk membentuk duplicate-duplicate dari layer butiran air tersebut.
Selamat mencoba.
Langganan:
Postingan (Atom)
Mockup Hijab Adobe Photoshop Tutorial - FREE FILE PSD
Mockup Hijab Adobe Photoshop adalah tutorial tentang bagaimana cara merubah warna hijab maupun coraknya. Jika anda ingin mendownload file ...
-
Sebagaimana kita ketahui, bahwa dalam peradaban "JAWA" banyak kita jumpai aturan-aturan yang bersifat mengikat. Hal ini karena at...
-
Mengamankan data yang kita miliki dari Copas user lain itu sangat penting, terlebih jika data tersebut bersifat rahasia. Fasilitas yang ada...
-
Berikut ini adalah tutorial Efek Foto Fantasi dengan menggunakan Adobe Photoshop CS5, tutorial ini tidak terlalu panjang, sehingga tidak a...