oecil cell: tutorial

Showing posts with label tutorial. Show all posts

12/19/2009

cisco key semester1 chapter2 - chapter11

free download cisco key semester1 chapter2

free download cisco key semester1 chapter3

free download cisco key semester1 chapter4

free download cisco key semester1 chapter5

free download cisco key semester1 chapter6

free download cisco key semester1 chapter7

free download cisco key semester1 chapter8

free download cisco key semester1 chapter9

free download cisco key semester1 chapter10

free download cisco key semester1 chapter11
Read More..

9/18/2009

Membuat Tulisan Terbalik di Facebook

˙˙˙˙˙ʞooqǝɔɐɟ ıp ʞıןɐqɹǝʇ uɐsıןnʇ ʇɐnqɯǝɯ ƃuɐʇuǝʇ uɐʞsɐןǝɾuǝɯ uɐʞɐ ʍƃ ıuı ıןɐʞ (Kali ini saya akan menjelaskan tentang membuat tulisan terbalik di facebook......) rasanya kaya dunia kebalik aja ya kalo tulisannya terbalik pa mlah mungkin orangnya.heeee, nah bagaimana caranya menulis tulisan seperti itu? apakah kamu mau apabila saya kasih tau? kalo mau ikuti cara di bawah ini :

1. klik disini untuk mendapatkan tulisan terbalik

2. ketik tulisan yang anda ingin di balik di kotak bagian atas nanti akan muncul tulisan terbalik secara otomatis tepatnya dibawah kotak tersebut

3. copy tulisan yang terbalik itu lalu kopy ke facebook / ke postingan juga bisa loh...

4. selesai deh.

Gampang banget kan.......... Read More..

9/01/2009

Cara Membuat Favicon Blog Blogger

Sebelumnya, apakah anda tahu apa yang dimaksud dengan favicon? Secara singkat dapat favicon dapat diartikan sebagai favorites icon dan juga dikenal sebagai logo halaman website/blog. Icon ini berhubungan dengan web atau halaman situs yang bisa dilihat pada browser address bar lalu URL website.

Misalnya favicon facebook seperti yang terlihat pada gambar dibawah ini. Dan sekarang saya akan menjelaskan kepada Anda Langkah sederhana membuat favicon dari awal.

Pertama-tama yang harus anda siapkan adalah sebuat gambar segi empat yang berukuran 100x100 pixel. Kemudian anda kunjungi langsung alamat situs Favicon Generator. Browse file yang telah di buat dari komputer pribadi dan selanjutnya klik tombol ‘Generate Favicon!’.

Setelah itu, ikuti empat langkah mudah untuk membuat favicon dari Favicon Generator sampai selesai dengan benar. Download ikon yang telah anda buat dengan format 'favicon.ico'(Complete! => Click Here to Download Your Favicon!), Lalu icon tersebut anda upload ke root directory anda. Langkah terakhir adalah menambahkan code merah di bawah ini dibawah pada halaman Web (Blogger: Login ke halaman bloggger anda Layout > Edit HTML). Pastikan Anda menyalin semuanya dengan benar.

<head>

<title>Tutorial | Oecil-cell</title>

'alamat-favicon.ico' anda ganti dengan alamat URL favicon. Demikian Cara Membuat Favicon Blog Sendiri! Jangan segan-segan bertanya kepada saya lewat kotak komentar atau Contact Us jika anda mengalami kesulitan.

8/31/2009

Tambah Linkbar Pada Blog

Template 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.

<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 definitions

...........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">

3. Kemudian tambahkan variable definitions tentang besarnya huruf. Kodenya seperti ini

<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'>

Menambahkan read more Pada Postingan Blog

Sebenarnya "read more" sudah tersedia di helpnya blogger, How can I create eger ye menogxpandable post summaries?. Tapi hal itu tidak membantu,terutama pada bagian style/css nya. Jadi gunakan cara lain saja.

Caranya:

Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

<style>
<b:if cond='data:blog.pageType == "item"'> 
   span.fullpost {display:inline;}

<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>

Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
```
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
```

Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Contoh penulisan posting:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir postingan akan seperti ini:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..

Selamat Mencoba!

7/24/2009

DOWNLOAD AJAX TUTORIAL

AJAX has a length of Asynchronous javascript and XML is a new technique in the world of web. Since diembangkan was 2-3 years ago, AJAX start Dilirik by the web designer and web programmer. With AJAX, access data that is sent to the server melelui clientvia web ceat can be more of a normal mechanism. This is because AJAX does not need to do the loading page (refresh age) or move to another page.

download ajax-tutorial-newbie-1

download ajax-tutorial-newbie-2

download ajax-tutorial-database-1

download ajax-tutorial-database-2

download ajax-tutorial-database-3

download ajax-tutorial-database-4 Read More..

Linkbar

oecil cell

Language

Guest Book

Banner Exchange

Link

Site Info

Search