Cara Membuat Widget Facebook-Twitter Melayang

Agar membuat blog menjadi lebih interaktif dan tak berkesan tak ter-urus, boleh kita tambahkan widget yang bisa mengarahkan pengunjung ke tempat dimana pengunjung bisa menghubungi kita dengan cepat. sekedar pengganti kontak lah. Daripada Blak-blakan taruh nomor HP. Hehehe
Saya sendiri memasang widget untuk facebook dan twitter, yang bisa temen-temen lihat di pojok kanan dan kiri bagian bawah.
Bagaimana Cara membuat Widget facebook dan twitter yang melayang... ?
temen-temen bisa ikuti cara berikut ini.

Saat Widget tersebut di klik, temen-temen akan langsung di arahkan ke akun facebook dan twitter saya.

Cara Membuat :
Ketika Temen-temen log in di blog miliki temen-temen.
Temen-temen cukup perlu pergi ke Tata Letak (Layout)
Tambah widget
Cari Tambah HTML
Lalu Copi Paste Scrip ini

<div style="display:scroll; position:fixed; top:520px; left:-6px;">
<a class="linkopacity" href="https://www.facebook.com/mahfudin.indrawijaya" target="_blank" rel="nofollow" title="Add me on Facebook" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6GggMAfflJwF0w7uKmEWYwcfVpCq6HQrn_aJanEWLYB8JkbY9YlODsqwE2z7tL0FFijeRz6JwQLVOBcRBPMkcT2dmoR0UOhj3WoU4bzaINssEbkXnH61pkuWzQWeh7AxFyv6jUB9XIg/s320/facebook+black.png" width="135px" height="135px"/></a>
</div>
 <div style="display:scroll; position:fixed; top:520px; Right:-6px;">
<a class="linkopacity" href="https://twitter.com/mahfudin_IndraW" target="_blank" rel="nofollow" title="Add me your Twitter" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEg_XvJD2B3EnhJrW00mDoERAjqBnYnB1A5UEjQvIWnY7UpLFvCQv_UVTKCkX820VJ_vkovfpm2sJOmt0tpHfaVUoZZ9JztRXJxxNZ67XVASiDhv735WqEfcO0SXsL0sMxKxK6l5oqVWI_/s300/websitedublintwitter.png" width="135px" height="135px"/></a>
</div>
<div style="display:scroll; position:fixed; top:10px; left: -6px;">
<a class="linkopacity" href="http://pelajarterbaikupi.blogspot.com/2014/07/Membuat-Widget-Facebook-Twitter-Melayang-di-blog.html" target="_blank" rel="nofollow" title="Daftar Isi Blog Ini" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii3uZ6sfVb5eVmx9Q919DUhV7aCjz-jrymXUjW61wr0xLrcP9GbUWsHD5n-AwPlU35FyjEVlUJ_zKIbph6eUjqwO_A655iJ8GgESbSuxaAbV-9fJITT8Uif_kM2M7P7hDn-jSH6n48BLcx/s256-no/HOME+DAFTAR+ISI.png" width="125px" height="125px"/></a>
</div>

Penjelasan Script
Warna Merah adalah scrip untuk posisi widget Temen-temen.
(Tinggal Rubah angkanya)
Sementara warna Biru adalah URL Akun FB dan Twitter kamu.
Sementara warna Hijau, adalah Ukuran dari Logo yang digunakan.

Baca Juga :
Cara Membuat Gambar Zoom di Blog
Cara Membuat Kotak Script Blog
Cara Membuat Pesan Di Blog yang Berubah-Ubah Tiap Har
Membuat Buku Tamu di Blog dengan Cbox
Membuat Daftar Isi Blog Otomatis
Daftar Artikel Blog

Cara Nembak Cewek Lewat Blog Interaktif

