Jumat, 05 April 2013

Cara Membuat Border Dan background Pada Setiap Posting

keren euy... *muji sendiri*
keren kan?ada yang suka?yuk praktek langsung...
caranya:


1.Masuk Dashboard > Template > edit HTML
2.Expand template widget dan tick F3 atau CTRL + F cari kode
.post-body {
3.Letakkan kode berikut ini diatasnya:

.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background :
url(http://i1243.photobucket.com/albums/gg546/alice4ja/10382769_zps4cda3464.gif);padding: 15px 20px;
margin: 0 -20px 20px;
}
Atau seperti gambar di bawah ini jadinya:



Untuk ukuran px bisa diubah sendiri menurut keinginan kode warna juga boleh ditukar sendiri dan url image/gambar yang aku tandai dengan warna purple/ungu juga boleh diubah sendiri. Dotted adalah jenis border dan bisa diubah juga menjadi dashed, solid, dll. Itu adalah kalau background posting mau ditaruh warna kesukaan, pakai kode di atas/no 3, dan kalau ingin menaruh warna background dengan warna biasa maka kodenya jadi seperti di bawah:

.post-outer {
-moz-border-radius: 25px;
border-radius: 25px;
border: 3px dotted #00CACA;
background: #FFD0FF;
padding: 15px 20px;
margin: 0-20px 20px;
}
.post-body {

Atau letakkan di bawah kode  .post-outer { dan kalau di bawahnya ada kode embel-embel tolong hapus dulu xD

Warna pink itu kode warna dan bisa diubah juga sesuai keinginan, dotted itu jenis nama border nya, bisa diubah sendiri misalnya menjadi solid, dashed, dll sesuai keinginan dan tentang jenis-jenis nama border aku pernah juga tuliskan atrikelnya sebelum ini.

4.Tekan pratinjau dulu jadi atau tidak? kalau jadi baru tekan simpan template xD.
beberapa background bisa diambil disini...
klik kanan pada background,klik save URL image deh.. XD Background

»»  READMORE...

Design Sidebar Cantik


cantikan?suka gk?klw suka,praktekan ke blog kamu dong....hehehehhe XD
ini caranya :

1.Dashboard > template > edit HTML
2.Tick expand template widget > tekan F3/CTRL + F dan cari kode:

h2 {

Kalau di bawah h2 { masih ada kode bawaan dari blogger mirip-mirip kode di bawah ini sebaiknya hapus dulu:

margin: 0 0 1em 0;font: $(widget.title.font);color: $(widget.title.text.color);text-transform: uppercase;

3.Letakkan kode di bawah ini tepat di bawahnya:

text-shadow: 0 0 0.1em #A9A9F5, 0 0 0.1em #A9A9F5;
background:url(http://i1243.photobucket.com/albums/gg546/alice4ja/bcgn_zps321d0c8f.png);
text-align:center;
border: 1px dotted #A9BCF5;
border-right:5pt solid #FF95CA;
border-left:5pt solid #FF95CA;
margin:0 0 1.5em;
padding:7px 10px 7px 10px;
text-align: center;
margin: 0 0 1em 0;
font: bold normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform: uppercase;
color: #8E8E8E;
margin: .5em 0;
}
h2:hover {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}
Warna pink itu kode warna, merah url background dan yang bawah warna biru itu kode hover nya, kalau tidak mau menaruh hover ya gak usah ditaruh kode yang aku tandai dengan warna biru tapi cukup menaruh kode yang atas saja. Di bawah ini model h2:hover { yang lain:
h2:hover {background: #FFF url(http://i1243.photobucket.com/albums/gg546/alice4ja/bcgn_zps321d0c8f.png);-moz-border-radius: 5px;border-radius: 5px;-webkit-transition-duration: 1.0s;border-top: 1px dashed #ff7575;border-left: 4px groove #ff7575;border-right: 20px solid #ff7575;border-bottom: 1px solid #ff7575;}

4.Untuk menaruh border luar yang warna pink solid  (jenis-jenis nama border) cari kode:

/* Widgets
.sidebar .widget {
Mungkin di bawah kode di atas masih ada kode bawaan dari blogger sebaiknya dihapus dulu kemudian letakkan kode berikut ini di bawahnya:
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #FF95CA;
margin:0 -5px 1.5em -5px;
padding:0px 7px 10px 7px}
}

5.Tekan pratinjau dulu dan simpan template.
6.semoga bermanfaat
»»  READMORE...

Google Chrome Theme (1D)

 hayo......
ada yang mau?
directioners ada yang mau?pasti mau dong
ini khusus yang google chrome aja...
firefox+internet explore+torch "AAAA.... -,- "
heheheheheh......caranya gampang bgt kok
1.buka kedua link ini
(1) theme 1D (1)
(2) theme 1D (2)
2.sudah dibuka nanti aja tulisan pilih tema,klik deh...
3.jadi deh.... buka aja.... ^^
4.semoga bermanfaat
»»  READMORE...

Membuat Read More Di Blog



  • Silahkan Login di akun blogger anda
  • Lalu klik Rancangan dan klik Edit HTML
  • Jangan lupa untuk mencentang Expand Template Widget
  • Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan.
  • Kemudian Cari kode </head>.  Dan untuk mempermudah pencarian kode nya anda tekan aja ( CTRL + F ) 
  • Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode </head> tersebut.

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>




Bila anda ingin merubah ukuran pada Read More di Blogger anda tersebut, kamu tinggal merubah di bagian-bagian kode yang berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.


  • summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar    
  • summary_img = 340; adalah tinggi potongan artikel dengan gambar  
  • img_thumb_height = 100; adalah ukuran tinggi thumbnail
  • img_thumb_width = 120; adalah ukuran lebar thumbnail




  • langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :  


 <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


  • dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera anda. 
  • setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.


»»  READMORE...

Membuat Subjudul di Artikel


Jika anda sering membaca artikel di detik.com, mungkin anda melihat, bahwa pada artikel-artikel tertentu ada subjudul yang menandakan tema tertentu sebuah bahasan. Ternyata di blogspot kita juga membuat subjudul pada artikel kita. Bagaimana cara membuat subjudul artikel?

Untuk membuat subjudul pada atikel blogspot, di atas judul utama, silakan ikuti cara berikut ini:

1. login ke dashboard blogger
2. masuk ke menu Edit HTML
3. kopi kode di bawah ini sebelum kode ]]></b:skin>

<style>.post h2 subtitle { display: block!important; font-size: 18px!important; font-weight: normal!important;color:#ff3c00;}</style>


Sesuaikan kode yang berwarna merah dengan template anda, misalnya di template anda untuk judul postingan h3 maka ganti dengan h3. Demikian juga jika ukuran judul di template anda 16px, tentu saja ukuran utnuk subjudulnya harus lebih kecil, dan warna sesuaikan dengan keinginan anda.
Kode Warna

4. Tulis judul dengan format:

<subtitle>subjudul disini</subtitle> Judul Utama Anda

5. Semoga membantu.
»»  READMORE...

Asyik! Mengklik Mouse Juga Bisa Bakar Kalori Lho

Asyik! Mengklik Mouse Juga Bisa Bakar Kalori Lho....
kok bisa ya?

Bagi orang yang bekerja di depan komputer, kekhawatiran tidak bisa mendapatkan cukup olahraga sering merayap dalam pikiran mereka. Tapi tak perlu khawatir, karena dengan mengklik mouse saja Anda sudah bisa membakar kalori.

Seorang pria dewasa rata-rata harus membakar sekitar 2.000 kalori per hari, sedangkan wanita dewasa harus menggunakan sekitar 1.700 kalori per hari. Angka ini bervariasi sesuai dengan umur, aktivitas dan berat badan seseorang.

Meski tak sebanyak olahraga, melakukan kegiatan sehari-hari seperti mengklik mouse komputer ternyata juga bisa membantu membakar kalori. Lalu berapa banyak kalori yang dibakar?

Selain menyediakan jumlah kalori untuk makanan, 'Convert Anything to Calories' (PHP Science World) yang baru-baru ini telah diterbitkan, juga menghitung jumlah kalori yang dibakar melalui berbagai aktivitas dan peristiwa, di mana Anda dapat menemukan kajian ilmiah untuk jumlah kalori yang digunakan saat mengklik mouse.

Secara teknis dan metode, penulis menghitung bahwa total volume otot-otot yang digunakan untuk menekuk jari telunjuk saat mengklik mouse adalah 10,8 cm kubik dengan berat total 11,7 gram.

Rata-rata, 16,7 micromole ATP (Adenosine triphosphate) dikonsumsi dalam bergerak satu gram otot selama satu detik. Jadi, jumlah total ATP dibakar untuk memindahkan 11,7 gram otot di jari telunjuk adalah sekitar 195 micromole (11,7g × 16,7μ mol/g). Ada 7,3 kalori dalam satu mol ATP energi, sehingga jumlah kalori yang dibakar dalam mengklik mouse setara dengan sekitar 1,42 (7,3/1000 X 195).

Artinya, kurang lebih 1,42 kalori bisa terbakar tiap kali Anda mengklik mouse, seperti dilansir Rocketnews24, Jumat (5/4/2013).

Jumlah ini memang jauh lebih kecil dibandingkan jika Anda benar-benar menggerakkan badan untuk beraktivitas fisik dan olahraga. Namun setidaknya ini memberikan kabar baik bagi Anda yang lebih banyak menghabiskan hari di depan komputer.

Tapi untuk mendapatkan tubuh yang sehat, sebaiknya Anda tetap harus membakar kalori melalui aktivitas fisik. Bagi yang lebih banyak menghabiskan hari di depan komputer, melakukan latihan sederhana juga bisa dilakukan di meja kantor.
»»  READMORE...

3 Alasan Asparagus Bisa Menurunkan Berat Badan


siapa sih yang nggak tau asparagus? Asparagus sering digunakan sebagai campuran sup atau disajikan bersama salmon panggang dan steak. Selain menambah citarasa makanan lebih lezat, asparagus juga baik untuk kesehatan karena kaya akan vitamin K, A dan C. Tidak hanya itu, sayuran beraroma khas ini juga bisa membantu Anda turunkan berat badan. Bagaimana bisa? Ini tiga alasannya:

1. Menekan Nafsu Makan
Asparagus mengandung serat larut inulin. Dalam beberapa studi, inulin terbukti menekan nafsu makan. Suatu penelitian menemukan bahwa enam gram inulin bisa membuat perut terasa kenyang seperti saat mengonsumsi 260 kalori makanan.

2. Membantu Mengatur Gula Darah
Sayuran hijau ini kaya akan vitamin B yang berbeda seperti B1, B2, B3 dan B6 yang berfungsi meningkatkan metabolisme glukosa untuk mengatur gula darah. Menurut beberapa penelitian, menjaga tingkat gula darah dengan stabil dapat membantu Anda menghindari komplikasi penyakit akibat tingginya gula darah. Seperti diabetesm hipertensi dan gangguan jantung.

3. Melancarkan Pencernaan
Serat yang tinggi dalam asparagus bermanfaat untuk merangasang pertumbuhan probiotik di dalam tubuh yang dapat melancarkan dan menjaga sistem pencernaan. Sehingga dapat menghilangkan perut kembung akibat konstipasi. Asparagus bisa bertindak bertindak sebagai diuretik alami yang berkhasiat untuk memeperlancar saluran urin dan memperbaiki kinerja ginjal.

»»  READMORE...