Penerang Jalan

Tampilkan postingan dengan label 3. Tampilkan semua postingan

Kamis, 07 November 2013

Cara Bikin Template Blog Sendiri Bagian 3

Postingan kali ini adalah kelanjutan dari postingan sebelumnya tentang cara bikin template blog sendiri bagian 2. Kali ini kita akan memfokuskan pembahasan pada komponen lain di header. Silahkan simak tutorial berikut.

hasil template pada tutorial sebelumnya.

Kira kira seperti ini kode header secara keseluruhan.

#header-wrapper{

width:900px;

margin-bottom:10px;

border:1px solid #000000;}

#header-inner {

background-position: center;

margin-left: auto;

margin-right: auto;

}

#header {

margin: 5px;

border: 1px solid $bordercolor;

text-align: center; ( judul blog berada di tengah, ubah kekiri dengan menggunakan kode left )

color:$pagetitlecolor; ( untuk mengubah warna dari judul blog, ubah dengan warna yang di sukai )

}

#header h1 {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont; ( jenis font dari judul blog )

}

#header a {

color:$pagetitlecolor;

text-decoration:none;

}

#header a:hover {

color:$pagetitlecolor; ( efek judul blog ketika di lewati pointer )

}

#header .description {

margin:0 5px 5px;

padding:0 20px 15px;

max-width:700px;

text-transform:uppercase;

letter-spacing:.2em;

line-height: 1.4em;

font: $descriptionfont; ( jenis font dari deskripsi blog )

color: $descriptioncolor; ( warna dari deskripsi blog )

}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

kode berwarna biru adalah kode yang biasa di edit untuk membagi 2 kolom header serta memodifikasi konten di dalam header secara keseluruhan.
kode berwarna ungu adalah kode untuk judul blog.
kode berwarna merah adalah kode untuk deskripsi blog
kode berwarna hijau adalah kode untuk efek hover pada judul blog
kode bercetak tebal digunakan untuk mengatur tampilan image atau gambar dalam header.

ganti kode di atas dengan kode berikut.

#header-wrapper{
width:900px;
margin-bottom:10px;
border:1px solid #000000;}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 10px;
border: 0px solid $bordercolor;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
font-size:16px;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

hasilnya akan seperti ini

Setelah membahas tentang header, sekarang kita masuk di Heading.

Seperti yang saya jelaskan pada cara bikin template blog bagian 1, bahwa heading adalah untuk mengubah tampilan judul pada blog dengan kelas h2 seperti judul artikel, judul widget pada sidebar,judul widget-footer, dll.
berikut kodenya

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

ubah dengan kode berikut