Ada banyak cara menyatakan cinta pada seorang perempuan, katanya. Bisa menggunakan puisi, hadiah, seikat bunga, mengucapkan langsung, atau dengan sebuah golok. (#Eh)

Tapi kali ini, apa yang akan saya share adalah tentang menembak perempuan dengan sebuah blog interaktif. Blog Interaktif ini berarti sasaran tembak tersebut bisa mengekspresikan atau memberikan jawabanya tersebut langsung melalui blog. Dimana kemudian jawaban tersebut akan dikirimkan ke email yang kita miliki.
Temen-temen bisa melihat sampel blog yang saya buat. Di bawah :

Bagaimana membuat Blog Seperti ini ?

Agak mubazir juga kalau saya harus memberikan lagi tutorial tentang ini, karena pencetus ide seperti ini sudah dengan berbaik hati membuatkan tutorial nya...
LIHAT SUMBER (SKIP AD)
Saran saya, beberapa hal yang perlu temen-temen siapkan adalah foto-foto perempuan yang menjadi tujuan teman-teman, dengan ukuran masing-masing hendaknya terbilang besar, 600 pixel ke atas.
lalu temen-temen Potong dan rezize sesuai ukuran gambar yang menjadi contoh.
Saya Sendiri menggunakan Aplikasi Advanced JPEG compressor dan Microsoft Office Picture Manager dalam melakukannya.

Hanya saja, memang ada sedikit perubahan pada blog yang saya buat, selain merubah gambar dan kalimat-kalimat tentunya.
Seperti Menghilangkan Home Bottom "its me"
Menambahkan Musik yang berputar otomatis di blog tanpa Ikon.
(Tambah Musik di blog)
Dan kalimat tambahan di Ujung bawah.

Cara menembak :
jangan khawatir blognya dibuka orang lain, gak segampang itu ko, sebuah blog bisa masuk mesin pencari punya google. Atau temen-temen juga bisa atur setting yang blog miliki agar tidak terindeks mesin pencari.
jadi temen-temen cukup Copi link blog temen-temen, terus kasih deh link nya ke sasaran tembak.
Misal Via Chat Facebook. Jadi, memang cuma abang sendiri dan si dia yang bakal bisa nemuain blog tersebut.

Semoga berhasil ngebuat blog nya...
Juga semoga berhasil nembak ceweknya ya.. hehe
Saya sendiri sudah lama membuat blog ini, tapi belum berani kasih link ke orangnya.

Baca Juga :
Cara Membuat Widget Facebook-Twitter Melayang
Cara Membuat Gambar Zoom di Blog
Cara Membuat Kotak Script Blog
Membuat Buku Tamu di Blog dengan Cbox
Daftar Artikel Blog

Membuat Buku Tamu di Blog Tersembunyi dengan Cbox

Mungkin temen-temen biasa melihat di blog-blog orang lain terdapat buku tamu yang melayang maupun tersembunyi di samping. Hanya terlihat sebuah gambar sederhana bertulis buku tamu ataupun guest.  Disana adalah tempat dimana temen-temen bisa meninggalkan pesan kesan, atau jejak kunjungan teman-teman di blog tersebut. Jika teman-teman menyertakan pula URL blog, Bisa suatu saat pemilik blog akan berkunjung kembali ke blog temen-temen. Tentunya dengan harapan, temen-temen pun akan berkunjung balik nantinya.

Dahulu, di blog ini sayapun memasang buku tamu tersembunyi (bisa dilihat pada gambar). Namun, pada januari 2015. saya pindahkan ke Sidebar, sekedar ingin berganti suasana.

Buku tamu tersembunyi ini, hampir tak berbeda dengan kolom komentar yang ada di tiap posting artikel (sama-sama untuk meninggalkan jejak). Hanya saja buku tamu tersembunyi yang ada disamping blog ini lebih mudah dan ringan untuk meninggalkan jejak kunjungan di buku tamu daripada berkomentar, karena biasanya tidak ada chaptcha (memasukan kata/angka). Jika temen-temen ingin juga memasang Buku tamu seperti yang pernah saya gunakan di samping. maka temen-temen bisa ikuti cara yang saya gunakan.

1. Kunjungi http://www.cbox.ws/
2. lalu Sign Up dan Buat akun disana. Temen-temen cukup menggunakan email.
3. lalu buat username dan password
4. isi alamat Website temen-temen
5. sampai nantinya, temen-temen bisa dapat kode script dari sana setelah temen-temen memverifikasi akun cbox temen-temen lewat email yang masuk.

Setelah temen-temen memiliki akun cbox dan kode scrip nya.. temen-temen cukup masukan ke widget di blog temen-temen.

1. login akun blog
2. tambah gadjet
3. Tambah HTML
4. lalu Copi paste kan Scrip cbox disana

Jika temen-temen ingin kotak cbox tersembunyi seperti yang saya miliki, maka tambahkan scrip seperti ini pada widget tadi. sehingga kurang lebih menjadi seperti ini :

<style type="text/css">
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:180px;
width:30px;
float:left ;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiUvwV09PEmLCZc-2ivbsPI8rqo4kJ8xo9AUPZTA_2JKNhNSwjP-gm3VvlB1uod2FWtlc498-BwXTo5wr58Y-3pWcywKxLdprIA_i1sG_2vtRK-WoCES55i_aSQzOKChxiCRyxI4hDw2g/w30-h100-no/tabs_upi.png') no-repeat;
}
.gbcontent{
float:left ;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">


SCRIP CBOX milik temen-temen


<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://pelajarterbaikupi.blogspot.com/2014/07/membuat-buku-tamu-di-blog-dengan-cbox.html">
sini
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Ganti Tulisan Berwarna Biru dengan Scrip Cbox yang temen-temen miliki. Lalu Save.

Baca Juga :
Cara memasang Musik di Blog
Cara Membuat Kotak Scrip di post Blog
cara membuat Gambar di Blog zoom otomatis
Membuat Daftar Isi Blog Otomatis
Cara Membuat Pesan Teks Di Blog Senatiasa Berubah Tiap Hari
Daftar Artikel Blog

Cara Membuat Gambar Zoom di Blog

Kalau Teman-teman perhatikan. di blog ini setip gambar yang saya Upload sedikit agak unik, karena memang agak tak Biasa. Gambar akan otomatis zoom atau membesar secara otomatis ketika ada Mouse di atasnya.
Perhatikan gambar Di bawah ini :

Bagaimana cara membuat Gambar di Blog kita bisa zoom secara otomatis. Teman-teman Bisa ikuti cara dibawah ini :

Cara 1 :
Dengan menggunakan cara ini, maka semua format gambar yang ada di blog kita, akan secara otomatis zoom ketika ada mause diatasnya.

1. Login ke akun bloer anda
2. Masuk ke Edit Template, lalu pilih Template Edit HTML
3. Temen-temen Bisa Back UP terlebih dahulu jika Khawatir. Boleh Select All, lalu Copi paste ke NotePade.
4. Cari Kode ]]></b:skin>
5. Jika Sudah Ketemu, Pisahkan saja ]]></b:skin> agar terpisah cukup jauh dengan Scrip diatasnya (Sekedar agar enak dilihat)
6. lalu Kopi Paste Scrip Ini di atas  ]]></b:skin>
7. Lalu Simpan

 .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Jika Benar sekarang Scrip yang kita Miliki Menjadi Seperti ini. Di kotak Hijau.

