Cara Membuat Efek Zoom Pada Gambar Di Blog

• Login ke akun blogger sobat.

• Pilih Template

• Untuk berjaga jaga downlod dulu tamplate blog sobat ( Backup )

• Pilih Edit HTML >> Lanjutkan >> Kasih centang "Expand Template Widget".

• Cari kode ]]></b:skin> untuk mempermudah gunakan F3 atau Ctrl F.

• Letakan kode di bawah ini tepat di atas kode ]]></b:skin>

.post img:hover {

-o-transition: all 0.3s;

-moz-transition: all 0.3s;

-webkit-transition: all 0.3s;

-moz-transform: scale(1.3);

-o-transform: scale(1.3);

-webkit-transform: scale(1.3); }

• Simpan dan lihat hasilnya.

sumber:

http://luhurfatah10.blogspot.com/2012/11/cara-membuat-efek-zoom-pada-gambar-di.html

Read More

Beberapa Batasan Seputar Blogger

Kali ini Jago Media ingin membahas tentang “idola” nya para bloggermania yaitu Blogspot. Di awal perkembangan internet, blogspot ramai di perbincangkan dengan fitur diari onlinenya. Sehingga saat ini blogspot menjadi sebuah trandmark diari online. Berbagai fitur online di tawarkan dengan gratis, sehingga para bloggermania tidak segan-segan memanfaatkannya sebagai profil perusahaan,  direktori listing, review film & musik hingga yang paling ramai di gandrungi blogger saat ini yaitu toko online. Pada tahun 2012 lalu blogspot akhirnya di akuisisi oleh “mbah” Google dengan kecanggihan IT supportnya. Berikut beberapa fakta menarik mengenai Blogspot : 1. Batas Postingan
Tidak terbatas dan benar-benar gratis, postingan yang kita buat akan selalu tersimpan dan masih akan selalu tersimpan (kecuali kita menghapusnya secara permanen).
2. Jumlah Blog Dalam Satu Akun
anda dapat membuat blog sebanyak yang di inginkan dalam satu akun blogger.
3. Jumlah Postingan
Tidak ada batasan untuk jumlah postingannya, juga blogger tidak akan menghapus postingan anda kecuali anda hapus secara manual baik sudah di publish atau masih sebagai draft.
4. Ukuran Postingan Blog
Tidak ada batasan mengenai ukuran postingan. Jadi anda bisa membuatnya sangat panjang atau sangat berat. Namun perhatikan juga point dibawah ini.
5. Ukuran Halaman
Untuk halaman utama blog dan halaman arsip dibatasi hingga 1 MB. Ini dapat menampung ratusan halaman teks.
6. Jumlah Komentar
Satu posting dapat menampung sangat banyak komentar (Saya kurang tau berapa jumlah tepatnya komentar yang bisa ditampung). Jika anda menyembunyikan komentar yang ada, masih tetap disimpan di akun anda dan bisa ditampilkan sewaktu-waktu kecuali anda hapus permanen manual.
7. Jumlah Foto
Memiliki batas hingga 1GB. Setiap foto yang di masuk postingan anda akan otomatis masuk ke album Picasa.
8. Ukuran Gambar
Jika anda memposting menggunakan selular, maka masing-masing foto maksimal seberat 250K.
9. Anggota Tim
Dibatasi maksimal 100 orang untuk tiap blog.
10. Jumlah Label
Setiap blog maksimal memiliki 2000 label berbeda dan setiap postingan dibatasi maksimal 20 label.
11. Deskripsi Blog
Saat anda set deskripsi blog di akun blogger anda, anda hanya bisa masukkan maksimal 500 Karakter.
12. About Me/Tentang Saya
Untuk informasi diri dibatasi hingga 1200 karakter.
13. Profil Minat dan Favorit
Di kolom isian profil blogger, selain about me anda juga bisa isikan berbagai data seperti minat dan favourite. Masing-masing kolom dibatasi hingga 2000 karkater.

Read More

Loading Halaman Finger style

kali ini saya akan membagikan sebuat tips yang mungkin dapat agan coba untuk membuat tampilan blog agan semakin menarik yaitu engan menambahkan animasi loading saat seseorang berkunjung ke blog agan animasi ini cukup keren dimana animasi ini akan menampilkan sebuah efek Cap Jempol anda pada saat membuka blog ya terhitung kayak di film - film itu gan hehehe...baiklah kita lansung saja ke tutorialnya...
1. Masuk blog agan
2. Pilih Template/Edit Html
3.Cari kode </body> gunakan ctrl + f untuk memudahkan pencarian
4. Jika sudah ketemu copas kode dibawah ini dan letakan tepat diatas tag </body>

  <b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeS1BXC7AfMb7gCEc8Ejji9UXKJINpai4DwaXTZX5UrvucHm0qyXTIpTB3hslNJt4Tcb9nQWaLhxzWXAs2BnvTtUkhwpyq5c7kxsWVDA21goFXiuU2XBAgl3w9oCvBPmNGwwC14Jx6_Jg/s28/Shutdown.png',
       Nama_Login_Anda = 'ncahjowo.corp';
</script>
<script src='https://tutorialbelajarblogger.googlecode.com/files/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End -->
<b:else/>
</b:if>

 Catatan : Ganti kode Berwarna Merah Dengan Nama Anda atau sama tetangga sebelah juga bisa...hehehehehe

5. Save template agan dan lihat hasilnya...

selamat mencoba semoga animasi loadingnya dapat membantu dan bermanfaat......

Read more : http://tutorialbelajarblogger.blogspot.com

Read More

Tutorial Sembunyikan FB Fan Page di Blog

Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk kali ini admin akan tunjukkan pula cara untuk sembunyikan facebook fan page ditepi blog anda.




Anda juga boleh tengok contoh page yang diletakkan di tepi dalam blog di blog demo ini.

Tutorial sembunyikan Fb fan page adalah seperti di bawah.

Langkah 1:

i. Dari dashboard > design > edit HTML
ii. Menggunakan fungsi find, (ctrl + F), cari kod </head>
iii. Copy dan paste kod di bawah SEBELUM kod </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

contoh:

Nota: Jika anda dapati kod di atas sudah ada sebelum anda copy paste, abaikan langkah 1, pergi terus ke langkah 2.

iv. Selepas selesai klik Save Template





Langkah 2:

i. Dari dashboard > design > page element > add a gadget > HTML/javascript

ii. Copy dan paste kod di bawah dalam ruangan HTML/javascript yang anda telah buka

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://ncahjowo.blogspot.com/2013/02/tutorial-sembunyikan-fb-fan-page-di-blog.html">Tutorial Here</a></span></div></div>

Nota: Gantikan "URL PAGE ANDA"

contoh url page:

iii. Save dan lihat hasilnya.:)

sumber:
http://tutorialuntukblog.blogspot.com/search?updated-max=2011-12-06T20:29:00%2B08:00&max-results=6

Read More