Lembar Coretan

Seperti janji saya pada artikel sebelumnya di menampikan ( menampilkan ) situs lain di blog kita bahwa saya akan menunjukkan jenis - jenis border CSS. Seperti sobat lihat di bawah, saya sudah mengumpulkan contoh - contoh dari border - border CSS tersebut. Dan saya juga akan menambahkan beberapa kode - kode warna yang mungkin bisa berguna bagi sobat yang sedang membutuhkan. Untuk menghemat tempat, sengaja contoh - contohnya saya letakkan di dalam spoiler, jadi untuk memunculkan tinggal klik show saja. Semoga berguna.

Jenis Jenis Border CSS

Dotted Border

Dashed Border

Solid Border

Double Border

Groove Border

Ridge Border

Inset Border

Outset Border

<p style="border: 5px groove rgb(152, 191, 33); padding: 3px; text-align: center; font-weight: bold;">Groove Border
</p>

w3schools.com

Menampilkan situs lain di blog kita, maksudnya? kayaknya judulnya sudah jelas deh. Tapi bukan Copy Paste Lowh. Untuk bahasan sharing kali ini tak banyak cakap, biar tidak bingung silahkan lihat contoh seperti di bawah ini.

Sudah dilihat dan dicoba digunakan? Hihi kayak ngintip yach. Apakah Ingin tau cara membuatnya? baik kita mulai saja. Kali ini kita bisa menggunakan bagian mana saja dari blog kita, tapi jangan ditempatkan di tempat yang aneh - aneh. Umumnya hal seperti ini diletakkan di bagian Posting, Sidebar, Footer. Yang saya tahu ada yang meletakkannya di sidebar karena mungkin bisa digunakan sebagai alternatif dari gadget pada umumnya. Tapi dalam hal ini saya meletakkannya di bagian posting karena mempunyai space yang lebih besar jadi lebih kelihatan lega...hehehe.... Dan saya juga menggabungkannya atau memasukkannya di dalam spoiler agar lebih bisa menghemat ruang lagi. Kita mulai langkah pertama..

4. Dan coba di lihat hasil previewnya dengan meng-klik Compose. Kalau belum kelihatan hasilnya, bisa langsung di publish ( Terbitkan ) untuk melihat hasilnya sesuai dengan yang diinginkan atau tidak.

Kalau belum sesuai dengan yang sobat inginkan, sobat bisa mengedit bagian kode yang ditulis merah. dan keterangannya ada di bawah ini.

- Judul : Bagian ini merupakan judul dari spoiler. Sobat bisa menggantinya dengan yang sobat inginkan ( Tulisannya Maksudnya ).

- Google : Ini sebenarnya juga judul tapi yang kedua dan miring lagi. Bisa diganti juga.

- style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;
Untuk kode yang di atas itu untuk tampilan dari button atau tombol spoiler. Tapi sebaiknya jangan di utak-atik aja dech. Untuk sekedar tahu saja.

- style="margin: 0px; padding: 6px; border: 1px inset;
Kalau untuk yang ini untuk tampilan dari spoiler. inset menandakan jenis dari salah satu border

- <iframe name="cwindow" style="border:5px groove green" width=500 height=200 src="http://www.google.com"></iframe>
Sobat dapat mengganti Alamat situs/ URL yang berwarna hijau dengan URL site pilihan sobat. Sekian sampai di sini dulu bahasan sharing kita kali ini. Sudah ngantuk. Hoaahmm..hehehe... Kalau masih belum jelas atau ada yang perlu diperbaiki dari bahasan di atas silahkan di lontarkan di kotak komentar.

Catatan :

Sejujurnya saya kesulitan dalam memilih judul yang sesuai untuk bahasan sharing kali ini agar kuat dalam SEO nya. Kali ini saya akan berbagi kepada sobat blogger sekalian khususnya pada sobat blogger pemula tentang bagaimana cara membuat elemen halaman di atas sidebar atau lebih seperti kotak biru pada gambar di bawah ini.

Setelah melakukan percobaan kecil di template blog ini dan dengan kemampuan yang pas-pasan akhirnya saya mampu mewujudkan apa yang saya inginkan (critanya memang lagi butuh tambahan elemen seperti itu...ehehehe.. ) .

Menambahkan elemen halaman di atas sidebar sebernarnya caranya cukup sederhana. Memang sih kalau belum tahu memang terlihat susah sekali. Seperti yang saya alami. Soalnya saya pemula dalam dunia blogging. Baik kita mulai saja.

1. Pertama anda harus Login ke akun Blogger sobat. Setelah itu masuk ke Layout => Edit HTML.

2. Jangan mencentangi kotak kecil bertuliskan Expand Template Widget karena nanti akan muncul kode-kode yang bikin pusing kepala. Oh ya untuk berjaga- jaga sebaiknya sobat backup dulu templatenya dengan cara download templatenya.

3. Copy script di bawah ini