Jika kita tidak bermaksud untuk zoom seluruh gambar, namun hanya salah satu gambar saja yang ada di artikel blog kita. Maka Bisa menggunakan cara kedua.

Cara 2 :
Buka Artikel yang kita inginkan.
Lalu masuk dalam mode HTML (Bukan Compose).
Copi paste Script Dibawah ini.

<style type="text/css">
.ow img{

-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}

.ow img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style>

<a class="ow" href="http://pelajarterbaikupi.blogspot.com" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7iFDKrg3mkpEj5MY2tlKtRchD2QDFqts228zLvh2RlEMOh_wrwSRBspCxYHn6Z_msMoYvgDVQWkahNwgPbWnfx7rfo4wVXzUN2VnUNeuOaUnjEB6UKlm32zjkClOJjlcaa00N7M7ISYc/s1600/LOGO+BLOG+2601+b.jpg" /></a>

Keterangan :

Ganti Tulisan merah dengan URL Tujuan

Ganti warna biru dengan URL gambar yang ingin di Zoom

Baca Juga :
Cara memasang Musik di Blog
Cara Membuat Kotak Script di Postingan Blog
Membuat Daftar Isi Blog Otomatis
Membuat Efek Daun Berguguran
Cara Membuat Pesan Teks Di Blog Senatiasa Berubah Tiap Hari

