Cara Membuat Tampilan Posting Rata Kiri Kanan atau Tengah

Cara Membuat Tampilan Posting Rata Kiri Kanan atau Tengah

Anda ingin membuat tampilan teks posting Anda di tengah atau bahkan berada di kanan atau kiri. Pada kesempatan kali ini kita akan membahas hal tersebut, banyak cara yang bisa dilakukan untuk mengubah teks posting rata kanan, kiri atau tengan. Salah satunya adalah menggunakan menu tab yang disediakan blogger pada posting blog.

Tapi kali ini kita akan menggunakan cara yang berbeda yaitu mengubah script template pada blog, berikut caranya :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Cari kode seperti dibawah ini (gunakan Ctrl + F untuk mempercepat pencarian).

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}
4. Kalau sudah ketemu tambahkan kode text-align: justify; diantara script.
5. Hasilnya akan seperti dibawah ini.

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;

text-align: justify;border-width:1px 0;
}

Keterangan :
Justify : teks posting akan penuh di halaman posting ganti dengan right: kanan, left: kiri, atau center: tengah.
6. Simpan template.

Cara Membuat Border Posting Blog

Cara Membuat Border Posting Blog

Cara Membuat Border / Frame / Bingkai Pada Area Posting (main wrapper)

1)..Pertama login ke akun blogger atau dashboard.
2)..Pilih menu Template –> Edit HTML
3)..Selanjutnya cari code ini : .post { tekan CTRL+F untuk memudahkan mencari
4)..Tambahkan kode dibawah ini tepat dibawah code .post {

padding: 5px;
Border-top: 3px solid #000000;
Border-bottom: 3px solid #000000;
Border-left: 3px solid #000000;
Border-right: 3px solid #000000;
Margin-bottom: 10px;
5).Lakukan preview atau pratinjau dulu, jika sudah ok Lalu simpan template
Cara membuat Border / Frame / Bingkai Pada Sidebar BLOG
Login ke akun blogger atau dashboard.
Pilih menu Template –> Edit HTML
Cari code ini : ]]></b:skin>
Agar lebih mudah mencari tekan control+F
Tambahkan kode dibawah ini tepat diatas code ]]></b:skin>

sidebar .widget{
padding:5px 5px 5px 5px;
border:1px solid #C11209;
margin-bottom:5px
5)..Lakukan preview atau pratinjau dulu, jika sudah ok Lalu simpan

Keterangan : Semua angka dan warna bisa diganti sesuai selera
Padding: 5px; = Jarak antara text post dengan garis pinggir 5px; makin tinggi angka jarak dari tepi akan semakin lebar

Border-top: 3px solid #000000; = garis pinggir atas 3px semakin tinggi angka, maka akan semakin tebal garisnya

Border-bottom: 3px solid #000000 ; = garis pinggir bawah 3px

Border-left: 3px solid #000000 ; = garis pinggir kiri 3px

Border-right: 3px solid #000000 ; = garis pinggir kanan 3px

Margin-bottom: 10px; = jarak antar post yang satu dengan lainnya 10px

Code warna #000000 adalah warna hitam

Catatan : Bentuk Frame bisa diganti sesuai selera

solid : bingkai menjadi garis biasa ( ___________ )

dotted : bingkai menjadi titik-titik ( .............................. )

dashed : bingkai menjadi garis putus-putus ( --------------------- )

double : Bingkai 2 garis biasa ( = )

Ridge

Groove

Inset

Outset

Radius ( Sudut melengkung )

dan lain-lain

SEMOGA BERMANFAAT

Cara Mengubah Lebar Kolom Blog

Cara Mengubah Lebar Kolom Blog

Bagaimana sih cara merubah lebar kemudian tinggi sebuah template sehingga tampilan blog kita sesuai dengan apa yang kita inginkan. ada beberapa kode yang perlu kita pahami. dan silahkan langsung uji coba untuk menggantinya. Coba cari kode yang berwarna biru dan ubah nilainya , misal width:900px kalian rubah menjadi width:750px kemudian simpan hasilnya.

Letak kode2 yang mengatur lebar kolom template kalian adalah
    #header-wrapper {
    width:900px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }

    #outer-wrapper {
    width: 900px;
    margin:0 auto;
    padding:10px;
    text-align:justify;
    font: $bodyfont;


    } #main-wrapper {
    width: 435px;
    margin-left: 20px;
    margin-right: 20px;
    float: left;

    }
    #sidebar-wrapper {
    width: 220px;
    float: right;
    }


    #newsidebar-wrapper {
    width: 200px;
    float: left;
    }

