Senin, 01 April 2013

Cara Membuat Sparator Box Postingan Blogger

First thing you should do is back up your current Blogger template. Then go to:
DASHBOARD --> LAYOUT --> EDIT HTML, and in the code section, find the following line of code:

#main-wrapper {
...in my example the whole section looks like this:
#main-wrapper {
background:#FFDEAD;
border: 1px solid #E9967A;
padding-right:7px;
padding-left:7px;
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

...now, I'm going to copy the style (in orange) and paste it in my main-wrapper elements (find the following lines in code):

h2.date-header {
margin:1.5em 0 .5em;
}

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}
....after pasting the code, it should look like this:

h2.date-header {
margin:1.5em 0 .5em;
background:#FFDEAD;
border: 1px solid #E9967A;
padding-right:7px;

padding-left:7px;

}

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
background:#FFDEAD;
border: 1px solid #E9967A;

padding-right:7px;

padding-left:7px;

}
....you can see the added code in orange.

Next thing is to hide (or delete) the copied style from "main-wrapper". If I don't do this, my template will look like this:

....to avoid it, I'll hide the style in "main-wrapper" using /* and */....in the code it's like this:

#main-wrapper {
/*background:#FFDEAD;
border: 1px solid #E9967A;
padding-right:7px;
padding-left:7px;*/
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

...alternately, you can just DELETE the style from the main-wrapper...
...now, the style for main-wrapper is disabled, and you can see a gap (a Blog background, in fact) between your posts...

To align your sidebar with the post section, find this part of code:

h2.date-header {
margin:1.5em 0 .5em;
..and change it to:
h2.date-header {
margin:0 0 .5em;

Save Template.



Jumat, 12 Oktober 2012

Rainbow Cake



cara buat bolu kukus pelangi

Bahan dan cara buat bolu kukus pelangi :

Bahan :

400 gram gula
226 gram butter
2 sdt vanila esens
375 gram tepung
5 butir putih telur
4 sdt baking powder
1/2 sdt garam
355 gram susu UHT
6 jenis warna pewarna makanan (merah, orange, kuning, hijau, biru, ungu)

Penutup / toping :

100 gr mentega putih
100 gr cream cheese
 Springkle warna warni

Cara membuat:
1. Campur tepung, baking powder, vanila esens dan garam dalam satu wadah dan sisihkan
2. Kocok putih telur hingga kaku dan sisihkan
3. Kocok butter dan gula sampai lembut, kemudian tambahkan putih telur tersebut sedikit demi sedikit
4. Tambahkan campuran tepung dan susu UHT secara bergantian dalam adonan telur dan aduk rata
5. Bagi adonan menjadi 6 dalam wadah. Beri warna/pasta (merah, orange, kuning, hijau, biru dan ungu)
6. Panggang adonan selama 15-20 menit dengan suhu 160 derajat Celcius
7. Dinginkan cake dan susun bertumpuk
5. Kocok cream cheese dan mentega putih hingga lembut
6. Oleskan krim pada setiap lapisan cake dan bagian atas
7. Hiasi dengan springkle warna warni

 Sumber