Sabtu, 28 April 2012

0 Cara Memilih dan Edit Template Blog Yang SEO Friendly


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Pada artikel terdahulu saya sudah membuat artikel Cara Mengganti Template Blogger. Nah Masih ada hubungannya dengan artikel yang sedang anda baca saat ini adalah tips bagaimana mengedit dan memilih template blog yang baik.

Template blog adalah ibarat pakaian untuk sebuah blog. Secara umum seorang blogger pasti menginginkan tampilan blog yang sebagus-bagusnya. Namun terkadang malah melupakan aspek-aspek SEO on Page. Bagaimanakah tips dan cara memilih template blog yang SEO friendly, seperti apa pula ciri-ciri template blog SEO friendly itu? Ada beberapa hal yang harus kita perhatikan dalam memilih template yang akan digunakan untuk blog kita. Antara memilih template dan mengedit template memiliki keterkaitan, Mengapa? Setiap kita mendownload template kemudian menerapkannya di blog kita, saya yakin sobat semua pasti akan merubah sebagian kode CSS, HTML, maupun kode javascript yang ada, karena itulah maka dalam pembahasan di bawah saya campurkan antara tips memilih template yang baik dan cara mengedit template. 

  1. Hal pertama tentunya adalah ukuran template yang akan dipakai. Semakin ringan suatu template tentu berdampak pula pada semakin ringannnya loading blog. Tentu disukai search engine plus pengunjung pula. Sobat tentu pernah mendownload template bukan? biasanya berformat zip atau rar yang kemudian kita ekstraks. Disini bisa kita lihat ukuran besar template tersebut yang berekstensi .xml. Lihat berapa ukurannya, jika lebih dari 50 kb pertimbangkan lagi untuk memakainya. Belum lagi jika kita masukkan kode-kode auto read more, breadcrumb, tombol share serta widget-widget lain. Jangan sampai pengunjung kabur dengan lambatnya loading blog kita.
  2. Pilihlah template yang sidebarnya berada di kanan. Ini bertujuan agar crawl web lebih dulu mengindeks postingan kita. Kalaupun harus dipasang widget di sidebar kiri, pastikan yang ringan-ringan saja. 
  3. Buat sobat yang biasa mengganti template pastikan sobat memiliki blog ujicoba/cadangan. (silakan buka artikel cara membuat blog cadangan). Ujicoba dulu template yang dipilih di blog cadangan tersebut sebelum menggunakannya di blog “betulan”. Hal ini agar blog yang betul-betul kita kelola bisa terlihat bagus, optimal dan terlihat rapi.
  4. Berkaitan dengan hal pada nomer 3 di atas, perhatikan, apakah banyak kode-kode javascript yang terurai di dalam template tersebut. Jika Ya, bisa dipastikan template tersebut berat loadingnya. Kecuali jika kode javascriptnya di hosting di tempat lain. Misalnya di google code.
  5. Usahakan background template blog tersebut bukan berupa gambar, tapi berupa kode warna. Kalaupun ingin yang bergambar. Lihat ukurannya, jangan terlalu besar.
  6. Template memiliki struktur heading yang baik.Template yang bagus memiliki struktur heading tag yang rapi dan terurut mulai dari H1, H2 dan H3. Kita pilih template blog yang memiliki struktir heading tag yang bagus dan tentunya penempatan setiap heading tag tersebut sesuai, suatu misal H1 untuk judul blog.
  7. Tidak memiliki link keluar yang banyak. Seringkali kita mendownload template, dibagian bawah / footer pasti memuat link-link si pembuat template. Lihat berapa banyak link yang ada. Memang ini berhunbungan etika blogging, namun tidak ada salahnya kita menghapus sebagiannya. Selain itu penempatan link exchange juga harus sestrategis mungkin, buatlah halaman khusus untuk blogroll.
  8. Warna, ukuran dan jenis font serta backgrund harus serasi alias eye matching dan juga eye catching. Jangan memilih warna yang dapat membuat mata pengunjung blog “silau”. Ukuran dan jenis font juga mesti diperhatikan, jangan terlalu kecil dan jangan terlalu besar. Gunakan font yang familiar, tidak perlu neko-neko.
  9. Pastikan ada hubungan antara kode CSS dengan HTML. Pernah saya temukan template dengan kode CSS yang full namun tidak berguna alias tidak ada fungsinya. Untuk itu bisa sobat validasi kode CSS dan HTML di situs-situs validator CSS dan HTML yang cukup banyak di luar sana, hehehe. Buat sobat pemula, saya rasa ini tidak harus dilakukan. Karena cukup membingungkan dan bisa berdampak pada tampilan blog. Kita paling tidak mengecek errornya saja tanpa harus memakai kode CSS dan HTML yang dihasilkan mesin validator. Kemudian kita bandingkan dengan template lain. Lalu pilih yang errornya sedikit. Ini juga salah satu alasan saya mengapa blog ini memakai template default blogspot.

Demikian beberapa paparan mengenai tips memilih dan edit template yang disarikan dari berbagai sumber dan sedikit dari pengalaman pribadi saya sendiri. Bijaklah memilih template dan pastikan jenis blog dan tujuan kita blogging . Salam blogger.

0 Cara Membuat Related Posts Bergambar + Ringkasan Di Blogger


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Sebenarnya saya sudah pernah menuliskan cara membuat related post di blogger, namun kali ini saya akan menuliskan lagi panduan cara membuat related posts with thumbnail and summary  untuk blogger, tutorial ini sengaja saya buat untuk menjawab pertanyaan salah satu teman blogger kita yang menanyakan tentang bagaimana cara membuat artikel terkait seperti di blog ini (yaitu : artikel terkait yang ada gambar serta ringkasan nya).
Cara membuat relared post di blogger (related Posts with thumbnails and summary) atau artikel terkait dengan gambar serta cuplikan untuk blogspot

Ok saya rasa tidak perlu panjang lebar, mari kita mulai.

Panduan Cara Bikin Artikel Terkait Bergambar Serta Ringkasan Untuk Blogger

Seperti tutorial lainnya, langkah pertama yang harus dilakukan adalah login dahulu ke blogger, kemudian ikuti langkah-langkah cara membuat related post di blogger berikut.

1. Klik menu seperti ini



2. Klik menu / tulisan Template
3. Klik menu Edit HTML
4. Klik tulisan / menu Lanjutkan
5. Beri centang pada Expand Template Widget