Seperti yang terlihat pada kode-kode diatas, yang mempengaruhi lebar kolom adalah yang saya cetak merah. Width tentu saja dalam bahasa indonesia adalah lebar, jadi gampangkan untuk mengenalinya. 900px adalah nilai lebar yaitu sebesar 900 pixel.

Uraiaanya sebagai berikut :

    #header-wrapper {

    width:900px;

    margin:0 auto 10px;

    border:1px solid $bordercolor;

    }

Ini artinya header-wrapper mempunyai lebar sebesar 900px dan mempunyai border (saya artikan border adalah bingkai atau garis tepi) sebesar 1 pixel dengan garis yang solid (solid = garis penuh. dashed = garis putus-putus, dotted = garis berupa titik-titik) dengan warna border yang bisa di ubah-ubah (pada bagian font dan warna).

Header-wrapper hanya penamaan saja (tidak mutlak). Jika diganti dengan nama kepala juga tidak apa-apa. width:900px; berarti lebarnya sebesar 900 pixel. Nah, nilai 900 pixel inilah yang bisa di ubah sesuai keinginan Anda, mau ditambah nilainya biar lebih lebar, atau di kurangi biar lebih kecil. Akan tetapi saran saya, nilai dari header ini harus sama dengan nilai dari lebar body agar terlihat bagus. border:1px solid $bordercolor; adalah agar bagian header mempunyai garis tepi sebesar 1 pixel, jika ingin lebih tebal Anda tinggal tambahin nilainya, atau jika Anda menginginkan garis tepi ini tidak ada maka dihapus saja kode ini.

    #outer-wrapper {

    width: 900px;

    margin:0 auto;

    padding:10px;

    text-align:justify;

    font: $bodyfont;

    }

Ini artinya outer-wrapper mempunyai lebar sebesar 900px, jarak sela sebesar 10 pixel dengan align nya adalah rata kiri-kanan dan jenis huruf yang bisa di ubah-ubah melalui panel huruf dan warna.

Outer wrapper hanyalah nama saja. width:900px; berarti lebarnya 900 pixel. 900 pixel ini adalah lebar yang di sediakan untuk kolom-kolom yang ada, sebut saja dalam hal ini kolom main-wrapper, sidebar-wrapper, dan newsidebar-wrapper. Jadi dengan kata lain outer wraper adalah hasil penjumlahan lebar kolom main-wrapper, sidebar-wrapper, dan newsidebar-wrapper. Apabila Anda memasukkan konten yang melebihi lebar kolom masing-masing, maka secara otomatis pula melebihi spek dari lebar yang di sediakan oleh outer wraper dan yang terjadi adalah salah satu kolom akan melorot ke bawah dan ini membuat blog Anda menjadi kurang sedap untuk dipandang mata. Jadi apabila Anda ingin mengubah lebar salah satu kolom diantara yang tiga, maka lebar dari outer wraper pun harus diubah dan disesuaikan.

    #main-wrapper {

    width: 435px;

    margin-left: 20px;

    margin-right: 20px;

    float: left;

    }

Ini artinya kolom main-wrapper mempunyai lebar sebesar 435 pixel dengan margin kanan sebesar 20 pixel, margin kiri 20 pixel dan kolom ini di letakan sebelah kiri.

main-wrapper adalah kolom halaman posting, apa-apa yang Anda posting maka akan masuk ke halaman ini. width: 435px; berarti lebar kolom ini sebesar 435 pixel, tapi karena menggunakan margin-left dan margin-right, maka lebar kolom sebenarnya adalah sebesar 475 pixel. Akan tetapi yang 40 pixel hanyalah jeda saja agar batas kolom menjadi terlihat tidak bersentuhan. Apabila Anda merasa kolom ini terlalu sempit atau kekecilan, maka Anda bisa menambahkan nilai, contoh 550 pixel. Apabila Anda berniat merubah kolom ini, kolom outer-wraper pun harus ditambah nilainya. contoh tadi apabila main-wrapper ingin menjadi 550 pixel, maka 550px-475px=75px. ini berarti kolom outer-wraper harus ditambah sebesar 75px, jadi 900px+75px=975px.

    #sidebar-wrapper {

    width: 220px;

    float: right;

    }

