0 Cara Membuat Efek Bayangan Pada Link Blog

Cara Membuat Efek Bayangan Pada Link Blog - Membuat Efek Shadow pada link blog - Membuat efek bayangan pada blog - Membuat Efek Bayangan (Shadow) pada blog - efek shadow pada blog - Cara Mudah Membuat Efek Bayangan Pada Link Blog. Tips dan trik seperti diatas akan saya kemas menjadi simple dan mudah dipahami untuk blogger pemula, agar tidak bingung dengan banyak tutorial yang ada. sebenarnya banyak cara untuk membuat link bayangan pada blog sampai bingung gak bisa pasang.

Banyak cara untuk membuat teks link menjadi lebih menarik di blog supaya teks tersebut di dikunjungi , apalagi link itu berkaitan dengan postingan lain di dalam blog atau link internal blog , efek samping nya cukup bermanfaat buat blog kita, Cara ini bisa meningkat nilai pageview pada blog dan membantu dalam upaya sobat untuk meramping kan blog karena nilai pageview nya naik .

Nah,,, untuk lebih simplenya saya kasih beberapa tutorial bisa sobat pilih dan mencobanya, memang sebuah kendala pada tutorial kadang tidak bisa diterima setiap template alias berbeda-beda namun aslinya semuanya sama, cuma bagi blogger pemula akan merasa kesulitan. jika sobat tertarik membuat efek bayangan pada link blog, ikuti petunjuk dibawah ini: 

Cara Membuat Efek Bayangan Pada Link Blog (Cara Pertama)

1. Log in akun blog sobat.
2. Pada dasbor blog pilih Template » Edit HTML
3.Sobat Cari kode seperti dibawah ini :

a:hover {
color:#80ff00;
text-decoration:none;
}

4.Ganti kode diatas dengan kode dibawah ini