#sidebar-wrapper3 {
width: 350px;
float: $endSide;
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 */
}

4. Lalu Cari script seperti

#sidebar-wrapper {
width: 165px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}

Biar mudah tekan tombol keyboard ctrl+f dan paste kan kode tersebut di kotak find /pencarian ( setiap template dapat berbeda, tapi intinya sama yaitu sidebar ). Dan letakkan atau paste kode yang ditunjuk di point ketiga di bawah kode tersebut.

5. Klik Simpan Perubahan

6. Lalu cari kode seperti <div id='sidebar-wrapper'> Setelah ketemu copy pastekan kode di bawah ini di atas kode <div id='sidebar-wrapper'> tersebut.

<div id='sidebar-wrapper3'>
<b:section class='sidebar' id='sidebar3' preferred='yes'>
</b:section>
</div>

7. Nah terakhir klik Simpan Perubahan atau Save Template dan lihat hasil kerja sobat di Page Element. Bila belum berhasil ulangi lagi dengan teliti. Kalau masih ada yang belum dimengerti juga silahkan lontarkan pertanyaan sobat lewat kotak komentar.

Bila sobat menginginkan letak elemen halaman di bawah sidebar, sobat tinggal memindahkan script di point keenam di bawah script di bawah ini

<div id='sidebar-wrapper'>

</b:section>
</div>

Angka yang ditulis merah dapat sobat ganti sesuai dengan keperluan sobat sendiri. Angka tersebut menunjukkan berapa lebar dari element halaman tersebut. Oh, ya saya ucapkan terimakasih kepada mas Doyok atas revisinya.

Hehe...kita intip- intip yukz..!! Walah bulan suci Ramadhan kok begitu sich?? Eits, Jangan salah dulu. Dari judu ln ya sudah jelas banget kan. Ya disini kita akan membahas sebuah tool dari dunia kita ini, dunia maya. Tool ini sebenarnya hanya salah satu dari sekian banyak tool- tool yang telah disediakan oleh iwebtool. Dengan tool ini kita bisa melihat dengan jelas sekali source code yang membangun suatu website/ weblog yang cantik-cantik itu. Caranya pun cukup mudah, tinggal kunjungi source code viewer ya itu namanya => masukkan alamat dari website/weblog target => dan klik view. Dan tralaaaa...muncullah source codenya. Seperti contoh gambar di bawah ini. Gambar dari source code ini saya ambil dari sebuah weblog yang cukup ternama. Tapi bagian tengahnya lowh. Ayoo..!! Weblog siapa itu..xixixi....

Oh ya, bila ingin source code dari web kesayangan kita tidak dapat dilihat orang lain, kita bisa menggunakan tool HTML Encrypt yang juga termasuk tool yang disediakan iwebtool ini. Untuk tool- tool lainnya silahkan jelajahi web ini. Karena penuh sekali tool- tool yang berguna untuk kemajuan Weblog kita. Di sini websitenya. Selamat menikmati

Yapz...menguasai koneksi jaringan. Tapi dalam hal ini yang kumaksudkan menguasai koneksi di jaringan lokal lowh...hehe. Caranya? Mudah saja, tinggal jadi adminnnya saja. Walah..., .Kecewa yach? eit tunggu dulu. Dalam hal ini yang kumaksudkan menguasai koneksi di jaringan lokal saja, seperti di warnet, dll. Tanpa harus jadi admin dulu tentunya. Tapi ini trik hanya untuk pengetahuan saja.

Baik, kita mulai. Sebenernya cara ini sangat sederhana sekali. Kita hanya tinggal menggunakan software yang telah ada di dunia maya alias internet, software tersebut bernama Netcut dari Arcai.com. Netcut adalah sebuah program yang menunjukkan pemanfaatn dari ARP Protokol. Yang mana dapat mengijinkan semua user dalam jaringan yang sama bertindak ( berpura-pura )sebagai gateway dari jaringan. Dengan software ini anda dapat memutus koneksi jaringan dengan mudah, hanya tinggal klik komputer yang dituju dan klik cut off, maka komputer target akan terputus koneksinya dari jaringan. Untuk mengaktifkannya tinggal klik Resume pada komputer target

Sofware tersebut dapat di download di sini. untuk instalasinya mudah saja, tinggal klik next- next saja.

Dan harap diperhatikan, software ini telah terinfeksi virus. Jadi bila menggunakan hendak menggunakan software ini harap mendisable antivirus anda. Dan juga, software ini juga meminta restart komputer sehabis diinstal. Jadi tidak mungkin berguna kalau komputer yang digunakan untuk menginstal software ini di bekukan alias di DeepFreeze. Umumnya warnet- warnet membekukan sistem mereka agar tidak dapat diutak -atik user- user usil. Hihihi, pasti kecewa nih para user. Bagi yang tetap berminat mencoba, bisa download software ini di sini.

Selamat mencoba