Home » Archives for Maret 2013

Rabu, 27 Maret 2013

Cara Memperkuat Sinyal Wifi pada Laptop

Cara Memperkuat Sinyal Wifi pada Laptop - Wi-Fi atau Wireless Fidelity adalah jaringan lokal nirkabel yang awalnya dipergunakan untuk penggunaan perangkat nirkabel dan Jaringan Area Lokal (LAN), tetapi pada saat ini lebih banyak digunakan untuk mengakses internet.

Saat ini begitu tinggi animo masyarakat, khususnya di kalangan komunitas internet yang menggunakan teknologi Wi-Fi, adapun alasan penggunaan Wifi begitu tinggi di Indonesia adalah faktor kemudahan akses internet untuk pengguna dalam satu area secara bersamaan tanpa harus direpotkan dengan kabel. Selain itu biaya pembangunan hotspot dan atau access point yang tergolong sangat murah, sehingga kehadiran hotspot juga kian menjamur saat ini, baik yang disediakan oleh penyedia jasa internet, bahkan orang perorangan.

Cara Memperkuat Sinyal Wifi pada Laptop

Khusus untuk tulisan ini kita akan membahas tentang bagaimana cara memperkuat sinyal Wifi pada laptop. Mengapa topik ini dipilih dengan alasan, bahwa pengakses Wifi saat ini kebanyakan adalah pengguna yang menggunakan laptop.

Adapun cara memperkuat sinyal Wifi Laptop dapat dilakukan dengan penggunaan software atau bisa juga dengan menambahkan perangkat tambahan di Laptop Anda. Untuk memperjelas cara memperkuat sinyal Wifi Laptop dari masing-masing perangkat, bisa disimak dibawah ini selengkapnya:

1. Memperkuat Sinyal Wifi Laptop dengan Software

Software yang dipergunakan disini adalah software Wireless Wizard. Untuk mendapatkan software ini secara gratis, maka Anda bisa mencarinya melalui search engine Google. Adapun fungsi dari Wireless Wizard adalah untuk mendeteksi dan meningkatkan sinyal Wifi. Jika Anda mengalami penerimaan sinyal yang sangat buruk atau sering putus-putus, maka Anda dapat menggunakan aplikasi ini untuk menemeukan pengaturan terbaik untuk keneksi Wifi di Laptop Anda.

Berikut adalah informasi tentang fitur-fitur yang tersedia pada Wireless Wizard:

Menampilkan info jaringan : Alat ini akan menampilkan informasi tentang jaringan wireless.
Spectrum Analyzer : Mampu menganalisa spektrum dan menunjukkan atau mendeteksi jaringan terbaik untuk mendapatkan penerimaan Wifi. Alat ini berguna bagi Anda yang mendapatkan penerimaan Wifi yang kurang baik. Dan alat ini akan memberitahu Anda dimana Laptop atau Netbook Anda harus ditempatkan untuk mendapatkan penerimaan sinyal yang lebih baik.
Repair IP : Dengan aplikasi ini memungkinkan untuk melepaskan alamat IP dan mendapatkan alamat IP yang baru.
Set IP : Aplikasi ini memungkinkan Anda untuk menentukan alamat IP untuk Laptop Anda.

2. Memperkuat Sinyal Wifi Laptop dengan Perangkat Tambahan

Memperkuat sinyal Wifi Laptop dengan perangkat tambahan disini maksudnya adalah perangkat yang disebut Senao Engenius EXT362, yaitu Wifi Card yang dipasang pada bagian internal Laptop Anda. Namun produk ini bukan gratisan, tetapi untuk memperolehnya, Anda harus mengeluarkan biaya pembeliannya sekitar antara Rp 180 - 250 ribu. Bagi Anda yang ingin membelinya silahkan cari saja melalui forum jual beli Kaskus.

12.42 SISWONO 4 comments

Sejarah