6. Cari kode berikut :
</head>
7. Pasang kode berikut ini tepat di atas kode </head> tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related_posts h4 {
background: none repeat scroll 0 0 #333;
color: #FFF;
font-family: Arial,Tahoma,Verdana;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 2px 5px 1px 8px;
text-shadow: 1px 1px #000000;
text-transform: uppercase;
}
#relpost_img_sum {
/* height: 320px;
overflow: auto; */
margin: 0;
padding: 4px;
line-height: 16px;
}
#relpost_img_sum:hover {
background: none;
}
#relpost_img_sum ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#relpost_img_sum li {
border: 1px solid #DDD;
margin: 0;
padding: 5px;
height: 65px;
list-style: none;
}
#relpost_img_sum li:hover {
background-color: #E6E6E6;
}
#relpost_img_sum a {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#relpost_img_sum .news-title {
display: block;
font-weight: bold !important;
margin-bottom: 4px;
}
#relpost_img_sum .news-text {
display: block;
text-align: justify;
font-weight: normal;
text-transform: none;
color: #333;
}
#relpost_img_sum img {
float: left;
margin-right: 14px;
padding: 4px;
border: solid 1px #DDD;
width: 55px;
height: 55px;
}
</style>
<script type='text/javascript'>//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 10;
var numchars = 200;
var morelink = "readmore";
/*
Related Post with Thumbnail & Summary 1.0 (May 02, 2011)
copyright (c) 2011 Hendriono from http://modification-blog.blogspot.com/
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\'  I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... [<a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a>]<17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnojudul|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxtampil|li|span|text|split|join|relpostimgcuplik|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|artikelterkait|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>
Catatan :
  • var relnojudul = 0; ubah nilai 0 jika ingin menampilkan jumlah artikel yang terkait dalam setiap kategori, nilai 0 artinya artikel dalam kategori tertentu akan ditampilkan semua (direkomendasikan tetap bernilai 0 karena dalam beberapa kasus, jika kita ubah nilainya maka artikel terkait akan menampilkan keterangan "undefined". Hal ini bisa terjadi jika ada artikel dalam kategori tertentu yang hanya terdiri dari 1 artikel)
  • var relmaxtampil = 10; ubah nilai 10 untuk menentukan jumlah artikel yang terkait sesuai kategori
  • var numchars = 200; ubah nilai 200 untuk menentukan jumlah karakter yang akan ditampilkan pada ringkasan artikel. Karakter termasuk spasi dan tanda baca
  • var morelink = "readmore"; ubah kata readmore sesuai dengan keterangan link akhir ringkasan artikel yang akan menuju pada artikel yang dimaksud pada saat di klik

8. Cari kode
<div class='post-footer-line post-footer-line-3'/>
atau kode
<data:post.body/>
Kemudian pasang script yang akan menampilkan artikel terkait pada blog blogger kamu berikut ini di bawah kode <div class='post-footer-line post-footer-line-3'/> atau <data:post.body/> tersebut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts'>
<h4>Related Posts</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<a href='http://modification-blog.blogspot.com/' style='display:none;'>Related Posts with thumbnails and summary post for blogger</a>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</b:if>
Catatan :
Silakan ganti tulisan Related Posts  dengan tulisan yang kamu mau.
9. Selesai dan silakan simpan pengaturan template kamu.

Nah itu lah tutorial cara membuat related post di blogger yang ada thumbnails + summary.

Ket :
Pembuat kode + script artikel terkait dengan gambar serta cuplikan ini adalah Hendriono, Terimakasih buat Senior Hendriono.
Oh ia mungkin tampilannya akan berbeda dengan yang ada di blog ini (karena sedikit saya edit). Jika kamu ingin mengunjungi dan membaca tutorial dari sumbernya langsung silakan baca di http://modification-blog.blogspot.com/2011/05/artikel-terkait-dengan-gambar-mini-dan.html
Selamat mencoba dan semoga bermanfaat.

Update 17 Mei 2012
Jika teman-teman ingin tampilan related post/artikel terkaitnya mirip dengan yang ada di blog ini silakan gunakan script berikut :
1. Pasang kode berikut sebelum kode </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style media='screen' type='text/css'>
/*----- Blog.AhmadRifai.Net Related Post -----*/
#ahmadrifai-related {width:100%;margin-left:5px}
.reltit {color: #333;font-family: Arial,Tahoma,Verdana;font-size: 16px;font-weight: bold;margin: 5px 0 0 0;padding: 5px 0;text-shadow: 1px 1px #eee;text-transform: uppercase;text-align:center;}
#ar-related {float-left;margin: 0;padding: 5px 0;line-height: 16px;}
#ar-related ul {list-style-type: none;margin: 0;padding: 0;}
#ar-related li {width:46%;float:left;margin: 0 3px 0 3px;padding: 5px;height:auto;
list-style: none;border:1px solid #D3D3D3 !important;-moz-border-radius: 4px;
-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 2px #CCC inset;height:145px;}
#ar-related li:hover {background-color: #f9f9f9;}
#ar-related a {text-shadow: 0 1px 1px #aaa;}
#ar-related .news-title {display: block;margin-bottom: 5px;display: block;font-size: 14px;text-align: left;}
#ar-related .news-text {display: block;font-size: 12px;text-align: justify;font-weight: normal;text-transform: none;color: #333;}
#ar-related img {float: left;margin-right: 5px;padding: 4px;width: 70px;height: 70px;
border:1px solid #D3D3D3 !important;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 1px 1px 2px #CCC inset;}
</style>
<script type='text/javascript'>//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 10;
var numchars = 200;
var morelink = "Selengkapnya ...";
/**/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\'  I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... [<a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a>]<17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnojudul|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxtampil|li|span|text|split|join|relpostimgcuplik|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|ahmadrifairelated|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>
2. Sisipkan kode berikut setelah kode <div class='post-footer-line post-footer-line-3'/> atau kode <data:post.body/>
<div id='ahmadrifai-related'>
<p class='reltit'>Artikel Terkait Lainnya :</p>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<a href='http://blog.ahmadrifai.net/' style='display:none;'>Blogger Tutorial + Template</a>
<ul id='ar-related'>
<script type='text/javascript'>ahmadrifairelated();</script>
</ul>
</div>
Cara penggunaan dan pengaturannya sama dengan tutorial yang sudah saya tuliskan di atas.

Kamis, 26 April 2012

0 Cara Membuat Teks Area dan Variasi Text Area


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Sebelumnya saya pernah membuat artikel tentang cara membuat text area dan modifikasinya, nah pada kesempatan ini, saya akan menambah lagi berbagai macam variasi teks area dan cara membuat text area tersebut.  Untuk apa sih teks area itu, selain untuk kerapian posting blog juga bermanfaat untuk menghemat halaman agar tidak terlalu penuh. Selain itu terkadang kita dalam mengcopy paste kode tertentu terkadang keluar jalur alias melewati batas area artikel blog. Hal tersebut terjadi karena kita cuma memasukkan kode-kode tersebut ke dalam blockquote. Nah disnilah fungsi utama dari teks area tersebut. 

Pada kesempatan ini saya akan memberikan 3 variasi teks area. yaitu text area sederhana / default, text area dengan fungsi select / copy all, dan text area dengan tombol scroll / gulir.
Cara memasang teks area ini adalah pada saat menulis postingan pilih menu HTML (bukan edit HTML template loh yaah). Lihat gambar. 

cara membuat teks text area di blog
Masukkan kode text area setelah klik HTML

A. Teks area sederhana

 <textarea rows="6" cols="35">diisi dengan kalimat, kata, kode yang diinginkan</textarea>


dengan kode di atas maka tampilan teks area seperti di bawah ini. angka 6 berarti jumlah baris, 35 menunjukkan lebar form teks area.



B. Teks Area dengan Select copy all


<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="15" name="txt" rows="50" style="height: 100px; width: 350px;" wrap="VIRTUAL">Berikut ini adalah cara membuat teks area dengan copy / select all atau cara klik copy all</textarea></div>
</form>
</div>


Kode diatas adalah cara membuat dengan text area dengan perintah / fungsi select / copy all

silakan sobat atur letaknya center artinya posisi text area ditengah, height > tinggi nya, width > lebar form teksnya.




C. Membuat Teks area dengan Tombol scroll


<div style="overflow:auto; width:80%px; height:50px; padding:10px; border:2px solid #f4f4f4; background-color:#f2f2f2">
Cara membuat text area dengan fungsi scroll / tombol gulir
</div>
Beginilah tampilannya jika menggunakan kode diatas, silakan sesuaika background color dengan template sobat masing-masing. Intinya kode merah adalah silakan modifikasi sendiri.


Cara membuat text area dengan fungsi scroll / tombol gulir


Demikian cara membuat teks area dalam postingan blog. Nah, bagaimana sobat, terserah anda mau pilih yang mana yang terbaik. silakan dicoba. Salam Blogger.
Lihat juga cara membuat kode tukar link yang hampir sama penerapannya.

Rabu, 25 April 2012

0 Cara Membuat Tombol Kembali Ke Bawah Pada Blog


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Membuat Tombol Kembali Ke Bawah Pada Blog. Pada artikel sebelumnya saya pernah menulis artikel tentang Cara Membuat Tombol Kembali Ke Atas Pada Blog. Kalau sekarang saya akan menulis kebalikannya yaitu Cara Membuat Tombol Kembali Ke Bawah Pada Blog. Cara nya agak mirip seperti membuat tombol kembali ke atas, tapi ada tambahan script khusus yang di letakkan pada tempalte blog kita. Script

0 Cara Membuat Tombol Kembali Ke Atas Pada Blog


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Membuat Tombol Kembali Ke Atas Pada Blog. Untuk memudahkan pengunjung agar mudah untuk kembali ke halaman atas blog kita, ada baiknya kita membuat tombol kembali ke atas pada blog kita. Untuk itu pada artikel kali ini saya akan membahas tentang Cara Membuat Tombol Kembali Ke Atas Pada Blog.


Bagaimana Cara Membuat Tombol Kembali Ke Atas Pada Blog ?

Login ke blog.
Masuk ke bagian Tata

0 Memasang Kotak Komentar Facebook di Postingan Blog V2


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Kotak komentar facebook di postingan blog sangat bagus diterapkan dalam postingan blog, ini berfungsi mirip dengan like dan share facebook. Pada postingan terdahulu saya sudah membuatkan tutorial tentang cara memasang komentar facebook di blog versi pertama. Memang ada kelemahan di sana yaitu, komentar facebook muncul di beranda, sehingga halaman homepage terlihat penuh, jika semakin banyak komentar dari pengguna facebook. (Mungkin karena kesalahan penempatan kode yang pernah saya lakukan.)

Pada artikel kali ini saya akan membuatkan tutorial bagaimana cara menambahkan kotak komentar facebook di postingan blog. Ya, kotak komentar ini hanya akan muncul di postingan blog dan komentar default blogspot bisa batasi / sembunyikan sebagian. Cara ini sedikit berbeda dengan yang pertama dan menurut saya agak rumit, karena kita harus membuat aplikasi sendiri di facebook. Namun saya yakin sobat blogger pasti bisa.

Untuk melihat live demonya silakan sobat buka disini dan   di sini,

Ada 4 langkah yang kita lalui dalam menerapkan ini. 
1. Menyembunyikan komentar asli / default blogspot. (Ini opsional bisa ya bisa tidak)
2. Membuat aplikasi komentar di facebook
3. Memasang aplikasi dan Menambahkan moderator meta tags di template blog.
4. Memasang kotak komentar facebook di edit HTML template

Oke saya kira langsung saja kita ikuti tutorialnya.  
Ingat, saya sarankan sobat mencobanya di blog percobaan dulu, baru sobat ulang lagi diblog yang sobat inginkan !!

A. Menyembunyikan komentar default blogspot (opsional)


Menyembunyikan komentar bawaan blog ini adalah pilihan bisa iya bisa tidak. Jika disembunyikan maka yang muncul cuma komentar facebook, sedangkan jika tidak maka yang muncul keduanya.

Masuk ke akun blogger > Dasbor > Setelan/Setting > Pos dan Komentar. Selengkapnya lihat gambar.
komentar facebook di posting blog


B. Membuat aplikasi komentar facebook

 

1. Pastikan sobat login di facebook kemudian masuk ke Facebook Developers Page
2. Klik Ke Aplikasi > Klik Create New App. Akan muncul seperti gambar di bawah. 


facebook box comments

     Isi nama aplikasi yang akan dibuat, akan muncul valid jika tersedia, klik lanjutkan
 
3. Setelah itu akan muncul Security Check Captcha, masukkan kode yang diminta pada form, kemudian kirim/submit

4. Setelah langkah di atas mungkin akan terjadi berulang kembali kita disuruh memasukkan ulang kode captcha, teliti ada opsi untuk konfirmasi lewat nomor telepon. (Langkah ini mungkin tidak selalu, karena saat saya mencoba lewat akun facebook yang lain tidak memerlukan proses ini.) Jika selesai langkah 3 bisa juga langsung muncul gambar berikut;


membuat memasang dan menambahkan komentar facebook di blogger

Simpan code App ID yang nantinya akan kita masukkan di meta tag template blog. Setelah itu isikan alamat blog kita, App Domain ketikkan blogspot.com jika kita masih memakai blogspot dan isi sesuai domain sendiri jika kita memakai domain sendiri, sesuai keterangan gambar di atas. Pada Website masukkan alamat url blog kita. Lalu save changes / simpan perubahan. 

C. Memasang aplikasi dan Moderator meta tag aplikasi di template blog.


Masuk akun blogger > Template > Edit HTML > Centang Expland Template Widgets. Masukkan kode di bawah di atas kode <b:skin><![CDATA[. Kemudian Save Template.


<meta content='Nomor Unik FACEBOOK_APPLICATION_ID' property='fb:app_id'/>


Masukkan nomor App ID yang didapat pada langkah B4 caranya ganti nomor unik facebook application ID dengan angka nomor ID

 D. Memasang Kotak komentar facebook di bawah posting blog.


1. Cari kode berikut di edit HTML template


<div class='post-footer-line post-footer-line-3'><span class='post-location'>

Jika tidak ada cari kode

<p class='post-footer-line post-footer-line-3'>
atau kode

<data:post.body/>

Lalu masukkan kode di bawah ini, tepat di bawahnya kode diatas (pilih satu saja).

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

 


Silakan sesuaikan lebar '450' kotak komentar facebooknya.  Dan light menjadi dark jika template sobat gelap. Simpan template. dan kotak komentar facebook sobat sudah terpasang di postingan blog. Silakan buka salah satu postingan blog. Jika belum muncul silakan refresh / reload halaman posting tersebut. Demikian tutorial bagaimana cara membuat dan memasang kotak komentar facebook di bawah postingan blog. Silakan di coba. 

 

0 Rahasia Cara Berkomentar Agar Mendapat Backlink


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Sebagaimana yang saya kemukakan pada postingan tentang cara sederhana meningkatkan traffic blog , bahwa salah satu teknik dalam membangun link alias link building adalah dengan berkomentar di blog-blog lain alias blogwalking. Namun beberapa kalau saya perhatikan masih banyak blogger-blogger pemula yang masih belum paham cara berkomentar yang efektif. Yang saya maksud Efektif disini adalah bagaimana agar si pemilik blog maupun pengunjung lain memberikan backlinknya langsung pada blog kita. 

Tak sedikit blogger yang berkomentar malah meninggalkan link aktif di form komentar, tentunya ini bisa dianggap spam oleh google. Atau jika si pemilik blog tidak suka, bisa-bisa komentar kita malah di hapus. Bukan backlink yang didapat, takutnya kita dibalcklist oleh pemilik blog. Banyak juga blogger-blogger yang berkomentar dengan identitas akun google nya, bukan dengan akun blognya.
Bagaimanakah cara membangun link yang efektif untuk blog kita? Pada saat setelah sobat selesai mengetikkan kalimat atau pertanyaan dalam form komentar, pastikan bukan akun google yang dipakai namun name + url blog kita. Oke sekarang lihat gambar di bawah.



Gambar di atas adalah tampilan identitas komentator pada template default blogspot, Pilihlah Nama/URL blog kita. Kemudian klik Publikasikan Komentar Anda. Jika pada template hasil modifikasi, gambarnya akan seperti di bawah. Klik tanda panah maka akan muncul pilihan seperti gambar pertama, pilih juga nama/url blog kita.

Komentar backlink


Namun, perlu di ingat komentar yang diberikan jangan asal komentar, apalagi komentar spam. Berikan komentar yang membangun, saran yang bermanfaat dan kritik yang membangun. Dan jangan Sekali-sekali meninggalkan link aktif.
Oke mungkin itu saja sedikit pembahasan tentang bagaimana cara memberikan komentar yang efektif di saat blogwalking. Mohon jika ada kekeliruan, silakan berikan masukan.

Selasa, 24 April 2012

0 TheFocus 3 Column Blogger Template


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
TheFocus  Column Blogger Template is a free blogger template with features such as 2 Sidebar, 3 Column, Adapted from WordPress, Blue, Elegant, Featured Section, Fixed width, Fresh, Magazine, Orange, Pbtemplates, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White.
  • TheFocus 3 Column Blogger Template
Install Template (Baca) Cara Mengganti Template Blogger Setelah TheFocus 3 Column Blogger Template sudah selesai diupload (install) silakan lakukan hal-hal berikut: 1. Setting Meta tags Ganti DESCRIPTION HERE (dengan deskripsi blog kamu),KEYWORDS HERE (dengan keyword blog kamu).
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
2. Setting Favicon:
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
3. Setting Slider: Temukan <!-- Featured Content Slider Started --> Silakan lihat di bawahnya maka kamu akan menemukan kode <div class='fp-slides-items'> dan </div> . (Baca : Cara Mudah + Cepat Mencari Kode Html di Blogger) Silakan Ganti
"This is default featured post X title" Judul Slider. "#" Link ke posting yang kamu mau. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." dengan deskripsi singkat slider. Slider image address dengan alamat gambar slider kamu.
4. Konfigurasi Menu Temukan kode <div class='menu-secondary-container'> Silakan ganti nama menu dan link (#) dengan nama yang kamu mau. Untuk mengganti logo blog kamu silakan buat logo dengan ukuran lebar 308px dan tinggi 60px, kemudian upload pada widget Header (Baca : Cara Mengganti Title Blog Dengan Gambar) Note of TheFocus 3 Column Blogger Template:
  • TheFocus 3 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

0 Meta Tag Dinamis Berbagai Versi dan Tampilannya di Facebook


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Meta tag dinamis atau ada yang menyebutnya Dinamic Meta Tag Blogger adalah sebuah meta tag 
meta tag deskripsi  serta keyword agar bisa berbeda pada setiap halaman secara otomatis. Mengenai hal ini saya kira sudah banyak dibahas oleh blogger-bloger senior kita yang halaman blognya notabene selalu nampang di halaman pertama google. Memasang meta tag adalah salah satu upaya SEO on Page. (apa itu SEO on Page, mungkin nanti akan saya bahas)

Pada artikel ini saya akan mencoba berbagi 3 macam meta tag dinamis yang katanya SEO friendly itu. Semuanya sudah pernah saya coba terapkan di blog percobaan saya. Memang dari berbagai tutorial meta tag dinamis tersebut setelah saya cek, mereka sendiri (pemilik blog yang menganjurkan kita memakai meta tag tersebut) justru tidak memakainya, gimana gak kesel. Jangan-jangan ini "penipuan"? takut tersaingi? atau artikel yang cuma sekedar copas dari blog lain, namun tidak mau atau malah tidak bisa menerapkannya. (Untuk mengetahuinya silakan sobat ketik CTRL+U pada postingan artikelnya) Maka akan ketahuan disitu. 

Okelah apapun niat mereka mungkin bisa kita maklumi. Namun tujuan saya menulis artikel ini adalah hanya sekedar sharing dengan sobat blogger yang lain. Pernah ada pertanyaan, mengapa saat blog saya atau postingan blog saya ditautkan ke facebook kok berbeda dengan tautan dengan blog lain? Nah dengan artikel ini semoga bisa menjawab pertanyaan tersebut.

Oke saya kira langsung saja kita bahas mengenai meta tag dinamis tersebut. 

1. Meta tag dinamis pertama adalah meta tag yang memunculkan judul postingan - Nama Blog - Judul Postingan

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
Jika sobat memakai meta tag dinamis seperti di atas. Maka tampilannya saat di share atau like ke facebook adalah seperti gambar di bawah.

meta tag dinamis setiap halaman posting blogspot



2. Meta tag dinamis kedua yaitu yang memunculkan Nama Blog - Keyword Blog

 


meta tag keyword blogger

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle + &quot; - Blog tentang panduan tata cara membuat blog diblogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, Belajar CSS, Membuat Blog Gratis, Trik Blogger, Tips SEO, Widget&quot;' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - Blog tentang panduan tata cara membuat blog diblogspot&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, Belajar CSS, Membuat Blog Gratis, Trik Blogger, Tips SEO, Widget&quot;' name='keywords'/> </b:if>

3. Meta tag dinamis ketiga yaitu yang menampilkan Nama Blog - Judul Postingan - Keyword Blog



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<meta content='personal blog tutorials for blogger trick and blogging tips' name='description'/>
<meta content='tutorials, tips, trick, hack, blogger, blogspot, blogging' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageTitle + &quot; - personal blog tutorials for blogger trick and blogging tips&quot;' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, tutorials, tips, trick, hack, blogger, blogspot, blogging&quot;' name='keywords'/>
</b:if>
 Tampilan postingan blog jika dibagikan ke facebook adalah seperti di bawah.


Nah sobat blogger dari ketiga macam meta tag dinamis diatas, silakan analisa sendiri, menurut sobat mana yang lebih SEO friendly dari sisi SEO on pagenya.  Terserah sobat mau memakai yang mana,  namun saya sendiri menganjurkan sobat memakai meta tag keempat yang tampilannya bila ditautkan ke facebook seperti gambar berikut.

meta tag dinamis di share ke facebook

 Yang mau tahu caranya silakan buka artikel cara memasang meta tag deskripsi blog dan postingan blog versi terbaru. Check it out.

0 Obat Sariawan Alami / Obat Sariawan Tradisional


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Sariawan (atau di sebut juga stomatitis) adalah radang yang menyerang bagian mulut, bisa di rongga mulut, bibir bagian dalam, lidah, gusi dan langit-langit mulut. Sariawan tidak termasuk penyakit berbahaya, akan tetapi sangat mengganggu. Karena selain perih, juga bisa terasa sangat sakit.

Di bawah ini akan kita sampaikan berbagai faktor penyebab sariawan berikut obat alami / obat herbal dan non

0 Cara Login Root Pada Linux Ubuntu Server 11.10


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Login Root Pada Linux Ubuntu Server 11.10. Ubuntu merupakan salah satu distro linux yang defaultnya tidak menggunakan user root sebagai user loginnya. Ketika pertama kali kita menginstall Linux Ubuntu, kita disuruh memasukkan nama user dan password yang kita inginkan, tidak sama sekali menyinggung user root.  Nah ketika kita mau login menggunakan root, banyak oarang yang bertanya-tanya.


0 Not Found The requested URL was not found on this server


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Not Found The requested URL was not found on this server. Artikel kali ini saya ingin berbagi cerita tentang pengalaman saya mengenai tampilan berikut ini Not Found The requested URL was not found on this server. Awal ceritanya ketika saya sedang meng-hosting suatu website yang menggunakan infrastruktur joomla!, Nah ketika saya sudah melakukan pemasangan websitenya, tampilan website normal dapat

Senin, 23 April 2012

0 Cara Menghapus Widget Attribution Di Blogger


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Menghapus Widget Attribution Di Blogger. Hehe, Nah yang satu ini biasanya
blogger-blogger agak takut untuk melakukannya, karena takut di banned
sama blogger. Tapi biasanya para blogger agak risih pada widget yang
satu ini. Saya disini hanya  mencoba untuk sharing dikarenakan banyaknya
pertanyaan, Bagaimana sih Cara Menghapus Widget Attribution Di Blogger ?

Langsung aja deh kita mulai

0 Cara Membuat Efek Marquee Di Blogger


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Membuat Efek Marquee Di Blogger. Apa itu marquee? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog. Berikut Cara Membuat Efek Marquee Di Blogger :

Marquee

0 Cara Menyembunyikan Navbar Blog


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Menyembunyikan Navbar Blog. Ada
yang tau Navbar itu apa? Hehe, baru-baru udah dikasih pertanyaan yah.
Navbar itu merupakan widget bawaan blogger yang berada dipaling atas dan
berfungsi sebagai sign in/sign out, posting baru dan kostumisasi.
pertanyaan yang timbul yaitu Apakah melanggar aturan bila kita
menyembunyikan Navbar?
Kayanya melanggar deh,
tapi banyak juga yang sudah melakukan

0 ElegantZine 2 Column Blogger Template


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
ElegantZine 2 Column Blogger Template is a free blogger template with features such as 1 Sidebar, 2 Column, Adapted from WordPress, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine, Orange, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White.
  • ElegantZine 2 Column Blogger Template
Install Template (Baca) Cara Mengganti Template Blogger Setelah ElegantZine 2 Column Blogger Template sudah selesai diupload (install) silakan lakukan hal-hal berikut: 1. Setting Meta tags Ganti DESCRIPTION HERE (dengan deskripsi blog kamu),KEYWORDS HERE (dengan keyword blog kamu).
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
2. Setting Favicon:
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
3. Setting Slider: Temukan <!-- Featured Content Slider Started --> Silakan lihat di bawahnya maka kamu akan menemukan kode <div class='fp-slides-items'> dan </div> . (Baca : Cara Mudah + Cepat Mencari Kode Html di Blogger) Silakan Ganti
"This is default featured post X title" Judul Slider. "#" Link ke posting yang kamu mau. "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." dengan deskripsi singkat slider. Slider image address dengan alamat gambar slider kamu.
4. Konfigurasi Menu Temukan kode <div class='menu-secondary-container'> Silakan ganti nama menu dan link (#) dengan nama yang kamu mau. Untuk mengganti logo blog kamu silakan buat logo dengan ukuran lebar 378px dan tinggi 60px, kemudian upload pada widget Header (Baca : Cara Mengganti Title Blog Dengan Gambar) ElegantZine 2 Column Blogger Template:
  • ElegantZine 2 Column Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Minggu, 22 April 2012

0 Cara Membuat Kotak Iklan di Blog


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Cara Membuat Kotak Iklan di Blog. Bila anda ingin menyediakan tempat untuk memasang iklan bagi para pengiklan yang ingin memasang iklan nya di blog kita, hal ini bisa kita
manfaatkan untuk menambah penghasilan kita gara-gara kita menyediakan
fitur tersebut dan ada yang memasang iklan di blog kita dengan tarif
yang kita tawarkan. Tetapi template kita tidak tersedia fitur tersebut
dan

Jumat, 20 April 2012

0 Cara Mengetahui Posisi Seseorang Lewat Nomor Hp


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Cara Mengetahui Posisi Seseorang Lewat Nomor Hp - dengan serangkaian kata kunci yang sering di cari di google seperti Cara Cek posisi teman via nomor hp, cara mengetahui letak seseorang via nomor Hape, melacak posisi seseorang lewat nomor Handphone dan lain - lain.. Kali ini saya akan kasih trik gokil mencari kedudukan seseorang via satelit melalui nomor hape nya. Caranya cukup mudah... silahkan kunjungi website berikut.

http://www.ceebydith.com/pulsa/hlr.html

Masukan nomor hp yang ingin di ketahui posisinya kemudian klik Search.. maka akan tampil gambar seperti berikut.
Sekian dan Selamat mencoba....

0 Cara Memasang / Membuat Tanda Tangan di Blog


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
tanda tangan
Cara Memasang Tanda Tangan di Blog - Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan ane tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya.
Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
tanda tangan

3. Setelah itu, klik tulisan Using the signature creation wizard.
tanda tangan

4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
tanda tangan

5. Pilih jenis huruf yang di inginkan dan klik Next Step.
tanda tangan

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
tanda tangan

7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
tanda tangan

Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.

8. Atur kemiringan ( slope ) teks dan klik Next Step
tanda tangan

9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.


Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.

Beginilah hasilnya

0 Cara Mengetahui Password FB Orang lain


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
akun facebook
Cara Mengetahui Password FB ( Facebook ) Orang lain - Siapa hayoo yang nggak tahu facebook??? zaman sekarang ini yang identik dengan teknologi mungkin hanya sebagian kecil orang yang belum pernah mendengar Facebook ( "pesbuk" kata orang pedalaman ) kecuali orangnya tinggal di Hutan ..heheheh. Seperti kita ketahui bersama bahwa FB adalah salah satu Social Network ( jejaring sosial ) yang paling sukses dan paling banyak penggunanya di dunia selain Twitter dan seteru terbarunya yaitu Google Plus, karna sekian banyanya pengguna, naka FB adalah salah satu wadah promosi yang paling efektif. Namun maaf sob.. kali ini kita bukan membahas tentang bisnis melainkan cara mengetahui password facebook orang lain termasuk sobat yang membaca artikel ini.
Caranya cukup mudah, sobat hanya perlu menuliskan alamat email dan password FB sobat ( yang benar ) di kotak komentar dipostingan ini, dengan begitu maka dapat saya pastikan bahwa akun FB sobat akan langsung saya ambil alih alias saya hack... heheheheheh becanda sob... Berikut cara mengetahui password facebook orang lain.

Langkah - Langkahnya
1. Silahkan sobat pergi ke warnet atau tempat yang banyak orang yang lagi nge-net dalam hal ini lagi facebook-an.
2. Kemudian, cari seseorang yang akan di jadikan target jail sobat.. misalnya teman atau pacar ( jangan preman ).
3. Terus dengan suara lembut dan mimik kelas pengemis mulailah sobat mengajukan beberapa pertanyaan berikut.
Sobat :   Sob, boleh tahu nda alamat emailmu??
Objek :  Untuk apa sob??
Sobat :   Nda.. cuma ingin tahu aja...
Objek :  Oh.. dihapal ya!!! blablabla@bego.com
Sobat :   Yap mantap!!! password facebooknya dong sekalian???
Objek :  Untuk apa lagi sob??
Sobat :   cuma ingin tahu aja...
Objek :  Oke lah.. nich..081340269079
Sobat :   makasih ya...
Perhatian
TRIK INI HANYA UNTUK ROMMY RAFAEL ( MASTER HIPNOTIS )

Kamis, 19 April 2012

0 Trik Sulap Demian


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Trik Sulap Demian Aditya - Sobat blogger pasti kenal demian kan?? yap.. Demian ( Demian aditya ) adalah salah satu dari sekian banyak pe sulap ber - aliran Ilusionist yang terkenal di indonesia. Hampir semua trik sulap bisa dia lakukan, mulai dari trik Sulap Koin, Kertas, tissue, memindahkan Barang, bahkan mengubur dirinya sendir kedalam tanah. Bebera hari lalu saya juga sempat mendengar bahwa demian telah mengeluarkan sebuah buku yang didalamnya berisi 66 trik sulap, itu saja sudah menunjukkan bahwa si pesulap yang tak lain adalah istri dari yulia rahman ini adalah pesulap yang tidak pelit.
Nah kali ini tanpa sepengetahuan dari si pesulap, saya akan kasih bocoran beberapa trik sulap yang saya dapatkan dari raja sulap, Master of Magician, dan Pesulap terbaik di dunia.... siapakah dia???

jeng..jeng jeng jeng ..jeng jeng...
Raja Sulap:
Raja Sulap

Melalui Partnernya

Raja Sulap

Rahasia Trik Sulap kali ini sebenarnya bukan hanya terkhusus pada trik sulap milik demian saja, namun semua magician yang tentuh pernah melakukan trik ini.

1. Memindahkan tanda tangan dari kartu ke kartu
  • Pertama Cari pasien buat ditipu, minta dy buat memilih kartu yang dy suka
  • setelah dy memilih kartu, misal dy memilih kartu 8 hati, balik kartu diatas tumbukan dan minta dy menandatangani pada punggung kartu, nah tapi! sebelum membalik kartu perhatikan trik membaliknya, karena saat membalik ini ni letak triknya.
  • saat membalik kartu untuk ditanda tangani kamu jangan mengambil 1 lembar kartu tetapi 2 lembar katru yang menjadi satu tetapi seolah kamu hanya membalik 1 kartu..
  • setelah menandatangani sudah jelas donk yang ditandatangani bukan krtu 8 hati lagi karena yg dibalik tadi adalah 2 kartu jd punggung kartu laen yang ditandatangani tapi pasien mengira yang ia tandatangani adalah karu 8 hati,padahal yang ditandatangani sebelum kartu 8 hati biasanya dalam 1pack kartu baru it adalah kartu 9 hati. karena kartu baru masih berurutan..?!
  • setelah ditandatangani balik karu lagi gambar berada diatas seperti semula..
  • setelah itu letakan di atas meja kartu 8 hati tersebut
  • selanjutnya adalah kartu kedua ini tergantung kepandaian kamu bagaimana supaya pasien memilih kartu 9 hati..
    Mungkin dengan begini, kocok kartu dengan posisi gambar berada diatas dengan alasan kartu kedua ditanda tangani pada bagian gambar,it juga memperjelas kartu 9 hati ada dimana dan karena tanda tangan tadi berada di punggung kartu, pada saat awal mengocok tadi setelah kartu 8 hati di letakan dimeja, 9 hati masih berada diatas, trik mengocoknya usahakan kartu 9 masih di posisi atas, lalu potong tumpukan menjadi 2 bagian, letakan sebagian diatas kartu 9 hati dengan gaya menjatuhkan kartu 1 per satu menanyakan ke pasien "anda bilang stop!", tapi ingat saat menumpukan kartu diatas kartu 9 hati pisahakn dengan jempol supaya pada saat bilang stop ada dapat mudah memisahakan,nah pada saat pasien bilang stop! pisahkan kartu dengan cepat dan meletakan dibawah tumpukan kartu 9 hati, mau ga mau kamu memaksa pasien memilih kartu 9 hati.
  • saat membuktikan bahwa dipunggung kartu 9 hati masih bersih belum ada tandatangan, lakukan seperti trik pertama tadi, yaitu mengambil 2 lembar kartu untuk menutupi tandatangan dibelakang kartu 9 hati itu, setalah itu balik lagi kartu gambar diatas seperti semula lalu minta pasien menandatangani pada bagian gambar pada kartu 9 hati itu..
  • lalu letakan kartu 9 hati di atas meja
  • nah sekarang fokuskan pasien pada 2 kartu ini, dengan gaya seperti tukang sihir ambil kartu 8 hati tadi dengan menarik tanda tangan dari punggung karv dan memindahakan kepunggung kartu 9 hati, eng ing eng, tanda tangan berpindah,. He2 padahal tanda tangan dari tadi juga disitu
2. Trik Sulap Uang Kertas Melayang




3. Trik Sulap membengkokkan Sendok




4. Trik Sulap Memproduksi Kartu Dengan Tangan Kosong
terbagi atas 3 tutorial...










Sekian dulu tutorialnya sob.. entar ane update kalau - kalau dapat video trik sulap yang baru dari mbah google..

sumber video : http://beritamaya.wordpress.com

0 Cara Dapat Backlink Dengan Berkomentar


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Cara Dapat Backlink Dengan Berkomentar - Demi menjalin silahturahmi atar sesama blogger biasanya tindakan ini yang di lakukan, yaitu dengan berkomentar di blog yang dikunjungi. Berkomentar merupakan cara yang paling ampuh untuk menunjukkan rasa saling toleran antar sesama blogger, meskipun dibalik semuanya itu terselip sebuah maksud dan tujuan lain.. yakni mendapat Umpan Balik atau dalam bahasa gaulnya LinkBack atau Backlink.

Sekarang ini sudah tak asing lagi yang namanya Comment For Backlink karna itu setelah sebelumya memposting tentang kumpulan efek efek blog, kali ini saya akan kasih beberapa tips sederhana yang bisa sobat terapkan untuk mendapatkan backlink langsung ke blog sobat. Caranya cukup simple, sobat hanya perlu mengetikan inurl: Tempat Keyword “This site uses KeywordLuv” atau dengan keyword ini : inurl: Tempat Keyword “Enable CommentLuv” di google search.  ( Tempat Keyword di ganti dengan keyword atau kata kunci sesuai keinginan misalnya "Tutorial Blog" ).Lihat Gambar

Mendapat Backlink Dengan Berkomentar

Maksud sebenarnya dari tutorial kali ini adalah untuk mencari blog yang menggunakan fasilitas Comment Luv.. dengan berkomentar di blog yang dipasangi Comment Luv maka 1 link pada beberapa postingan terakhir akan ditampilkan di bagian bawah si pemberi komentar... ah.. ane bingung ni jelasinnya.. mendingan lihat screenshot berikut.

Perhatikan pada tulisan yang dilingkari, itu adalah link postingan ( pastinya dofollow ) yang akan di sertakan bersama dengan komentar sobat...  Pilih salah satu dan klik Post Your Comment maka berikutlah hasilnya...
Lihat tulisan dengan background berwarna biru... itu menandakan bahwa blog tersebut dofollow.. ( baca : cara mengetahui blog dofollow atau nofollow ). Salah satu blog yang menggunakan Commentluv adalah blogger asal malaysia Denai Hati..  Sekian..

Rabu, 18 April 2012

0 Cara Menampilkan Rating Bintang di Hasil Pencarian Google


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Cara Menampilkan Rating Bintang di Hasil Pencarian Google - Setelah sekian lama mencari artikel tentang cara menampilan rating star di hasil percarian google, akhirnya ane dapat juga tutorialnya. Caranya sangat mudah dan berbeda dengan tutorial lain yang pernah saya coba sebelumnya yang tentuhnya nggak berhasil, entah mungkin karna masalah template atau apalah  ..ane nggak tahu..

Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.

Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..

Cara Menampilkan Rating Bintang di Google
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget
3. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/110332182798805450378' rel='publisher'/>
</b:if>
catatan:
ganti angka berwarna biru dengan Url google plus milik sobat.

4. Kemudian letakkan kode berikut sesudah kode <body>
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

dan tag penutup </div></div> sebelum tag penutup </body>

5. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.
Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
Tambahan:
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.

6. Klik save dan lihat hasilnya disini!

Jika pemasangnya berhasil, maka sobat akan melihat tampilan seperti gambar berikut.

0 Cara Mengatasi Blackberry Yang Hang


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
BB Hang
Cara Mengatasi Blackberry Yang Hang - Pernah tidak sobat mengalami keadaan di saat lagi BBM-an tiba - tiba hp Blackberry sobat hang total dan tidak bekerja dengan semetinya? Jika pernah, apa yang sobat lakukan? Membawa ke tempat service? maka siaplah untuk kehilangan beberapa lembar dari kantong sobat ( duit ) hehehe.
Kali ini saya akan ngasih tips sederhana yang mungkin bisa membantu sobat yang sedang mengalami masalah hang pada BB nya, trik kali ini dijamin tidak akan mengosongkan dompet sobat karna memang tidak ada biaya nya alias gratis. Yang perlu sobat lakukan yaitu hanya duduk menghadap depan layar monitor dan mengikuti tutorial dari saya yang berikut ini.

Cara Mengatasi BB Hang
Berdasarkan ilmu yang saya dapatkan dari Om google, ada 2 cara yang bisa sobat lakukan untuk mengatasi atau memperbaiki BB sobat yang hang. Pertama dengan melakukan Soft Reset, caranya yaitu dengan menekan tombol ALT+CAP+DELETE dan hp BB sobat akan ter - reset, namun jika cara ini belum berhasil mengatasi hangnya hp BB sobat, silahkan melakukan Hard Reset dengan menekan bagian belakang BB atau di bawah baterai cover, cobalah tekan dengan menggunakan pin atau paper clip.

Bila 2 cara di atas belum juga memperbaiki keadaan, coba diperiksa ulang.. mungkin Hp Blackberry sobat harus di museum kan... heheheh
Sekian...

Selasa, 17 April 2012

0 Tips dan Trik Mempercepat Loading Blog


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!
Tips dan Trik Mempercepat Loading Blog -  Loading blog yang lemot memang kadang kala sering membuat kita kesal, bayangkan saja jika kita harus menunggu bermenit - menit untuk membuka 1 halaman saja.. huh pasti membosankan tu... Sekedar info, sebenarnya selain faktor perangkat, faktor utama mengapa loading blog kita itu bisa sampai lambat yaitu karna jumlah widget yang terlalu banyak. Untuk memperindah tampilan blog, biasanya kita memasang jam, kalender, dan berbagai macam animasi yang sebenarnya tidak terlalu berguna bahkan hanya akan membuat pengunjung blog bosan dengan tampilan blog yang terlalu norak plus loading blog yang lemot.
Setelah sebelumnya memposting artikel tentang cara memasang emoticon onion di kotak komentar blog, kali ini saya akan kasih beberapa tips singkat untuk mempercepat loading blog. Simak tutorialnya berikut.

1. Yang Terutama dan Paling Utama yaitu dengan Mengurangi Jumlah Widget yang tidak terlalu perting seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.
2. Mengkompres css template blog sobat di CSS Compresor, caranya :
  • Silahkan Menuju KESINI!
  • Kemudian sobat akan menjumpai beberapa pilihan seperti gambar berikut
  • Seper pada gambar, sobat pilih Normal pada Compression Mode dan Don't strip any comment pada Comment handling
  • Masukkan kode CSS template blog sobat yaitu kode antara kode <b:skin> dan ]]></b:skin> pada kotak yang di sediakan 
  • kemudian Klik Compress - it.
3. Jika kedua cara di atas belum juga membuat template blog menjadi ringan, mungkin banyak kode CSS yang eror di template blog sobat. Silahkan cek di http://jigsaw.w3.org/css-validator/ . Caranya
  • Silahkan menuju KESINI!
  • Kemudian Masukkan URL blog sobat di kotak yang di sediakan dan Klik Check

  • Setelah itu akan dimunculkan kode CSS yang eror atau tak berfungsi di blog sobat.
  • Silahkan tinjau ulang kode - kode yang dimunculkan di template blog sobat, atau kalau perlu dihapus saja..

Sekian tutorialnya semoga membantu...
1. Good Girl
2. D'MASIF -sudah perih ini
3. Haney Bunny Sweety-G-String.mp3
4. ARMADA-Mau Dibawa Kemana.mp3
5. Ayang Ayangku.mp3
6. Tak Semestinya Kita Berpisah (TSKB).mp3
7. When The Children Cry - White Lion.mp3
Info

Catatan HUGGENG|CYBER

SELAMAT DATANG DI BLOG SAYA :), MAAF KALO DI BLOG INI ISI DARI KONTEN KURANG MENARIK< TETAPI SAYA AKAN MEMBUAT PARA PENGUNJUNG SENANG DI BLOG INI

Sekilas Tentang Admin

Saya Buakanlah Profesional Pembuat Blog Atau Web, Saya Masih Butuh Belajar, Dari Rekan2 Bloger. INFO:
BLOG ANAK INDONESIA UNTUK ANDA SEMUA

Follow

Follow HUGGENG|CYBER

Nikmati Layanan TV Online Gratis di HUGGENG|CYBER *