h2{
margin:1.5em 0 .75em;
font:$headerfont;
line-height:1.4em;
border-bottom:1px solid $bordercolor;
text-transform:uppercase;
font-size:17px;
letter-spacing:.2em;
color:#000}

kode bercetak tebal adalah kode yang di tambahkan.

berikut tempilannya...

Pada gambar di atas sobat sobat melihat beberapa konten di postingan dan di sidebar berada dalam satu kotak, kita akan mencoba membuat area postingan secara terpisah - pisah dengan mengedit kode berikut.

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

ganti dengan kode berikut

.post {
margin-right:px;
margin-bottom:10px;
color:#000;
background:#ffffff;
line-height:20px;
border:1px solid #222;
padding:5px;
}
.post h1{
margin:5px;
padding-right:10px;
font-size:20px;
border-bottom:1px solid #000000;
font-weight:normal;
line-height:1.4em;
color:$titlecolor}

selesai dengan itu sekarang kita ke sidebar...

buat sidebar dalam kotak - kotak terpisah dengan mengedit kode berikut.

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

ganti dengan kode berikut

.main .widget{
border:0px solid $bordercolor;
background:#FFF;
padding:0 0 0em}

.sidebar .widget {
margin-bottom:10px;
color:#000;
background:#ffffff;
border:1px solid #222;
padding:3px 10px 10px 10px;
}

dengan kode di atas, tampilan template nya akan jadi seperti ini..

tunggu kelanjutannya di cara bikin template bagian 4..

ReadFull Article ..

Minggu, 27 Oktober 2013

Bayi 3 Bulan Ini Sudah Empat Kali Terbakar Sendiri

Kasus tubuh mendadak terbakar tanpa pemicu masih menjadi misteri dan kini menimpa seorang bayi di India. Saat ini sang ibu bayi dibuat bingung oleh keadaan putranya ini. Pasalnya, bayi berusia 3 bulan itu sudah empat kali terbakar sendiri.

Bayi bernama Rahul tersebut kini sedang dirawat di rumah sakit akibat mengalami kejadian terbakar sendiri. Pihak rumah sakit di Chennai mengatakan Rahul mendapat pengobatan untuk luka bakar level 10.

Dikenal dengan kasus spontaneous human combustion, Rahul juga mengalaminya tanpa ada pemicu api sama sekali. Menurut dokter, Rahul mungkin terbakar karena ekskresi gas melalui kulit yang menyebabkannya menderita luka bakar di dada dan kepala.

Bayi asal Villupuram, dekat Chennai, itu pertama kali mengalami kondisi ini saat berusia 9 hari dan terakhir terjadi pada akhir bulan lalu. Kasus terbakar spontan ini pun diragukan kebenarannya oleh pihak rumah sakit.

“Orang berpikir bahwa aku yang sengaja membakarnya,” ucap Rajeswari.

Hal itu menyebabkan mereka dikucilkan oleh masyarakat setempat. Padahal sebagai keluarga petani mereka telah menjual seluruh harta bendanya untuk menyembuhkan Rahul.

“Spontaneous Human Combustion-syndrome adalah hoax (palsu),” ucap spesialis luka bakar, Dr. J.Jagan Mohan Times of India. “Bayi terbakar sendiri itu tidak mungkin.

Bahkan pecandu alkohol yang memiliki kandungan alkohol di keringatnya pun tidak akan memicu api untuk membakar dirinya.”

Rahul, tiga bulan menerima pengobatan karena luka bakar di sebuah rumah sakit di Chennai, India

Rahul sedang diperiksa oleh dokter dengan ibunya di sisinya, yang mengklaim ini adalah keempat kalinya putranya terbakar.http://terungkaplagi.blogspot.com/2013/08/bayi-3-bulan-ini-sudah-empat-kali-terbakar-sendiri.html

ReadFull Article ..

Kamis, 24 Oktober 2013

Cerita Motivasi 3 Orang Tamu

Berikut ini adalah sebuah cerita motivasi inspirasi untuk anda, semoga dapat membangkitkan semangat dan menginspirasi ...

3 Orang Tamu
Suatu ketika, ada seorang wanita yang kembali pulang ke rumah dari perjalanannya keluar rumah, dan ia melihat ada 3 orang pria berjanggut yang duduk di halaman depan. Wanita itu tidak mengenal mereka semua.

Wanita itu berkata dengan senyumnya yang khas: “Aku tidak mengenal Anda, tapi aku yakin Anda semua pasti orang baik-baik yang sedang lapar. Mari masuk ke dalam, aku pasti punya sesuatu untuk mengganjal perut”.

Pria berjanggut itu lalu balik bertanya, “Apakah suamimu sudah pulang?”

Wanita itu menjawab, “Belum, dia sedang keluar”.

“Oh kalau begitu, kami tak ingin masuk. Kami akan menunggu sampai suamimu kembali”, kata pria itu.

Di waktu senja, saat keluarga itu berkumpul, sang isteri menceritakan semua kejadian tadi. Sang suami, awalnya bingung dengan kejadian ini, lalu ia berkata pada istrinya, “Sampaikan pada mereka, aku telah kembali, dan mereka semua boleh masuk untuk menikmati makan malam ini”.

Wanita itu kemudian keluar dan mengundang mereka untuk masuk ke dalam.

“Maaf, kami semua tak bisa masuk bersama-sama” , kata pria itu hampir bersamaan.

“Lho, kenapa? tanya wanita itu karena merasa heran.

Salah seseorang pria itu berkata, “Nama dia Kekayaan,” katanya sambil menunjuk seorang pria berjanggut disebelahnya, “sedangkan yang ini bernama Kesuksesan, sambil memegang bahu pria berjanggut lainnya.

Sedangkan aku sendiri bernama Kasih-Sayang.
Sekarang, coba tanya kepada suamimu, siapa diantara kami yang boleh masuk kerumahmu.”

Wanita itu kembali masuk kedalam, dan memberitahu pesan pria di luar. Suaminya pun merasa heran. “Ohho…menyenangka n sekali. Baiklah, kalau begitu, coba kamu ajak si Kekayaan masuk ke dalam. Aku ingin rumah ini penuh dengan Kekayaan.”

Istrinya tak setuju dengan pilihan itu. Ia bertanya, “sayangku, kenapa kita tak mengundang si Kesuksesan saja? Sebab sepertinya kita perlu dia untuk membantu keberhasilan panen ladang pertanian kita.”

Ternyata, anak mereka mendengarkan percakapan itu. Ia pun ikut mengusulkan siapa yang akan masuk ke dalam rumah. “Bukankah lebih baik jika kita mengajak si Kasih-sayang yang masuk ke dalam? Rumah kita ini akan nyaman dan penuh dengan kehangatan Kasih-sayang. ”

Suami-istri itu setuju dengan pilihan buah hati mereka. “Baiklah, ajak masuk si Kasih-sayang ini ke dalam. Dan malam ini, Si Kasih-sayang menjadi teman santap malam kita.”

Wanita itu kembali ke luar, dan bertanya kepada 3 pria itu. “Siapa diantara Anda yang bernama Kasih-sayang? Ayo, silahkan masuk, Anda menjadi tamu kita malam ini.”

Si Kasih-sayang berdiri, dan berjalan menuju beranda rumah. Ohho.. ternyata, kedua pria berjanggut lainnya pun ikut serta. Karena merasa ganjil, wanita itu bertanya kepada si Kekayaan dan si Kesuksesan.

“Aku hanya mengundang si Kasih-sayang yang masuk ke dalam, tapi kenapa kamu ikut juga?”

Kedua pria yang ditanya itu menjawab bersamaan. “Kalau Anda mengundang si Kekayaan, atau si Kesuksesan, maka yang lainnya akan tinggal di luar. Namun, karena Anda mengundang si Kasih-sayang, maka, kemana pun

Kasih sayang pergi, kami akan ikut selalu bersamanya. Dimana ada Kasih-sayang, maka kekayaan dan Kesuksesan juga akan ikut serta. Sebab, ketahuilah, sebenarnya kami berdua ini buta. Dan hanya si Kasih-sayang yang bisa melihat. Hanya dia yang bisa menunjukkan kita pada jalan kebaikan, kepada jalan yang lurus. Maka, kami butuh bimbingannya saat berjalan. Saat kami menjalani hidup ini.”

(Author Unknown)

~~~

Demikian cerita kali ini, silahkan baca kumpulan cerita motivasi lainnya ...

artikel terkait :
cerita motivasi - hinaan membawa berkah
cerita motivasi - malaikat dan pengusaha
cerita motivasi - elang

ReadFull Article ..

Sabtu, 19 Oktober 2013

3 simple Hello Egypt Android Application

3-Our first Android Application will be - Hello Egypt

Hello Egypt :)