a:hover {color: #ff0000;text-shadow: 0 0 0.5em #000080,0 0 0.5em #0000ff;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

5.Kemudian Simpan dan lihat hasilnya.

Keterangan :

Bila sobat pengen efek shadow/bayangan yang dihasilkan menjadi lebih tebal, maka tambahkan lebih banyak kode  0 0 0.5em #000080 Hasil Efek bayangannya yang dikeluarkan akan semakin tebal.

Contohnya seperti ini :

a:hover{color: #ff0000;text-shadow: 0 0 0.5em #000080,0 0 0.5em #000080,0 0 0.5em #000080,0 0 0.5em #000080;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

Cara Membuat Efek Bayangan Pada Link Blog (Cara Kedua)

1. Log in akun blog sobat.
2. Pada dasbor blog pilih Template » Edit HTML
3.Sobat Cari kode #outer-wrapper  (Untuk lebih mudah dan cepat gunakan ctrl+f )
4. jika sudah ketemu, sobat tambahkan kode-kode dibawah ini tepat dibawahnya kode #outer-wrapper tadi.

box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;

Untuk lebih jelas penempatannya, karena biasanya kurang tepat memasangnya jadi kode tidak berfungsi. kurang lebih hasilnya seperti dibawah ini sobat:

#outer-wrapper {
background:#ffffff;
border-left:1px solid #4169e1;
border-right:1px solid #4169e1;
border-bottom:1px solid #4169e1;
width: 1000px;
margin:0 auto;
padding:10px 10px 20px 0px;
text-align:left;
font: normal normal 11.5px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;
}

Keterangan :

0 0 20px : Dapat sobat ganti, jika ingin efek bayangan lebih jelas dan tebal.
 #6d5d96 : Adalah warna bayangan, bisa sobat ganti dengan warna bayangan yang sobat inginkan.

Sekian dulu sobat  Cara Membuat Efek Bayangan Pada Link Blog, jika masih ada yang belum jelas bisa tinggalkan komentar. sampai bertemu kembali untuk modifikasi blog. Selamat Mencoba.

0 Cara Memasang Jumlah Postingan dan Komentar di Blog

Cara Memasang Jumlah Postingan dan Komentar di Blog - Menampilkan jumlah postingan dan komentar di blog ternyata mudah. sebenarnya widget satu ini sudah lama dikembangkan, namun sudah tentu jika yang melihat para blogger pemula pasti bingung dan bertanya-tanya bagaimana cara mudah menampilkan jumlah postingan dan komentar di blog? akhirnya saya posting buat sobat blogger semua yang ingin menampilkan jumlah postingan dan komentar pada sidebar blog atau pada blog.

Sobat bisa memasang jumlah postingan dan komentar pada sidebar, footer atau tempat yang lainnya dengan mudah, karena cukup dengan menambah kode jumlah postingan dan komentar. jika sobat tertarik bisa langsung simak tutorial dibawah ini:

Cara Mudah Memasang / Menampilkan  Jumlah Postingan dan Komentar di Blog

1. Login terlebih dahulu di blog sobat
2. Masuk ke menu Tata Letak >>>Tambah Gadget >>>pilh HTML atau JavaScript
3. Masukan kode dibawah ini dalam kotak HTML atau JavaScript

<script type="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
<script src="http://asjaralim.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script type="text/javascript">
function numberOfComments(json) {
document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script>
<script src="http://asjaralim.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

4. Simpan

Keterangan:

Sobat ganti warna url BIRU diatas dengan alamat blog sobat.

Ok! sobat blogger,,, tutorial Cara Memasang Jumlah Postingan dan Komentar di Blog sampai disini dulu, bagaimana mudah kan?? tentunya sangat mudah, hehehe karena sudah saya coba dan berhasil, sekarang gantian sobat yang pasang di blog. hehe selamat mencoba.

0 Cara Membuat Efek Bintang Bertaburan Pada Cursor Blog

Cara Membuat Efek Bintang Bertaburan Pada Cursor Blog, para blogger untuk variasi blognya dengan berbagai macam cara, salah satunya Efek Bintang Bertaburan Pada Kursor (Cursor) di Blog atau biasanya dikenal efek salju dengan terus berjatuhan saat kursor dipindahkan. ini bertujuan sebagai daya tarik pengunjung agar tahan lama pada blog kita dan juga merasa senang atau kagum dengan kreasi kita.

Untuk Efek Bintang Bertaburan warnanya bisa sobat ganti dengan sesuaikan warna template. jadi ga' sah kwatir dengan gaya monoton. hehehe. bisa kita ganti warnanya sesuai dengan warna yang kita sukai, seperti biru, hijau, merah, ungu, silver, kuning, hitam. ga' bakalan lengkap jika lom ada kodenya. nah,,, sobat bisa lihat tutorial dan kodenya dibah ini:

 Cara Membuat Efek Bintang Bertaburan Pada Cursor Blog

 Cara Membuat Efek Bintang Bertaburan Pada Cursor Blog

1. Login ke Blogger
2. Klik Rancangan Pilih Tambah Gadget

3. Lalu tambahkan HTML/JavaScript.

4. Masukan script di bawah ini kedalamnnya.

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

0 Cara Merubah/Mengganti Cursor di Blog

*Cara Merubah/Mengganti Cursor Blog* | artikel kali ini adalah Cara Merubah/Mengganti Cursor diBlog, para blogger untuk mempercantik tampilan blognya mempunyai banyak cara diantaranya spoiler atau auto hide bahkan memberi jam pada blog. untuk yang gemar variasi blog artikel ini tepat dech untuk mengganti cursor pada tampilan blog sobat.

banyak sekali blog yang sudah memasang tampilan cursor yang dulunya biasa sekarang sudah berubah menjadi unik dengan cursor animasi atau sekedar merubah bentuk cursor, kang zain punya hadiah tutorial yang sudah saya persiapkan untuk sobat blogger yang ingin merubah tampilan cursor pada blog. sesuai dengan judulnya Cara Merubah/Mengganti Cursor di Blog, bisa lihat pada cursor blog saya ini, dulunya biasa namun sekarang sudah saya rubah jadinya keren abiz,,, sobat juga bisa tambahkan efek bertaburan bintang atau salju DISINI.

Ok, jika tertarik dengan Cara Merubah/Mengganti Cursor Blog terasa kurang lengkap jika tidak dipraktekan, nah,,, untuk tambah ilmu baru langsung saja ikuti tutorialnya dibawah ini: sampai bawah ya,,,

1. Masuk ke link http://www.cursors-4u.com/ (situs tersebut adalah penyedia segala macam jenis tampilan cursor blog)

2. jika sudah masuk akan tampil seperti gambar ini:

 

3. Setelah masuk pilih pada categoris seperti pada tanda merah gambar diatas. pilih yang sobat suka. contoh pilih categories Cursors/Pointers maka akan tampil seperti gambar dibawah ini:

 

 

 

4. Pilih salah satu dari pilihan tampilan cursor yang sobat suka seperti gambar diatas, maka akan tampil seperti dibawah ini:

Keterangan gambar diatas :

Pilih nomor satu terlebih dahulu blogger/blogspot kemudian muncul seperti gambar diatas. kemudian copy kode pada nomor dua tersebut kedalam notepad atau wordpad. dan ikuti langkah selanjutnya :

Cara pemasangan kedalam bog.

1. Login ke akun bogger Anda
2. Plih rancangan
3. Klik tambah gadget
5. Pilih HTML/Javascript
6. Copy/paste kode yang anda simpan di notepad tadi
7. Save.

Sekarang lihat tampilan *cursor blog* sobat, udah unik dan menarik kan,,,, sekian dulu Cara Merubah/Mengganti Cursor di Blog. good luck