Ide dari intranet pertama kali dibahas dalam artikel membahas keunggulan “sedikit Internets” untuk usaha di 1995 isu “Digital Berita dan Review.” Intranet menggunakan telah diperluas eksponensial sejak pertengahan kemudian dengan banyak perusahaan besar untuk mengambil keuntungan dari mereka. Walaupun awal intranet hanya terdiri dari beberapa ratus lusin atau halaman web, sebuah studi yang dirilis oleh Nielson Norman Group pada 2007 menunjukkan bahwa rata-rata Intranet saat ini terdiri dari 6 juta atau lebih halaman web.

Fungsi

Intranet adalah sebuah jaringan yang dibatasi hanya memungkinkan komputer tertentu, seperti orang-orang dalam bisnis atau organisasi lainnya, untuk mengakses halaman web yang dalam waktu itu. Satu gateway server filter permintaan dari semua komputer yang terhubung ke akses halaman web housed di intranet atau halaman web di luar yang lebih luas di internet.

Fitur-fitur

Intranet yang mengambil keuntungan dari jaringan yang sama protokol standar yang menggunakan Internet, seperti Transmission Control Protocol / Internet Protocol dan hypertext Transfer Protocol. Sebagian besar juga menggunakan intranet khusus jenis komunikasi yang disebut “port forwarding” yang mencegah pesan email yang dikirim dari luar atau dari jaringan yang dilihat oleh orang-orang di luar jaringan.

Manfaat

Manfaat utama dari intranet adalah bahwa memungkinkan karyawan sebuah bisnis untuk cepat mengakses materi yang biasanya harus dicetak dari ratusan kali seperti materi pelatihan, kebijakan sumber daya manusia atau manual update. Juga dapat digunakan sebagai alat untuk berkomunikasi dengan karyawan perusahaan atas manajemen sehingga ada pertukaran bebas ide dan komentar.

Pertimbangan

Paling intranet membatasi akses ke sebagian besar situs web eksternal, seperti MySpace atau Google, untuk mencegah karyawan dari berselancar di web atau bermain online game. Mereka dapat mengatur agar situs-situs tertentu dalam Namun, seperti buku perusahaan yang memungkinkan akses ke Amazon untuk mencari buku bekas untuk pelanggan.

Sumber : Hanif Agung Prasojo

12.07 SISWONO No comments

Memasang Tombol Kembali Ke Atas Dan Kembali Turun

Kali ini saya sedikit share Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun yang lengkap dengan tombol kembali ke beranda / home dan muat ulang / reload yang saya dapat dari salah satu blog / website dengan alamat url www.ozanhacker.com.

Tips dan trick ini sudah saya peragakan di blog saya. singkat cerita mari kita simak saja Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun berikut ini.

Cara Memasang Tombol Back to Top

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe…) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.

Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)

Cara Pertama:
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsBq2rP36t_rLg1iUqJS-Qt1jC_dOvvc8t1L_ir3ljMZqpRWEUQFLXargh94RRyvDwVgzgI9M5kY5yLMp3PYsu2bW_olXsXm-ffZq1XOLPTvta3vbnRInH7NQLyJRro7UYmr7_ce5a1Z4-/s1600/Untitled-2.png'/></a>

Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1.      Pilih Rancangan
2.      EDIT HTML ( Centang Expand Template Widget )
3.      Cari Kode </body> ( Untuk lebih cepat mencari gunakan Ctrl+F )
4.      Simpan kode berikut sebelum atau di atas kode </body>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsBq2rP36t_rLg1iUqJS-Qt1jC_dOvvc8t1L_ir3ljMZqpRWEUQFLXargh94RRyvDwVgzgI9M5kY5yLMp3PYsu2bW_olXsXm-ffZq1XOLPTvta3vbnRInH7NQLyJRro7UYmr7_ce5a1Z4-/s1600/Untitled-2.png'/></a>

5.      Lalu simpan tamplate, SELESAI dan lihat hasilnya…

Keterangan:

Kode warna kuning adalah posisi tombol berada
Kode warna merah adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan gambarnya dengan selera anda)

Cara Kedua:
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1. Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

    #Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
    #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
    #Enjoy img{border:0}
    #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

2. Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

3. Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Jangan lupa komentarnya… Untuk artikel ini jika ada yang mau menambahkan cara yang lainnya aku tunggu…

Sumber: http://www.ozanhacker.com

