Postingan
19.19
Unknown
Seputar Universitas Negeri Medan (UNIMED)
Ingin tahu perkembangan seputar Universitas Negeri Medan dan ingin tahu info beasiswa di UNIMED atau ingin berbagi atau konsultasi masalah perkuliahan. Kalau begitu di sini tempatnya, tidak hanya itu di sini juga disediakan puluhan artikel, makalah, daftar referensi(bacaan), dan hal-hal lain yang mendukung perkuliahan anda.
Berita Berita Hangat Dan Terbaru
Kami menyediakan berita-berita terbaru dan menarik buat anda baik dari dalam negeri maupun di luar negeri, dengan sumber-sumber yang terpercaya dan kami ulas dengan lugas, tajam dan akurat.Hal ini demi memuaskan kebutuhan anda akan informasi.
Tempat Download Lagu,filim, Software, Dan Tools
Bagi anda yang ingin mendownload lagu/music, filim, software, maupun tool-tools, maka di sini kami nyediakannya untuk anda. Silahkan anda cek dan lihat music, filim, sofware, dan tools yang kami sediakan mungkin apa yang anda cari ada di sini
Seputar Tutorial Blogspot, Kehidupan Dan Cerita Para Blogers
Disini saya menyediakan artikel-artikel seputar blogspot, mulai dari Tutorial Bloging, SEO, Tisp dan Triks Seputar Blogspot, Sampai Dengan Pernak-Pernik Maupun Aksesoris Blog.Disini saya sediakan dengan lengkap untuk anda.
Tempatnya Dunia Hiburan (Entertainment)
Mau tahu dunia hiburan (Entertaiment) di masa sekarang ini, seperti kehidupan para artis, film-film maupun cinema-cinema terbaru, daftar music-music yang lagi ngehit baik di dalam negeri mapun di luar negeri, atau geme-gemes baru yang lagi buming di pasaran. Tidak usah bingung, semua itu bisa anda lihat di sini.
Lifestayle, Dunia Fashion, Seputar Kesehatan, Dan Traveling
Ingin tahu gaya hidup masa kini, perkembangan dunia mode (Fashion), atau ingin tahu tempat dan lokasi menarik untuk dikunjungi disaat liburan bahkan ingin tahu tips dan triks seputar kesehatan. Ya disini tempatnya anda bisa dapatkan semua itu di sini.
TRANSLATOR
Jumat, 27 Januari 2012
Selasa, 24 Januari 2012
Cara Membuat Popular Posts Dengan Efek Slide
Dilihat dari tampilannya, Popular Posts dengan menggunakan efek animasi
slide memang sangat keren bila dipasang pada web atau blog kita. Sampai
saat ini saya masih tetap tertarik dengan widget ini, makanya kali ini
saya update kembali random post tersebut. Random post ini sudah lama
saya dapatkan dari blogger senior Abu Farhan (Tanks Bang...., sukses dan
tetap berkarya selalu...)
Pada update kali ini, saya sedikit merubah tampilan widget random post
tersebut, biar tampil beda, saya yakin sobat blogger suka. Silahkan anda
Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini :
1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
5. SIMPAN
Selamat mencoba ya...
Semoga bermanfaat..... Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
Cara Mudah Membuat Link Menjadi Warna-Warni di Blog
Udah
pernah liat link yang berwarna-warni
seperti pelangi (rainbow) ketika disorot kursor ? Ya kalau belum ya lihatlah seperti yang ada di blog ini link berwarna-warna. Sebenarnya ini adalah
salah satu trik sederhana yang menggunakan javascript. Cara membuatnya pun
sangat mudah dan GPL alias gak pake lama, asal sudah tau script yang mau dipake
maka ngga sampe 5 menit proses membuat link di blog menjadi berwarna-warni seperti pelangi itu pun akan segera
terwujud dan hasilnya blog teman pun sudah semakin menarik bukan.
Berikut cara membuat link
berwarna-warni :
- Cari Kode <head>
- kemudian taruh kode dibawah tepat dibawah kode <head>
<script src='http://anas.ku93.googlepages.com/rainbow.js'>
</script> - Kurang lebih jadinya
<head>
<script src='http://anas.ku93.googlepages.com/rainbow.js'>
</script> - Semudian Save dan Lihat hasilnya ok!
Benar kan ngga sampai 5 menit ? Nah selamat mencoba
cara membuat link menjadi warna-warni ini, semoga sobat puas dengan hasilnya.
Membuat Tab View Menu Tanpa Edit HTML di Blogspot
Sebelumnya saya sudah pernah membahas tentang cara membuat tab view menu
(menu dengan tab), namun dalam pembuatan tab view menunya kita harus
mengedit HTML template. Mungkin banyak sobat blogger yang takut gagal
sehingga bisa merusak template, padahal tidak mungkin rusak jika
sebelum melakukan pengeditan sudah membackup template terlebih dahulu.
Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di gadget, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template. Jika sobat sudah pernah membaca postingan saya yang dulu, sobat tinggal menyatukan semua kodenya dan letakkan di gadget, belum tau urutan kodenya?
Baiklah langsung saja, sekarang anda mesti login dulu ke blogger, kemudian pada Elemen Halaman klik Tambah Gadget, lalu pilih yang HTML/Javascript. Setelah itu tambahkan kode script menu tab view-nya seperti dibawah ini :
<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 200px;" class="Pages">
<div class="Page">
<div class="Pad">
konten 1
</div>
</div>
<div class="Page">
<div class="Pad">
konten 2
</div>
</div>
<div class="Page">
<div class="Pad">
konten 3
</div>
</div>
</div></div></form>
<script src="http://creatingwebsite.googlecode.com/files/tab_view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>
- Tulisan berwarna kuning merupakan keterangan dari masing-masing kode. Silahkan atur nilainya sesuai keinginan
- Tulisan berwarna orange merupakan warna judul Tab
- Tulisan berwarna hijau merupakan judul Tab
- Angka 300 pada 'Width' menunjukkan panjang kotak dan 200 pada 'height' menunjukkan tinggi kota. Silahkan ganti nilainya sesuai ukuran template anda.
- Tulisan yang dicetak tebal merupakan isi tab view. Silahkan ganti dengan teks, link, banner atau widget anda.
Jika anda ingin menambah menu tab
baru cukup tambahkan kode yang berkedip dibawahnya. Demikian tadi
tutorial membuat tab view widget tanpa eit HTML, contoh dari tab view
ini bisa anda lihat di blog ini.
Semoga bermanfaat !
Senin, 23 Januari 2012
Cara Merubah Read More Pada Postingan Menjadi Lebih Menarik
Banyak template dengan fasilitas read more mempunyai tampilan kurang menarik. Mungkin juga anda bosan dengan bentuk read more seperti yang dimiliki dan bermaksud menggantinya. Jangan khawatir gan, saya akan berikan beberapa pilihan read more menarik dan bisa dimiliki sesuai keinginan anda. Sekarang mari kita bahas cara merubah read more menjadi menarik. Ikuti langkah berikut.
- Log in ke blog anda
- Klik Rancangan
- Klik Edit HTML
- Centang Expand Template Widget
- Kemudian Cari kode read more, selanjutnya, teruskan baca, atau apa saja seperti tampilan jump break (read more) artikel anda. Setulah Ketemu Hapus kode tersebut dan ganti dengan salah satu kode di bawah ini.
<img align='right' alt='read more' margin='0' border='0' width='80' height='35' src='MASUKKAN KODE GAMBAR ANDA DI SINI'/>Berikut merupakan beberapa alamat kode gambar yang ada :
Catatan: Silahkan anda edit width untuk ukuran lebar dan height ujtuk ukuran tinggi tampilan read more
http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyns1iz-ITmEA_fl4ZsZCT9eODIeljIADKltbKmBSxjr-HoGz6cd5rE1H4IkXE0qrOnL2BMaIT5KO5CR6vQ7TMgOhKDGrNwqR4oUylsu7k-EatzSJjg8n8XKGbflf1NJurWnhVxXy_lw-_/s1600/read+more.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQfrJPRFNCU7gmPKtq82gXgXKwUKQvaJ1B8djKDHpxnTkFuSl2H03eHdHtkcgKbGZPFYNGqPYKGykfs3Hm-bWWBIdeOj1Bxvwy3XZCtsW6LI5zIYlyaqokyHWO3GEx36UJ3Q-ttWm12Pe8/s1600/readmore.gif
http://www.boisestatebooks.com/outerweb/images/scholarships/readMore.gif
Selanjutnya Simpan Template dan lihat hasilnya
Selamat mencoba dan sukses selalu
Cara Membuat Proteksi Pada Postingan Blog Dengan Password
Tutorial blog kita kali ini yaitu cara membuat proteksi pada postingan
blog dengan password. Mungkin sobat pernah mengunjugi website-website
yang dimana pada bagian postingan / page terterntu diproteksi dengan
password dan hanya bisa terbaca apabila kita memasukkan password yang
valid. Ini cocok bagi sobat yang ingin membuat postingan untuk
pengunjung tertentu dari blog sobat atau untuk member blog sobat. Mau
tau bagaimana caranya? silahkan dilihat dibawah ini bro.
Berikut Caranya:
Password: wahyukerenSemoga berguna dan bermamfaat...
