Latest Post
4:25 AM
bzz baru dapet satu! :(
Written By mas kukuh on Thursday, September 20, 2012 | 4:25 AM
Label:
Blogging
2:02 AM
Cara Membuat Efek Blur Pada Gambar
Cara Membuat Efek Blur Pada Gambar - Salah satu effek pada image/gambar yang sering para blogger gunakan adalah effek blur pada gambar. Contoh effek blur pada gambar, lihat pada halaman berikut
Langsung ke tutorial pembuatannya,
Nah, sekarang tutorial cara membuat gambarnya, seperti
Jika Sobat hendak meng-upload gambar pada halaman post blogger,
Klik di sini untuk menuju pada halaman "Contoh Gambar dengan effek blur"Nah, pada halaman tersebut, Sobat akan melihat 2 contoh gambar tanpa effek dengan gambar effek blur. Maksud dari effek blur adalah "jika cursor melintas pada gambar, maka gambar akan berubah menjadi agak keburam-buraman", lebih jelasnya tuju halaman contoh di atas.
Langsung ke tutorial pembuatannya,
- Masuk ke blogger
- Buka design/Rancangan
- Pilih Edit HTML
- Lalu cari kode ]]></b:skin> (gunkaan Ctrl + f )
- Setelah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
.linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.linkopacity:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
Note : untuk merubah tingkat keburaman, ubah angka 30
- Simpan
Nah, sekarang tutorial cara membuat gambarnya, seperti
Jika Sobat hendak meng-upload gambar pada halaman post blogger,
Jika telah selesai mengupload, lalu buka Edit HTML, maka Sobat akan menemui kode
<a href="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TDiZf3WUfCI/AAAAAAAAA9c/EotwizhMw_Y/s1600/blur1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TDiZf3WUfCI/AAAAAAAAA9c/EotwizhMw_Y/s320/blur1.jpg" /></a>
Note : warna merah adalah alamat gambar yang sudah Sobat upload. Di atas adalah kode gambar tanpa effek,
Nah, untuk menambahkan effek blur, maka tambahlah kode class="linkopacity", jadi seperti ini
<a href="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TDiZf3WUfCI/AAAAAAAAA9c/EotwizhMw_Y/s1600/blur1.jpg" class="linkopacity" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TDiZf3WUfCI/AAAAAAAAA9c/EotwizhMw_Y/s320/blur1.jpg" /></a>
Hasilnya gambar akan blur jika disorot dengan mouse, lihat pada halaman ini
Label:
Blogging
2:00 AM
5 Teknik Dasar SEO
Nah, setelah Sobat memahami istilah-istilahnya, kita berlanjut ke intisari post kita hari ini, ini dia "5 Teknik Dasar SEO" . . .
- PEMILIHAN KEYWORD YANG TEPAT
Pemilihan "keyword" yang tepat dan sesuai dengan content blog adalah teknik yang harus diterapkan. Yang terpenting adalah bagaimana keterkaitan antara keyword dengan tema postingan pada blog. Keterkaitan itulah yang membuat optimisasi SEO berhasil.Hal yang perlu diperhatikan : Jangan mengulang keyword sebanyak tiga kali karena jika terjadi, maka blog Sobat bisa dianggap spam/sampah. - TENTUKAN DOMAIN
Lebih lanjut mengenai "Pemilihan nama blog yang baik", Gunakanlah domain yang sesuai dengan blog Sobat. Gunakan nama blog yang sesuai dengan konten dari blog Sobat. Akan lebih baik jika Domain atau nama blog mengandung keyword. - JUDUL YANG MENARIK
Judul yang mengandung keyword. Gunakanlah judul yang mengandung keyword dari blogmu. Selain itu, buatlah judul post yang menarik. Misal : 5 teknik dasar SEO, 8 Cara berpromosi lewat facebook, dan sebagainya. - GUNAKAN META TAG DESCRIPTION
Meta Tag , ada banyak sekali, dan yang paling pokok adalah Title,Meta Tag Keyword, dan Meta Description. Nah, untuk Meta Tag description adalah komponen yang penting, karena meta ini akan muncul pada SERP. - KEYWORD PADA POSTINGAN
Sisipkanlah keyword pada postingan. Akan lebih baik jika keyword diletakkan pada awal-awal pembuka postingan. Atau pada isi tulisan (terutama 20 kata pertama), link, alt text, dan nama file.
Nah, demikianlah 5 Teknik Dasar SEO. Jika Sobat ingin benar-benar mengoptimalkan SEO dan ingin mendapatkan rank, maka teruslah mengupdate blog Sobat dan carilah banyak backlink yang berkualitas.
Label:
SEO
1:58 AM
Pengertian dan Perbedaan Dofollow dan Nofollow
Banyak para blogger belum tau mengenai Perbedaan Dofollow dan Nofollow. Sebenarnya Dofollow dan Nofollow hanya sebuah istilah dalam dunia SEO atau Search Engine Optimization. Sekarang biar enak dan mudah dipahami Sobat baca keterangan di bawah ini deh,
Dofollow
Nofollow