Ini artinya kolom sidebar-wrapper mempunyai lebar sebesar 220 pixel dan ditempatkan sebelah kanan layar.

Kolom sidebar-wrapper adalah kolom sidebar atau kolom tempat dimana Anda menyimpan berbagai aksesoris atau yang lainnya. width: 220px; berarti mempunyai lebar sebesar 220 pixel, apabila ingin dipersempit atau diperlebar, maka Anda hanya perlu mengubah nilai pixelnya saja. Cuma apabila merubah nilai kolom ini, jangan lupa untuk mengubah nilai space yang disediakan oleh outer-wraper. contoh : apabila kolom ini ingin diperbesar menjadi 250pixel maka tambahan pixel adalah sebesar 30 pixel. Nah, jangan lupa untuk menambahkan pula pada kolom outer-wraper.

    #newsidebar-wrapper {

    width: 200px;

    float: left;

    }

Ini artinya kolom newsidebar-wrapper mempunyai lebar kolom sebesar 200 pixel dan ditempatkan pada layar sebelah kiri.

Seperti halnya sidebar-wrapper, kolom newsidebar-wrapper pun adalah tempat menyimpan berbagai aksesori ataupun blog tool. Kolom ini dibuat agar Anda bisa lebih banyak memuat berbagai aksesoris yang Anda inginkan. Kolom newsidebar-wrapper ini lebarnya sebesar 200px, apabila berniat merubahnya maka tinggal merubah nilai pixelnya saja, tapi jangan lupa untuk menambahkan pula pada kolom outer-wraper.

Panduan Cepat Belajar Office

 

Cara Cepat Belajar Ms Office 2003-2010

 Saat menulis postingan ini, saya teringat waktu masih sekolah dulu yang setiap saat dihadapkan tumpukan buku yang tebal..., banyak keterangan yang panjang panjang dan mbulet....

Solusinya tentu kita akan membuat catatan yang merupakan rangkuman dari buku tebal tersebut! Praktis, simpel berupa lembaran kecil..., berisi catatan yang penting, mudah dibawa kemana mana serta mudah digunakan...

Tutorial dibawah ini memiliki kesamaan dengan hal tersebut..., merupakan Quick Reference ,silakan download file-nya, cetak dan gunakan untuk panduan belajar...

Materi	Link Download
Microsoft Access	Access 2010 – Access 2007 – Access 2003
Microsoft Excel	Excel 2010 – Excel 2007 – Excel 2003
Microsoft Word	Word 2010 – Word 2007 – Word 2003
Microsoft PowerPoint	PowerPoint 2010 – PowerPoint 2007 – PowerPoint 2007
Microsoft Outlook	Outlook 2010 – Outlook 2007 – Outlook 2003
Microsoft Publisher	Publisher 2010 – Publisher 2007 – Publisher 2003
Microsoft OneNote	OneNote 2010 – OneNote 2007
Microsoft Publisher	Outlook 2010 – Outlook 2007 – Outlook 2003
Microsoft Visio	Visio 2010 – Visio 2007 – Visio 2003
Microsoft Project	Project 2010 - Project 2007 – Project 2003
Microsoft Windows	Windows 7 – Windows Vista – Windows XP
Internet Explorer	Internet Explorer 8 – Internet Explorer 7 – Microsoft InfoPath

Catatan:

Sumber: customguide.com

Tutorial Ms Office

Dilingkungan pendidikan dan perkantoran, penggunaan aplikasi perkantoran seperti Microsoft Office sangatlah penting, karena dengan aplikasi office itulah semua pekerjaan yang biasanya dilakukan secara manual oleh manusia kini digantikan oleh komputer, seperti membuat tulisan (laporan, buku, menuat RPP, Silabus, PTK), presentasi, perhitungan, kirim surat, dll. Semua tidak terlepas dari bantuan aplikasi office. Kami pernah merasakan betapa menyitanya waktu dan tenaga saat masih menggunakan mesin ketik manual dalam mengerjakan tugas tugas tersebut, sering kami harus mengulang ulang pekerjaan, karena saat mengerjakan tugas tersebut kami jumpai kesalahan, karena hasil pekerjaan tidak dapat dipreview terlebih dahulu!