<> the application will be a basic application that contains a textview that just view "Hello Egypt" when pressing a button

---------

you should have :

Eclipse
and the Android SDK also and its connected with Eclipse IDE

note : if you want to download them please refer to the last articles

of Android prerequisites

1 - The first step is to open Eclipse IDE like the image :
Eclipse

2- it should look like that - if its open in another view its ok

it should be based on the user that uses it

Learn Android

3 - then we create a new project follow that in order :

File > New Project >Android Application Project

Learn Android

and then press:
Next
4- then do like the following Image :

Learn Android

and follow :

Next> Next > Next > Finish

Learn Android

and in the next articles will will told you all about these elements

5- the application will be created with the name that we provide in the last step

Learn Android

6- Here we just created a new project
then select

Hello World
thats in the middle of the screen and then press

Delete

7- Then select :
TextView , Button
and just do like the following image

Learn Android

8-then press on the like the previous image

activity_main.xml

Learn Android

i will told you about all that code in the coming articles

the important element is :

thats we will use on the code

9- then select

src > MainActivity.java

and write the code like the following image :

Learn Android

package com.example.helloegypt;
import android.app.Activity;
import android.os.Bundle;
import com.example.helloegypt.R;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends Activity {
TextView txt;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button btn = (Button)findViewById(R.id.button1);
txt = (TextView)findViewById(R.id.textView1);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
txt.setText("Hello Egypt".toCharArray(),0,"Hello Egypt".length());
}
}); }
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}
}

10- after doing the last step and write all the code save the work (you can use the short cut CTRL+S )

and run the application using the Emlator like the following image :

Learn Android

and it should be like that :) and Happy Time

Learn Android

I hope that it was clear for you . if need any questions just leave a comment :)

ReadFull Article ..