Dofollow
- Search Engine (Google, Yahoo, Bing, dkk) menelusuri blog Dofollow
- Search Engine menelusuri lebih dalam
- Blog Dofollow mendapat reputasi baik dari Search Engine
- Peringkat blog semakin naik (Page Rank)
- Effeknya banyak diincar blog-blog lain untuk menanamkan link blog mereka (komentar spam dll)
Nofollow
- Search Engine (Google, Yahoo, Bing, dkk) menemukan blog Nofollow
- Search Engine tidak menelusurinya
- Karna tidak menelusuri maka segala hal yang berkaitan dengan blog bernilai biasa
- Kenaikan peringkat dan sebagainya juga normal
- Blog tetap stabil, jika jarang update atau sebagainya maka rank blog tetap stabil.

Label:
SEO
1:56 AM
5 Poin Penting Konsisten Ngeblog : Kunci Sukses Blogger
Anda seorang Blogger? Anda harus konsisten ! Konsisten Ngeblog adalah Kunci Sukses Blogger. Tidak cukup jika seminggu sekali untuk sekadar update postingan,maupun desain desain blog. Konsistelah jika benar-benar ingin menjadi seorang blogger sejati. Namun, dalam hal ini kita perlu memaklumi, bahwa seorang blogger juga pasti ada yang namanya sibuk. Jadi maklum jika suatu hari ngblognya terganggu, entah karena apa. Demikianlah yang baru saya alami
Beberapa poin Kunci Sukses Blogger dengan Konsisten dalam ngeblog,
1. Konsisten Update Postingan
Poin pertama yang paling penting adalah konsisten dalam update postingan. Suatu blog tidak akan jalan, tidak akan banyak visitor jika hanya update postingan seminggu sekali. Jadi konsistenlah update postingan sehari minimal sekali.
2. Konsisten Blogwalking
Jangan sepelekan blogwalking. Blogwalking adalah jurus ampuh paling penting jika ingin membangun blog Anda menjadi blog super. Konsistenlah, jika sedang membuka akun blogger, kunjungi dan beri komentar pada 'Blog that follow' atau 'blog yang Anda follow'. Dengan memberi komentar, diharapkan Anda akan mendapat komentar balik. Sehingga post barupun akan banyak komentar.
3. Konsisten Submit Artikel
Cara ini adalah cara paling JOS untuk memperkenalkan artikel Anda yang baru dipublish. Konsistennlah untuk mensubmit artikel. Waktu paling baik adalah setelah publish artikel/postingan terbaru langsung submit ke berbagai social bookmarking seperti lintasberita, antarblog, facebook, dan sebagainya. Dengan ini posisi artikel yang baru dipublish akan semakin kuat di search engine.
4. Konsisten Belajar SEO
Belajar SEO tidaklah sulit, mudah saja 'asal ada kemauan'. Konsisten belajar SEO lah agar Anda benar-benar bisa menggapai mimpi menjadi seorang blogger sukses, karena tanpa SEO predikat blogger sukses akan sulit tergapai. Sering-seringlah membaca artikel-artikel blogger lain tentang SEO, bila perlu, sebagai arsip, simpan artikel SEO tersebut. Ini adalah poin penting untuk menjadi Blogger yang Sukses.
Beberapa poin Kunci Sukses Blogger dengan Konsisten dalam ngeblog,
1. Konsisten Update Postingan
Poin pertama yang paling penting adalah konsisten dalam update postingan. Suatu blog tidak akan jalan, tidak akan banyak visitor jika hanya update postingan seminggu sekali. Jadi konsistenlah update postingan sehari minimal sekali.
2. Konsisten Blogwalking
Jangan sepelekan blogwalking. Blogwalking adalah jurus ampuh paling penting jika ingin membangun blog Anda menjadi blog super. Konsistenlah, jika sedang membuka akun blogger, kunjungi dan beri komentar pada 'Blog that follow' atau 'blog yang Anda follow'. Dengan memberi komentar, diharapkan Anda akan mendapat komentar balik. Sehingga post barupun akan banyak komentar.
3. Konsisten Submit Artikel
Cara ini adalah cara paling JOS untuk memperkenalkan artikel Anda yang baru dipublish. Konsistennlah untuk mensubmit artikel. Waktu paling baik adalah setelah publish artikel/postingan terbaru langsung submit ke berbagai social bookmarking seperti lintasberita, antarblog, facebook, dan sebagainya. Dengan ini posisi artikel yang baru dipublish akan semakin kuat di search engine.
4. Konsisten Belajar SEO
Belajar SEO tidaklah sulit, mudah saja 'asal ada kemauan'. Konsisten belajar SEO lah agar Anda benar-benar bisa menggapai mimpi menjadi seorang blogger sukses, karena tanpa SEO predikat blogger sukses akan sulit tergapai. Sering-seringlah membaca artikel-artikel blogger lain tentang SEO, bila perlu, sebagai arsip, simpan artikel SEO tersebut. Ini adalah poin penting untuk menjadi Blogger yang Sukses.
5. Konsisten dengan Keadaan Blog saat Ini
Konsistenlah dengan keadaan blog Anda saat ini. Misal, suatu saat Anda melihat sebuah blog yang bagus dengan template yang elegant dan menarik, kemudian Anda menginginkan agar blog Anda seperti blog itu, berarti Anda tidak konsisten dengan blog Anda saat itu. "Blogmu adalah ciri khasmu"
Demikian 5 Poin Penting Konsisten dalam Aktivitas Blogging. Semoga artikel ini bisa menjadi pedoman bagi Sobat-Sobat sekalian. Ini adalah artikel setelah saya absen update postingan (^^). Mulai detik ini, mari konsisten !
Label:
SEO
3:55 AM
Memasang gambar di pojok atau disudut .
Written By mas kukuh on Wednesday, September 19, 2012 | 3:55 AM
Pagi ini saya akan membagikan tutorial
cara memasang gambar di di pojok atak di sudut
Lansung saja saya kasih scriptnya .
1. masuk ke blog agan
2.masuk ke Rancangan-->elemen laman-->tambahkan gadget-->html/javascript
3.nih saya kasih scriptnya
ini untuk bawah kanan !
<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
ini untuk bawah kiri !
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
ini untuk atas kanan !
<div style="position: fixed; top: 0px; right: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
ini untuk atas kiri !
<div style="position: fixed; top: 0px; left: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
Save and liat hasilnya!
Sekian dari saya semoga berhasil !
Come Back Latter ! :D
cara memasang gambar di di pojok atak di sudut
Lansung saja saya kasih scriptnya .
1. masuk ke blog agan
2.masuk ke Rancangan-->elemen laman-->tambahkan gadget-->html/javascript
3.nih saya kasih scriptnya
ini untuk bawah kanan !
<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
ini untuk bawah kiri !
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
ini untuk atas kanan !
<div style="position: fixed; top: 0px; right: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
ini untuk atas kiri !
<div style="position: fixed; top: 0px; left: 10px;width:110px;height:130px;"><img src="url gambar agan" border="0" ></a>
Save and liat hasilnya!
Sekian dari saya semoga berhasil !
Come Back Latter ! :D
Label:
Blogging
3:54 AM
Membuat Buku tamu/chatbox berada di samping
1.pertama masuk ke blog agan masing masing
2.pilih Rancangan --> Elemen Laman -->Tambah Gadget -->pilih yang Html/Javascript.
terus masukin kode ini tapi agan harus punya kode buku tamunya
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYRyaHuVP13ISSBlpP038G_IOXnxu7ZYT3finZWGue0jLdOK_tDsn1sO9HqCMMxvSjZMDF1urhAE_G9EDgV9o5BTqQ6v1oYuWUB75n0U1zmC9szqIf2ZxmBhavJFJi1BticLOnfwMjfQqU/') 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">
<!-- Ganti ini dengan kode buku tamu kamu --> br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
3.Ganti <!-- Ganti ini dengan kode buku tamu kamu --> br/> dengan script chatbox/buku tamu agan
4. Lalu SAVE dan liat hasilnya :D
2.pilih Rancangan --> Elemen Laman -->Tambah Gadget -->pilih yang Html/Javascript.
terus masukin kode ini tapi agan harus punya kode buku tamunya
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYRyaHuVP13ISSBlpP038G_IOXnxu7ZYT3finZWGue0jLdOK_tDsn1sO9HqCMMxvSjZMDF1urhAE_G9EDgV9o5BTqQ6v1oYuWUB75n0U1zmC9szqIf2ZxmBhavJFJi1BticLOnfwMjfQqU/') 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">
<!-- Ganti ini dengan kode buku tamu kamu --> br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
3.Ganti <!-- Ganti ini dengan kode buku tamu kamu --> br/> dengan script chatbox/buku tamu agan
4. Lalu SAVE dan liat hasilnya :D
Label:
Blogging