11.29 SISWONO No comments

Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob,

maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,,

]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,,

] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode </body>

<script type='text/javascript'>var tujuan ='http://Alamat Url Feeds Sobat'</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

Kode warna hijau: ganti dengan URL Feeds sobat
Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.

2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.js dengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

Sumber Script: http://santaiselalu.blogspot.com

http://ardiyafardhanprayoga.blogspot.com

11.12 SISWONO No comments

Banyak orang ingin Mempercantik blognya dengan Widget/Gadget Mungkin anda sudah tau apa itu Tombol Kembali Ke Atas/Back To Top. Tombol yang dimaksud tadi adalah tombol agar mempermudah orang kembali di tampilan pertama blog. tapi sekarang saya akan Membuat Postingan Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload.
mau lihat tampilanya kaya gimana pasti penasaran klik aja View Demo
caranya Mudah Loh....!!!. mau tau gimana caranya oke langsung aja.

1. Sign in dulu di Blogger kamu

2. Ambil Template==>>Edit HTML==>>Expand Template Widget

3. Cari kode ]]></b:skin> (CTRL-F agar mempermudah pencarian) lalu sisipkan Kode CSS berikut sebelum atau diatasnya.

Klik show untuk melihat

#Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}

#Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}

#Enjoy img{border:0}

#Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

2. Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

Klik show untuk melihat

</div>

3. Klik Pratinjau dan Simpan Temlate Anda

4. SELESAI

Keterangan:

=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna Orange adalah posisi tombol
=> Apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana Pink seperti keterangan di bawah:
Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untuk menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Sekian....dulu Penjelasan Dari Saya Semoga Bermanfaat Kalau ada Yang Perlu Ditanyakan Silahkan Tinggalkan Komentar Anda....

09.59 SISWONO No comments

Kali Ini Saya Akan Membuat Postingan Tentang Cara Memasang Logo Blogger Indonesia Di Blog. Logo Blogger Ini Bisa Kita Pasang Di Pojok Kanan Atas, Pojok Kiri Atas, Pojok Kiri Bawah, dan Pojok kanan Bawah. Cara Memasang ini sangatlah Gampang tanpa Edit HTML Hanya Dengan Javascript Saja.
Mau Tau Gimana Tampilanya Klik View Demo.
Berikut Cara Caranya:

1. Login Ke Blogger

2. Lalu Pilih Tata Letak

3. Selanjutnya Pilih Add Gadget

4. Pilih HTML/Javascript

5. Copy salah satu kode Logo Blogger Indonesia Dibawah ini, dan Pastekan kedalam Widget. Save dan lihatlah hasilnya.

Logo Blogger Indonesia Pojok Kiri Atas:

Kode:

Logo Blogger Indonesia Pojok Kanan Atas:

Kode:

Logo Blogger Indonesia Pojok Kiri Bawah

Kode:

Logo Blogger Indonesia Pojok Kanan Bawah:

Kode:

Bagi sahabat yang ingin menggunakan Gambar sendiri, silahkan ganti saja url Gambar dengan url Gambar milik sahabat.
Demikian Toturialnya Semoga Bermanfaat Untuk Sobat Blogger Semua.
Dan Jangan Lupa kasih Likenya

Sumber:http://www.sundaboy.com

09.41 SISWONO 2 comments

Halo Sahabat Blogger kali ini saya akan Membuat Postingan Cara Membuat Tombol Show/Hide di Postingan/Javascript.
Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

Klik show untuk melihat Kodenya:

<div><div style="margin-bottom: 2px;"><b><small>Klik Show untuk melihat</small></b>

Masukkan tulisanmu di sini

</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna Pink dengan kata yang diinginkan.

Demikian Penjelasannya Semoga Bermanfaat Untuk Sobat Blogger.

09.38 SISWONO No comments

Cara Membuat Tab View Keren Dengan Animasi Naga Dan Petir

Kali Ini Saya Akan Membuat Postingan Tentang Cara Membuat Tab View Keren Dengan Animasi Naga Dan Petir
Tab View Ini Saya buat sendiri dan kode Scriptnya Pun Saya Buat Sendiri Kalau Sobat Ingin Mengcopy Pastekan Postingan Ini Boleh saja Tapi harus dengan sumbernya yaitu saya
乂◕‿◕乂.
Berikut Ini Kode Cara Membuat Tab View Keren Di Blog:

1. Login ke Blogger.

2. Klik Tata Letak.

3. Klik Edit HTML.

4. Selanjutnya Cari Kode ]]></b:skin> (Gunakan CTRL-F Untuk mempermuadah Pencarian) Copy kode di bawah ini kemudian paste Kode tersebut di atas kode ]]></b:skin>

ini kodenya :

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 88px; /* Lebar Menu Utama Atas */
text-align: center;
height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "georgia", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: blue; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #E6E6E6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background:transparent; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

5. Kemudian Cari Kode </head> (Gunakan CTRL-F Agar mempermudah pencarian) dan Copy Paste kode berikut di atas kode </head>

ini kodenya:

//<![CDATA[

function tabview_aux(TabViewId, id)

{

var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;

while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;

var i = 0;

{

if (Tab.tagName == "A")

{

i++;

Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";

Tab.className = (i == id) ? "Active" : "";

Tab.blur();

}

while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;

while (Pages.className != 'Pages') Pages = Pages.nextSibling;

var Page = Pages.firstChild;

var i = 0;

{

if (Page.className == 'Page')

{

i++;

if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";

Page.style.overflow = "auto";

Page.style.display = (i == id) ? 'block' : 'none';

}

while (Page = Page.nextSibling);

}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }

//]]>

</script>

6. Klik Simpan Template.

7. Selanjutnya klik Tata letak.

8. Klik lagi Element Halaman.

9. Klik Tambah Gadget.

10. Pilih HTML/javascript.

11. Kemudian Copy dan paste Code berikut ke dalamnya.

ini kodenya:

=>Isi Menu 1.1

=>Isi Menu 1.2

=>Isi Menu 1.3
</div>
</div>
<div class="Page">
<div class="Pad">

=>Isi Menu 2.1

=>Isi Menu 2.2

=>Isi Menu 2.3</div>
</div>
<div class="Page">
<div class="Pad">

=>Isi Menu 3.1

=>Isi Menu 3.2

=>Isi Menu 3.3</div>
</div>

</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div></div></div>

12. Klik SIMPAN.

13. Selesai...

Keterangan:
=> Ubah Kode Yang Berwarna Orange Dengan Keterangan Yang ada di Sebelah Kanan Kode Yang Berwarna Orange.
=> Ubah Kode Yang Berwarna Merah Dengan URL Gambar Yang Kamu Inginkan Kalau Ingin Hasilnya Bagus Jangan Ubah Kode Yang Berwarna Merah.
=> Ubah Tulisan Yang Berwarna Violet/Magenta Dengan Tulisan/Menu Yang Kamu Suka.
=> Ubah Tulisan Yang Berwarna Hijau Dengan Tulisan/Kode Yang Sesuai Dengan Nama Menu Yang Kamu Tulis tadi.

09.24 SISWONO No comments

Membuat Comments Avatar Bingkai Bulat

Modifikasi comments avatar dengan backgound bingkai bulat :
1. Login ke Blogger
2. Template - Edit HTML
3. Centang kotak kecil pada - Expand Template Widget
4. Cari kode ]]></b:skin>

dan letakkan kode berikut diatasnya

.comments .avatar-image-container{
   max-height:50px;
   max-width:50px;
   height:50px;
   width:50px;
   border-radius:29px;
   padding:2px;
   border:2px solid #0011FF;
   box-shadow:-1px -1px 1px #444,2px 2px 4px #444;
   background:#FF52E00;
   margin:2px 4px 2px 2px;
}
.comments .avatar-image-container img{
   width:50px;
   max-width:50px;
   height:50px;
   max-height:50px;
   border-radius:25px;
   border:0 solid #00AEFF !important;
}
.comments .comment-block{
   margin-left:75px;
}

5. Selesai dan simpan template

Keterangan :
Teks warna biru adalah warna dari background dan border komentator, silahkan ganti dengan warna sesuaikan selera anda. Untuk memudahkan mencari kode warna silahkan Klik Disini