Daftar Artikel Blog

Cara Membuat Kotak Script Blog

Untuk Temen-temen yang ingin membuat Kotak Di dalam postinganya bisa menggunakan cara ini. kotak ini Biasanya digunakan untuk menuliskan scrip HTML yang panjang. Sekedar memperindah dan memisahkan dari Tulisan yang lain.

Ada dua Jenis kotak yang Biasanya digunakan, yaitu kotak Biasa dan dengan Scroll.

Temen-temen bisa lihat contoh yang saya Gunakan di tulisan saya yang lain.

Tanpa Scroll

Dengan Scroll

Membuat Kotak Tanpa Scroll

Ketika temen-temen membuat tulisan, entah itu di Pos atau Entri baru, atau di Laman.

Temen-temen Harus Buat Tulisan Secara HTML, bukan compose.

lalu Copi Paste Script Ini.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
pelajarterbaikupi.blogspot.com</div>

Selanjutnya temen-temen Bisa kembali ke modus penulisan compose.
Sehingga akan Tampil Seperti ini.

pelajarterbaikupi.blogspot.com

Tinggal temen-temen ganti Teks di dalam kotak tersebut secara langsung. atau langsung boleh copi paste di dalam kotak.

Membuat Kotak dengan Scroll

Ketika temen-temen membuat tulisan, entah itu di Pos atau Entri baru, atau di Laman.

Temen-temen Harus Buat Tulisan Secara HTML, bukan compose.

lalu Copi Paste Script Ini.

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 80px; width: 380px;
text-align: left;">
pelajarterbaikupi.blogspot.com</div>

Selanjutnya temen-temen Bisa kembali ke modus penulisan compose.
Tinggal temen-temen ganti Teks di dalam kotak tersebut secara langsung. atau langsung boleh copi paste di dalam kotak, script yang ingin kita beri kotak.
Ukuran kotak bisa anda rubah dengan mengubah angka height (tinggi) dan width (lebar)

Baca Juga :
Cara memasang Musik  di Blog
Membuat Daftar Isi Blog Otomatis
Membuat Efek Daun Berguguran
Cara Membuat Pesan Teks Di Blog Senatiasa Berubah Tiap Hari
Daftar Artikel Blog

Foto PPL di SMP 9 Bandung

Satu semester lamanya pelaksanaan Program Latihan Profesi (PLP) tahun ajaran genap 2013/2014 di SMPN 9 Bandung. susah senang dilalui bersama. Tak pernah kompak, namun saling mengerti penderitaan masing-masing. Hahaha

Memang sangat Wajar. Menyatukan 25 kepala dalam satu pemikiran memang bukanlah hal yang mudah.

Selamat untuk yang sudah sidang.

Semangatlah untuk yang masih sedang skripsi.

Tag :
Mahfudin indra wijaya nidda uddini diah anisa rohyani lusi susilo nofi syifa indra asti denaseptani devi nida nuzul amaliah fima pratiwi ica awaliah lutfi hendri fandianto firdan fajar deni aria citra

Cara Melakukan Transaksi BNI Lewat Internet Banking

Pada Postingan sebelumnya kita telah belajar tentang cara membuat akun internet Banking, serta menyadari bahwa internet banking merupakan salah satu cara yang aman yang bisa nasabah gunakan untuk melihat saldo rekening dan melihat daftar transaksi. Uang yang ada di dalam Rekening kita tidak akan bisa dengan mudah di ambil orang yang tak bertanggung jawab meski dia mengetahui password dan username Internet banking kita. Karena untuk melakukan transaksi kita memerlukan alat tambahan yang benar-benar membuat pelaku transaksi hanyalah pemilik rekening BNI tersebut.

Alat tambahan yang bisa digunakan untuk melakukan transaksi melalui internet Banking BNI di antaranya :

1. BNI e-Secure dengan menggunakan hardware token.
2. BNI m-Secure dengan menggunakan aplikasi token yang di download dari BNI Internet Banking Anda dan di-install di ponsel Anda

Sebenarnya melakukan transaksi juga bisa dilakukan melalui SMS. Namun kita akan dikenakan biaya yang terbilang cukup mahal untuk setiap sms yang dikirim dan diterima. Keamanan transaksi juga leih rendah, karena kita harus selalu ingat untuk menghapus pesan terkirim di ponsel kita.