Dengan diperkenalkannya Ms Office, maka tugas yang kami laksanakan jauh teras lebih ringan, pekerjaan bisa dipreview terlebih dahulu sebelum berlanjut ke proses pencetakan, sehingga jika terjadi kesalahan bisa segera di benarkan, hasil tampilan pekerjaanpun dapat dipercantik dengan berbagai pernak pernik bawaan program secara native maupun bisa diambilkan dari ribuan template yang bertebaran di internet!

Namun sayang..., masih banyak yang belum dapat menguasai program tersebut dengan baik..., sehingga kemudahan yang ditawarkan masih belum bisa dimanfaatkan dengan maksimal..., masih sering kita jumpai beberapa orang yang harus "Ndandhakne" saat membuat RPP, Silabus atau pekerjaan yang lain...

Untuk itu pada kesempatan ini, kami pilihkan , Tutorial yang menurut cukup mudah untuk digunakan dalam kita belajar. sebenarnya..., tutorial ini merupakan buku materi yang diperuntukkan untuk SMA, namun dengan kemudahan yang ditawarkan oleh buku ini, rasanya tidak salah jika kita gunakan sebagai panduan untuk belajar..., Silakan didownload dan dibaca..., atau sebaiknya dicetak dan kita gunakan untuk panduan kita belajar....



Download Tutorial Ms Word



Download Tutorial Power Point



Download Tutorial Ms Excel
Semoga bermanfaat!!!

Sumber :http://videobelajar.com

Garis Bilangan Pada Ms Word

Ada tugas matematika yang akan anda selesaikan…???, Berkaitan dengan membuat garis bilangan dalam Ms Office Word…???

Jika anda seorang guru matematika, maka suatu saat anda akan dihadapkan pada menggambar objek matematika. Jika cara kita kurang tepat, maka kita akan menghabiskan banyak waktu untuk menyelesaikannya. Banyak orang yang bisa melakukannya dan tentu banyak caranya.

Berikut adalah langkah-langkah membuat garis bilangan pada Ms. Word :

1. klik autoshape pilih line untuk membuat garis datar pilih ketebalan yang diinginkan (untuk memastikan bahwa garis anda mendatar maka tekan shift bersamaan dengan anda membuat garis).

2. Klik kanan pada garis, Format autoshape, color and lines, begin style pilih panah, end style pilih panah.

3. Buat garis tegak lurus, kemudian klik kanan pada garis tersebut, weight pilih sesuai keinginan misal 1,5.

4. Klik kanan pada garis autoshape > size > height pilih 0.30.

5. Buat text box, klik kanan pada text box, format text box, Color and line : color - no fill, line color : no line. Size height 0.95 cm, width 0,96 cm. Text box : left 0 cm, right 0 cm, top 0 cm, bottom 0 cm. OK.

6. Klik kanan pada text box pilih perataan text dengan center. Ketikkan angka 1 di dalam text box.

7. Seleksi aktifkan garis pendek dan text box. pilih perataan align center. Klik di lain.

8. Letakkan agar text box berada cukup dekat dibawah garis pendek. Aktifkan keduanya, kemudian grup.

9. Kopi hasilnya sebanyak yang kita inginkan, aktifkan semuanya kemudian ratakan dengan align top. Geser paling kanan sesuai keinginan kita (nanti jadi titik paling kanan), aktifkan lagi semuanya kemudian ratakan distribusi horisontalnya dengan perintah : Distribute horisontally. Kemudian group.

Nah langkah terakhir adalah mendekatkan antara garis panjang dengan objek hasil group tadi. Kemudian group keduanya. Ganti angka-angka satu sesuai keperluan. Nah jadi deh....???, nich penampakannya....

Menghitung Keliling Dan Luas Segitiga dengan Ms Excel

Perlu anda ketahui, dengan menggunakan excel kita dapat membuat sebuah formula sederhana untuk menghitung luas segitiga sembarang dan keliling segitiga.

Dalam contoh ini akan dibahas kasus tentang ketiga panjang sisi segitiga diketahui.

Dengan mengetahui panjang sisi segitiga maka kelilig dapat dihitung dengan menjumlahkan panjang ketiga sisi segitiga. Sedangkan luas dapat dihitung dengan menggunakan nilai akar dari data setengah keliling dikurangkan dengan panjang masing-masing sisi. Rumus untuk menghitung keliling dan luas segitiga bisa dilihat dibawah ini:

Selanjutnya di sel B6,B7 dan B8 isi dengan panjang setiap sisi segitiga.

Kemudian lakukan perhitungan berikut:

a. S adalah setengah panjang keliling di sel C11 ketik formula =(B6+B7+B8)/2

b. Luas segitiga, di sel sel C12 ketik formula =SQRT(C11*(C11-B6)*(C11-B7)*(C11-B8))

c. Keliling segitiga di sel C13 ketik rumus =B6+B7+B8

Hasilnya akan terlihat seperti gambar di bawah ini:

Setelah mengetik rumus di atas, saat mengganti nilai panjang sisi segitiga pada sel sel B6,B7 dan B8, maka secara otomatis excel akan menghitung luas dan keliling segitiga!
Jika kurang jelas, silakan sampaikan pada kolom komentar, Insya'Allah akan kami bantu.

PANDUAN MENULIS ABSTRAKSI PTK

Ada kejadian menarik saat seorang sahabat yang mau berangkat PLPG di Rayon UNP Kediri mampir ke rumah saya…., setelah basa basi sekedarnya, beliau meminta kepada saya untuk membuatkan contoh “Abstraksi PTK”….???
Waduuuh, jelas saja saya bingung…, lha wong saya termasuk orang yang bukan ahlinya je….,
Namun saya nggak kehabisan akal…, karena saya ingat punya paman yang selalu hampir bisa menjawab segalanya, mulai pertanyaan sederhana bagaimana cara membuat ‘sego pecel Madiun’ yang enak, sampai dengan yang rumit semisal menerangkan struktur SUKHOI SJ100, (tidak bermaksud untuk mengungkit Threat masalah SUKHOI disini lho, ntar di”umprengi” lagi sama pengunjung Web... he he…), Oh ya sekedar anda tahu, paman saya tadi namanya “Google”…., anda juga mengenalnya…???
Nah…, akhirnya setelah bertanya sama beliau, saya mencoba memilih jawaban yang ini :

Bahwa Abstrak merupakan uraian ringkas, cermat dan menyeluruh dari isi suatu karangan ilmiah. Untuk itu Abstrak yang baik harus memenuhi syarat-syarat sebagai berikut:

1. Merupakan uraian ringkas, cermat dan menyeluruh sehingga mencerminkan keseluruhan isi judul. Abstrak dapat berdiri sendiri sebagai satu kesatuan yang utuh.

2.Tanpa komentar dari pembuatnya di luar apa yang dikemukakan dalam karangan ilmiah. Maksud dari tanpa komentar disini adalah bawah tanpa ada unsur subjektif dari penulis karena semua didasarkan atas hasil penelitian.

3.Dapat dikerjakan orang lain, tetapi sebaiknya dibuat sendiri oleh penulisnya karena ia lebih memahami apa yang disajikannya dalam karangan ilmiah tersebut.

4.Terdapat pada permulaan karangan ilmiah sehingga pembaca segera dapat mengetahui informasi yang disajikan sesuai dengan keperluan atau minatnya.

5.Isi suatu abstrak sebaiknya jangan melebihi 250 kata atau sekitar 25 baris jika setiap baris terdiri atas 10 kata.

6.Dalam abstrak tak ada pergantian paragraf (tanpa alinea). Artinya adalah dalam abstarks tidak ada paragraf

7.Huruf yang digunakan dalam abstrak sebaiknya berbeda besarnya dengan huruf isi karangan ilmiah.

8.Sedapat mungkin dihindari pemakaian, kalimat aktif, sebaiknya kalimat pasif.

9.Kepustakaan, singkatan, ilustrasi, grafik dan tabel tidak boleh dicantumkan.
10. Di bawah abstrak sebaiknya dicantumkan kata-kata kunci (key words) sebanyak 3 hingga 10 kata yang kira-kira dapat dipakai untuk mengindeks karangan ilmiah kita dalam suatu deretan karangan ilmiah sejenis. Kata kunci (key word) adalah kata-kata yang penting dan paling menonjol dalam karangan ilmiah itu. Contoh: Kalau suatu karangan ilmiah membahas mengenai hubungan antara segitiga, siku siku dan Pythagoras dengan Teorema, maka kata-kata kuncinya adalah segitiga, siku siku, Pythagoras dan Teorema Pythagoras.

Ingin menambah…???