09.07 SISWONO 2 comments

Membuat Box About Autor di Bawah Posting

Pada tutorial kali ini saya coba jawab pertanyaan seorang pengunjung blog saya tentang bagaimana cara membuat Box About The Author yang muncul di bawah setiap postingan.
Kira-kira gambarnya seperti ini:

Jika sobat tertarik ikuti cara membuatnya berikut ini:
* Login ke akun Blogger masing-masing >> Klik Template >> Edit Template >>Lanjutkan >> Centang Expand Template Widget.
** Cari code ]]></b:skin>
kemudian letakan code css berikut tepat diatasnya:

.author-box {
border:2px solid#2E2EFE;
margin: auto;
margin: 10px 3px;
padding: 10px;
overflow: auto;
background:#EFFBF5;
}

.author-box a {
color: #102C4A;
font-size: 14px;
font-weight: Bold;
letter-spacing: -1px;
margin: 0 0 1em;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #102C4A;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

*** Setelah itu cari code berikut:

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

**** Hapus code tersebut ganti dengan code berikut:

<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<div class='author-box'>
<p><img alt='' class='avatar avatar-80 photo' height='100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq-WMCP9ShG7VRItIF0kMGtjhq7Z0HQTo3f3sCjtZsVbvPbzuJZ2aZyIk7n52QSjQjiEDBwBv5-xKOc-sM7bZwlxw2k22p59kcnhPShfLNOMpKf7eZ5wDdNXZGdND2waenOSyw9iX1EuuO/s1600/Dyenps.jpg' width='100'/><b>About the Author</b><br/>
<div style='text-align: justify;'>Nama aku Dyenps. Aku adalah seorang pelajar Ijazah Sarjana Muda Kejuruteraan Awam di UiTM Shah Alam.Segala penulisan aku disini adalah berdasarkan pandangan aku sendiri. Maaf jika ada Kesalahan Dalam Menulis Artikel Mohon Di Maklumi.<br/>
Follow aku di <a href='https://twitter.com/mulyadin11'>Twitter</a>, <a href='http://www.facebook.com/mulyadin.dyen'>Facebook</a> atau di <a href='http://www.facebook.com/pages/Blog DP'>Blog DP</a>
<p style='margin:-8px 0'><br/></p></div></p>
</div>
</b:if>

Ket: ganti setiap tulisan berwarna merah di atas dengan nama dan akun milik sobat dan ganti setiap kata saya diatas sesuai keinginan sobat,
dan tulisan warna biru adalah url gambar atau foto sobat yg akan tampil dalam box about the author nantinya,ganti dengan Url gambar milik sobat.

***** Setelah semuanya selesai Simpan Template sobat, tutup dan lihat hasinya Keren kan..??
Demikian cara mebuat Box About The Author pada blog selamat berkreasi semoga sukses..!

SELESAI...!!

08.47 SISWONO 1 comment

Cara Memasang Widget Like Box FB Keren Melayang Di Blog

Hallo Sobat Blogger Sudah Lama gak blogging nih...kangen bangeeeet...(sumpe dech....) oh ya kali ini saya akan membuat tutorial Cara Memasang Widget Like Box FB Keren Di Blog Like Box Facebook ini saya dapatkan saat saya mencari di mesin pencari Google dan sedikit saya rubah.a
Ok....Langsung Aja...!

Klik DEMO

Cara Memasang Widget Like Box FB Keren Di Blog

1. Login Ke Blogger

2. Pilih Tata Letak

3. Klik Tambah Gadget/add gadget

4. Kemudian Pilih HTML/Javascript

5. Masukan Kode/Script Di Bawah Ini:


<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiespOTOrTmv-OHrfOQz40kXOoZ-R-Qr-pmTqkt0YuoYyxjtoz7Q99pMxymWD4IZMxcx6XnWkU_8FxtFrVril77xoXdaR5EKByx61e8c3ZZO_mws-lGljMAkx1xPXn97ziVxp2ZSEiN2Ajm/s1600/close3.png" /></a><blink>Klik Like yah..?</blink></div>
<center>
<div style="background: #fff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlog DP&width=260&height=290&colorscheme=light&show_faces=true&border_color=grey&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:290px;" allowtransparency="true"></iframe>

</div>
</center></td>
</tr>
</table>
</div>


NB: Sebelum kode diatas diletakan kedalam widget sobat,terlebih dahulu sobat harus letakan script ini terlebih dahulu kedalam Template sobat, berikut script nya letakan dibawah tag <body>:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Perhatian:
1. Kode Yang Berwarna Biru adalah keseluruhan dari code like box yg di dapat dari FB Pages.
2. Kode Yang Berwarna Merah Silahkan Ganti Dengan Alamat Facebook Anda.
6. Klik Simpan Dan SELESAI...!

Demikian Tutorial Yang saya buat dengan sepenuh hati saya semoga bermanfaat untuk sobat blogger semua...Salam Blogging..!

08.44 SISWONO No comments

Membuat Tanda tangan di BLOG

Kemarin Saya Sempat Membuat Tutorial Cara Membuat Read More dan Cara Mudah Menghilangkan Icon Obeng dan Tang Sekarang Saya akan Membuat Tutorial Tentang Cara Membuat Tanda Tangan Keren. Tanda Tangan Keren ini akan Membuat postingan anda lebih keren dan bagus untuk cara membuatnya sangat gampang ikuti ajah cara-caranya.

Ok Langsung ajah Caranya:

1. Kunjungi Situs Nya di http://mylivesignature.com

2. Klik Click Here To Start/ Start Now!

3. Pada halaman berikutnya pilih Using the signature creation wizard.

4. Di halaman wizard 1: Masukkan name atau nama tanda tangan kemudian klik Next Step.

5. Di halaman Wizard 2: Masukkan jenis huruf/font yang digunakan Next Step.

6. Di halaman Wizard 3: Tentukan ukuran besar/kecilnya tanda tangan Kemudian Klik Next Step.

7. Di halaman Wizard 4: Tentukan warna background serta warna teks tanda tangan Kemudian Klik Next Step.

8. Di halaman Wizard 5: Aturlah slope/kemiringan tanda tangan Kemudian Klik Next Step.

9. Langkah selanjutnya tinggal mengambil kode tanda tangan yang sudah selesai dibuat dengan mengklik tulisan Want to use this signature ?.

10. Nah disini 2 pilihan kode yang bisa di generate, pilih saja Generate HTML code karena kita akan menggunakannya untuk tanda tangan di bawah postingan blog.

11. Klik lagi Generate a code for my handwritten signature. tulisan yang berwarna Ungu

12. Copy kode HTML tanda tangan yang diberikan dan simpan di notepad.

13. SELESAI

Kamu tinggal Memasang Kodenya Sesuka Hatimu di Bawah Posting di atas di kanan di kiri dan lain-lain
akan jadi seperti dibawah ini tanda tangan nya.

Sumber: ningsih-ps.blogspot.com

08.41 SISWONO No comments

Beranda

AZZMAL BLOG

TERJEMAHKAN

PEMUTAR MUSIK

POSTING TERBARU

Komentar

Rabu, 27 Maret 2013

Cara Memperkuat Sinyal Wifi pada Laptop

Sejarah Internet

Selasa, 26 Maret 2013

Memasang Tombol Kembali Ke Atas Dan Kembali Turun

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog

Cara Membuat Tombol Kembali Ke Atas, Home, Kembali Ke Bawah, dan Reload

Cara Memasang Logo Blogger Indonesia Di Blog

Cara Membuat Tombol Show/Hide di Postingan/Javascript

Membuat tab View Dengan Animasi Naga

Cara Membuat Tab View Keren Dengan Animasi Naga Dan Petir

Membuat Comments Avatar Bingkai Bulat

Membuat Comments Avatar Bingkai Bulat

Membuat Box About Autor di Bawah Posting

Memasang Widget Like Box FB Melayang

Cara Memasang Widget Like Box FB Keren Melayang Di Blog

Membuat Tanda tangan di BLOG

Tutur Tinular

Tentang Saya

Link Teman