Maka Pada kesempatan ini saya akan mencoba mengenalkan BNI e-secure dan BNI m-secure untuk melakukan transaksi BNI di internet misalnya transfer uang, pembayaran tagihan listrik, telepon, maupun pembelian pulsa kartu prabayar.

BNI e-Secure

BNI e-Secure merupakan sebuah alat konversi yang berfungsi sebagai pengaman tambahan dalam bertransaksi online di Internet Banking pada bank BNI. Tanpa BNI e-Secure nasabah BNI tidak dapat melakukan transaksi finansial yang meliputi transfer uang, pembayaran tagihan (telepon, listrik, dll), pembayaran pajak dan pembelian voucher pulsa kartu prabayar, tetapi hanya dapat melihat saldo dan mutasi rekening terakhir.

Untuk Memperoleh BNI esecure ini bisa diperoleh dengan cara log-in di akun Internet Banking yang kita miliki. Serta dikenakan tarif 10.000 untuk pembuatan nya. Jika hilang dan ingin membuat lagi, maka akan dikenakan biaya 100.000.

1. Masuk ke Akun Internet Banking milik Kita http://bni.co.id
2. Di pojok kiri atas ada tulisan BNI internet Banking, dibawahnya klik dan pilih personal. Maka temen temen bakal di bawa ke tempat temen temen harus masukin user ID dan pasword temen-temen.
3. Klik login
4. Pilih menu ”Administrasi” → ”Registrasi BNI eSecure” (cetak/catat Nomor Referensi Pemesanan BNI eSecure)
5. Pilih area dan Kantor Cabang BNI (sesuai pilihan di layar) untuk mengambil BNI eSecure Anda.
6. Setelah 10 hari kerja, BNI e-Secure dapat Anda ambil di Cabang BNI yang Anda pilih, dengan membawa Buku Tabungan, BNI Card, Kartu Identitas yang masih berlaku dan Nomor Referensi Pemesanan BNI eSecure.
7. Lakukan aktivasi BNI eSecure Anda melalui Layanan BNI Internet Banking.
8. Log in Akun Internet Banking Kamu
9. Pilih menu Administrasi
10. Selanjutnya klik Aktivasi BNI e-Secure
11. Masukkan Serial Number di kolom isian yang telah disediakan
12. Masukkan Nomor Respon BNI e-Secure ke kolom isian
13. Klik tombol Aktifkan
14. Selesai

Sebagai Referensi Baca Juga Tulisan yang di tulis di Blog Tetangga :
Cara Menggunakan BNI Esecure
Contoh penggunaan Transaksi menggunakan BNI Esecure
(SKIP AD - Lewati)

Namun di wajah Baru Situs BNI saat ini. Menu administrasi tersebut sudah menghilang. Sehingga jika ingin membuat BNI esecure tersebut bisa menghubungi CS di Bank BNI terdekat.

BNI m-Secure

BNI m-secure merupakan layanan baru untuk mengimbangi BNI e-secure. BNI m-Secure merupakan sebuah aplikasi konversi yang berfungsi sebagai pengaman tambahan dalam bertransaksi online di Internet Banking pada bank BNI. Aplikasi Ini bisa dipasang di perangkat HP yang kita miliki. Untuk Menggunakan Aplikasi BNI m-Secure ini Kalian Bisa Masuk ke Akun Internet banking yang kalian Miliki. Lalu Masuk Ke Menu Profil, lau pilih jenis ponsel yang kita gunakan.

Jika Tampil halaman seperti dibawah ini. Maka kalian memerlukan bantuan CS di Bank Bni terdekat.

Setelah anda komplain ke CS Bank, silahkan anda ulangi lagi dari awal, jika tanda nya adalah cek berwarna kuning, berarti anda berhasil mendownload aplikasi m-secure, Simpan aplikasi tersebut di hape anda kemudian install, jangan lupa klik selesai pada laman internet banking.

Baca Juga :
Cara Aman Cek saldo BNI di Internet
Cara Melakukan Transaksi BNI Lewat Internet Banking
Daftar Artikel