tips bloger dan android

cara membuat widget recent comments dengan avatar 2013

 
widget ricent coment adalah sebuah widget yang dipasang pada kolom tataletak tetapi widget ini juga bisa dipasang pada edit html pada blog anda widget ini berfungsi sebagai penampil dari koment penggunjung sebelum di tampilkan pada blog anda
dan kelebihan oleh widget ini adalah style ,keren karna efek yg ditampilkan adalah avatar bulat
dan pada kesempatan kali ini kita akan membuat widget tersebut,tentunya dengan cara yang sangat mudah untuk anda,walaupun anda adalah pemula dalam dunia blogger ini.

baiklah kita mulai cara pembuatan widget ini

1,sebelum nya anda harus login dulu dalam bloger anda,
2.setelah anda masuk ke dalam blog anda silahkan anda masuk ke halaman tata letak kemudian anda klik tambah gadget,cari tambah html
3.setelah itu anda masukan  kode html yg ada di bawah ini

<style type="text/css">
ul.w2b_recent_comments {
list-style: none;
margin: 0;
padding: 0;
}
.w2b_recent_comments li {
background: none !important;
margin: 0 0 6px !important;
padding: 0 0 6px 0 !important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
}
.w2b_recent_comments li .avatarImage {
padding: 3px;
background: #fefefe;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}
.avatarRound {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.w2b_recent_comments li img {
padding: 0px;
position: relative;
overflow: hidden;
display: block;
}
.w2b_recent_comments li span {
margin-top: 4px;
color: #666;
display: block;
font-size: 12px;
font-style: italic;
line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://daftar-javascript-kami.googlecode.com/files/Recent%20Comments.js"></script>
<script type="text/javascript" src="http://cabeijo28.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
<div style="text-align:center">
<span style="float:left;font:italic 10px Arial, Sans-Serif; color:#3D3D3D;"><a target="_blank" href="http://your-belajarblog.blogspot.com/2013/03/cara-membuat-widget-recent-comments.html">.:Get Widget:.</a></span>
</div>
keterangan yg perlu anda ingat
bahwa tulisan yg berwarna kuning di atas adalah menentukan jumlah kolom komentar yg akan anda tampilkan
bahwa tulisan yg berwarna hijau di atas adalah menentukan  gambar url avatar anda ukuran (80x80)
dan tulisan yg berwarna merah anda ganti dengan url blog anda

nah demikian lah sedikit tutorial yg bisa saya bagikan dengan anda semogga bisa bermanfaat buat anda semua


cara membuat efek salju pada blog


efek adalah sesuatu yg terlihat indah atau sebaliknya yg dilakukan dengan cara merubah sesuatu atau mengedit nya.hal ini dapat anda lakukan pada blog yg anda kelola saat ini,bagi anda yg belum mempunyai blog silah kan anda membuat blog dulu dan sebelum nya anda harus mempunyai alamat email dulu,dan optimalkan blog yg anda punya dengan mendaftarkan blog anda di webmaster tools
nah disini kita akan membahas tentang efek yg ada di blog atau web anda,efek yg kita buat bisa bermacam macam adanya,namun di sini saya akan membahas bagaimana membuat efek salju berjatuhan pada blog anda,tentu akan terlihat indah bila efek ini di terapkan pada blog anda.
bila anda ingin menerapkan efek ini pada blog anda kita mulai untuk membuatnya
1.anda masuk dulu ke blogger dasbord anda
2.setelah anda masuk lalu anda masuk lagi ke tata letak blog anda,pasti anda tau letak tool ini
3.setelah anda masuk pada tata letak blog anda silahkan anda tambah widget dan anda cari tambah html.nah bagaimana ,ketemu kan,setelah anda ketemu ,silahkan anda tambahkan kode html dibawah ini

<script src="https://daftar-javascript-kami.googlecode.com/files/Snow%20YBB.js"></script>
5.bagaimana sudah anda salin kode html nya,kalau sudah anda simpan .
6.jangan lupa klik simpan perubahan ,dan lihat ke blog anda,lihatlah apa yg terrjadi,butiran salju berjatuhan di blog anda

selamat mencoba ,semogga anda sukses melakukan edit ini,dan jika ada pertanyaan yg kurang jelas silahkan anda komentari.sekian



cara merubah krusor mouse pada blog terbaru


crusor mouse adalah tanda yg di gunakan untuk penunjuk dalam komputer,crusor ini berfungsi sbg penunjuk ,copy tulisan atau menekan,hal ini mungkin sudah pernah atau sering anda lihat pada komputer anda.
dalam blog crusor ini dapat kita rubah rubah,sehingga akan kelihatan indah di lihat.dan di sini saya akan membahas bagaimana cara kita untuk merubah crusor mouse tersebut
perlu anda ketahui cara cara nya untuk kita coba sekarang
1,mungkin pertama kali anda harus masuk ke blogger anda dulu
2.setelah itu anda masuk ke template pada blog anda dan klik edit html
3.cari kode html yg seperti ini </head>
4. kemudian masukan kode di bawah ini di atas kode </head>
<style type="text/css">
HTML,BODY{cursor: url("
http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}
</style>
keterangan: ganti tulisan yg berwarna biru dengan url krusor anda,untuk mendapatkan crusor url anda silahkan anda klik www.totallyfreecursors.com
nah di situ anda dapat menemukan crusor yg anda inginkan

5.setelah anda salin dan anda rubah silah kan anda save template nya kembali
hal ini berfungsi bahwa editan di html anda akan tersimpan kembali

nah silahkan anda lihat perubahan yg terjadi pada crusor di blog anda maka blog anda akan terlihat lebih indah dan menarik,bila anda ingin membuat blog ada efek yg menarik,silahkan tunggu postingan kami selanjutnya dan selamat mencoba. 

bila ada yg ingin anda tanyakan mengenai artikel ini,silahkan ajukan pertanyaan anda pada kolom komentar yang tersedia,trimakasih

cara membuat tulisan dan gambar bergerak pada blog/web

membuat tulisan bergerak dan gambar bergerak pada blog.menampilkan tulisan dan gambar bergerak pada blog anda memang tidak begitu susah,karena anda tinggal menulis kode scrip pada blog anda di edit html pada blog anda.asal anda memahani nya hal ini sangatlah mudah .
anda siapkan dulu
anda masuk ke tata letak
siapkan widget html
kemudian copy kode html di bawah ini

baiklah sekarang kita buat tulisan bergerak ke samping kanan
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">tulisan bergerak ke kanan (Ganti dengan Teks Anda)</span></marquee>

nah kalau yg ini tulisan bergerak ke samping kiri
<marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">tulisan bergerak kekiri (Ganti dengan Teks anda)</span></marquee>

kemudian untuk yg ini andalah tulisan bergerak ke kanan secara pelan 
<marquee direction="right" scrolldelay="500"><span style="color:red; font-weight: bold;">tulisan ke kanan tapi pelan (Ganti Dengan Teks Anda)</span></marquee>

dan untuk yg ini adalah tulisan bergerak kekiri dan ke kanan secara perlahan dan bisa di setop
<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color:red; font-weight: bold;">tulisan gerak kanan kiri (Ganti dengan Teks Anda)</span></marquee>

untuk yg ini tulisan dengan gerak ke atas 
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="95%"><span style="color: red; font-weight: bold;">tulisan keatas(Ganti dengan Teks anda)</span></marquee>

dan untuk warna bisa anda ganti sesuka hati kamu,sesuai dengan apa yg kamu mau

dan untuk scrip gambar bergerak,kamu bisa pakai yg ini gan

<marquee direction="right"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4u39LEhpoJEUEQIjnvz2F99eTui-jNQi0L-eSW-UGgmw-wKN5FD6XSL1nzk38_j8fM0GOt5lmEFlPw671Qn1H9gDiiDIQMWQGHkaZfq8BkDUptz73oce0bD5UrsKKk4I0U9yatpmj98/s1600/Blog.jpg" /></marquee>

silahkan anda coba ya,demikian lah sedikit tutorial yang ada,semogga tutorial ini sedikit bermanfaat buat anda .salam blogger,bila ada yg ingin anda tanyakan silahkan anda tulis di komentar ,mudah mudahan saya bisa membantu nya.

cara membuat contact us dengan mudah

tips jitu menambah kecepatan blog anda


cara mempercepat kecepatan dalam blog anda adalah sangat penting sekeli,karena semakin cepat blog anda dibuka oleh pengunjung maka semakin suka pengunjung itu untuk betah berlama lama di blog anda.
kecepatan dalam blog mungkin belum sangat di pahami oleh bloger pemula,karena mereka masih mengedepan kan keindahan blog,seperti saya dulu hehee,,,(bagi pengalaman apa curhat ni).yg paling penting adalah,kurangi pemakaian widget yg tidak penting
untuk mempercepat blog,perlu anda perhatikan berbagai hal seperti dibawah ini:

1.jangan gunakan foto sebagai latar belakang /background

kenapa demikian,karena foto yg di pakai sbg latar belakang akan memperlambat loading sebuah blog,tentu hal ini akan menambah kejenuhan bagi pengunjung yg ingin berkunjung ke blog anda.karena pengaruh di pasangnya foto sebagai latar mencapai 50%

2.kurangi widget iklan

jika anda mempergunakan blog sbg iklan/mencari uang maka hal ini perlu diperhatikan,karena menyimpan widget yg terlalu banyak akan memperlambat kinerja blog anda,sebaiknya kurangi,terlebih untuk iklan ppc menggunakan texs saja biar ringan saat loading.

3.menghilangkan link exsternal
seperti apa link tersebut adalah sebuah link yg berasal dari luar blog anda,anda jauh kan Widget Site Traffic melainkan menggunakan Google Analytics saja.

4.jangan hosting gambar dengan hosting yang lain

sebaiknya anda menghosting dengan layanan bloger jangan dengan hosting yg lain seperti photobucket,karena jika mengunakan hosting gambar yg lain masih harus upload dulu.

5.kurangi widget yg tidak diperlukan

nah yg ini sering kita jumpai,kita mungkin sering menambahkan widget yg mungkin tidak terlalu penting,sebaiknya anda kurangi karena hal ini akan memperlambat kinerja blog anda,

6.tampilkan 4-7 posting pada halaman depan,

karena dengan membatasi tampilan postingan ini akan mempercepat kinerja blog yg anda kelola

7.meringkas posting dengan readmore

hal ini sering kita jumpai pada template seo,karena dengan mengunakan hal tersebut ,maka blog anda tidak akan berat untuk loadingnya,sebaiknya pilihlah template yg tepat untuk blog anda

8.kurangi scrip yg tidak perlu pada html

seperti apa scrip tersebut?pastinya anda tau,seperti scrip efek,saya himbau jangan gunakan scrip efek yg terlalu banyak karena akan mengurangi kinerja blog

demikian lah hal hal yg perlu anda perhatikan dalam blog anda,semogga sedikit singkat tutor ini semogga bisa membantu anda.


cara membuat sitemap pada blog anda

cara setting wi-fi portable pada android


cara menggunakan ponsel android sbg wifi,artikel kali ini saya akan membahas bagaimana cara kita menggunakan ponsel kita sebagai wifi,hal ini sangat berguna sekali untuk kita,sebab kita dapat berbagi koneksi internet ke sesama android atau ke komputer/laptop untuk setting nya...

persiapan sebelum membuat aplikasi android

salam hangat untuk semuanya,,, pada kesempatan kaliu ini saya akan sedikit mengulas tentang bagaimana cara nya agar kita dapat membuat aplikasi android,sebelum anda akan membuat aplikasi ini sebaiknya anda persiapkan dulu bahan bahan atau tool nya yg akan anda gunakan  sebagai...

0 komentar:

Posting Komentar