Cara memasang Komentar Google Plus pada Blog

Selamat malam Sobat blogger, Apa kabar semua ? Sudah lama saya tidak lagi posting pada Blogger LHK-Blogs ini dikarenakan Kesibukan di dunia nyata dan banyaknya tugas-tugas kuliah membuat saya jadi jarang bisa posting artikel blogger. nah mumpung sekarang ada kesempatan buat posting. Seelah beberapa waktu yang lalu saya telah posting tentang "cara memasang komentar Facebok pada blog" kini saya akan posting tentang cara memasang Komentar Google Plus pada Blog. tentu saja komentar google plus masih jarang kita temui pada blog. karena kebanyakan para blogger masih menggunakan komentar bawaan dari blogger, atau kebanyakan mereka memasang komentar facebook pada blog. Selain itu, fitur komentar google Plus ini juga baru saja di rilis beberapa waktu yang lalu oleh Tim Google Plus. Oke langsung saja berikut caranya, silahkan simak ya....

Cara memasang Komentar Google Plus pada Blog

• Langkah pertama, silahkan login ke akun Blogger sobat
• Langkah kedua, Pilih Menu Template
• Selanjutnya, Pilih Edit Html
• Lalu cari kode berikut

<div class='post-outer'> <b:include data='post' name='post'/>  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>  <b:include data='post' name='comment_picker'/>  </b:if>  <b:if cond='data:blog.pageType == &quot;item&quot;'>  <b:include data='post' name='comment_picker'/>  </b:if></div>

Keterangan : Untuk memudahkan pencarian, silahkan gunakan mode pencarian dengan menekan tombol CTRL + F

• Setelah sobat berhasil menemukan kode tersebut, silahkan ganti kode tersebut dengan kode dibawah ini

<div class='post-outer'><b:include data='post' name='post'/><b:if cond='data:blog.pageType == &quot;static_page&quot;'><div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if></div>

Keterangan :  Masing - Masing template memiliki kode yang berbeda, kemungkinan kode <div class='post-outer'> ada lebih dari satu pada template blog sobat. Jadi, jika sobat ingin menaruh komentar Google Plus diatas komentar bawaan blogger, maka Sobat harus menaruh pada kode yang pertama.

• Jika sudah selesai, silahkan Save Template blog sobat dan lihat hasilnya dibawah salah satu postingan sobat

Demikian Tutorial yang bisa saya share kali ini, jika ada pertanyaan, silahkan Tinggalkan komentar ya, jangan ragu-ragu. Terimakasih dan semoga bermanfaat.

Continue Reading

Cara Memasang Dua Widget Berdampingan pada Blog

cara memasang dua widget supaya berdampingan pada satu kolom Sidebar agar terlihat rapi, Cara Memasang Dua Widget Berdampingan pada Blog - Cara Memasang Dua Widget Berdampingan pada Blog- Ini adalah salah satu hal yang awalnya menjadi permasalahan buat saya, saya ingin blog saya terlihat rapi, namun pada blog saya terpasang beberapa Widget seperti widget Alexa Rank, Histats dan lain sebagainya. Tentu akan terlihat kurang nyaman ketika melihat widget-widget tersebut terpasang berceceran di sidebar yang rata-rata berikiran 300 px sedangkan widget kita hanya berukuran sekitar 30 px saja, pastinya akan meninggalkan ruang kosong atau space yang tidak terpakai. Space inilah yang membuat Blog kita terlihat Kurang rapi sehingga kurang nyama untuk dilihat. Padahal salah satu yang menjadi faktor kenyamanan bagi pengunjung blog kita adalah dari tampilan atau kerapian blog. jika Blog kita rapi, terlihat bagus, kemungkinan besar Pengunjung blog pun pasti akan betah berlama-lama di blog kita. Baiklah disini saya akan berbagi tentang bagaimana cara memasang dua widget supaya berdampingan pada satu kolom Sidebar agar terlihat rapi.

Cara Memasang Dua Widget Berdampingan pada Blog

• Silahkan Login Ke Akun Blogger sobat.
• Pada Dashboard, silahkan pilih menu Layout atau Tata Letak
• Silahkan Pilih Html/JavaScript
• Setelah itu Isi dengan Kode berikut 

<table><tr><td>Kode Widget Sobat</td><td>Kode Widget Sobat</td></tr></table>

Keterangan : Silahkan taruh kode yang akan sobat pasang berdampingan pada tulisan yang berwarna merah.
 Contoh

<table><tr><td><a href="http://www.alexa.com/siteinfo/http://maswidikira.blogspot.com/"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/a?url=http://maswidikira.blogspot.com/'></script></a></td><td><!-- Histats.com  START  (standard)--><script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script><a href="http://www.histats.com" target="_blank" title="web tracker" ><script  type="text/javascript" >try {Histats.start(1,2264890,4,432,112,75,"00011111");Histats.track_hits();} catch(err){};</script></a><noscript><a href="http://www.histats.com" target="_blank"><img src="http://sstatic1.histats.com/0.gif?2264890&amp;101" alt="web tracker" border="0" /></a></noscript><!-- Histats.com  END  --></td></tr></table>

Keterangan : Kode yang berwarna Hiijau adalah Kode banner Alexa, Sedangkan yang berwarna Orange adalah kode dari banner Histats. jika kode tersebut dipasang, maka akan menjadi berdampingan seperti gambar dibawah ini.

 Bagaimana Sobat ? Mudah kan.... Demikian cara Memasang Dua Widget Berdampingan pada Blog, jika ada pertanyaan, kritik atau saran, silahkan tinggalkan komentar ya..... Semoga bermanfaat.

Continue Reading

Cara Membuat Random Post Keren dengan Tumbnail

Cara Membuat Random Post Keren dengan Tumbnail- Random Post adalah Sebuah Widget yang berfungsi untuk menampilkan Postingan yang telah kita Puplish secara acak. Disini saya akan mengajak Sobat untuk belajar bagaimana cara membuat random post yang disertai dengan tumbnail. Tentunya sangat keren dan beda dengan yang ada pada umumnya. Tidak hanya itu, disini yang tampil juga bukan hanya judul postinganya saja, tapi juga dengan beberapa Deskripsinya. Salah satu fungsi atau kegunaan dari Random post adalah Menampilkan kembali artikel yang mungkin sudah lama kita buat dan karena terlalu lamanya sehingga jarang ditampilkan, Selain itu Random post juga dapat berfungsi sebagai saran artikel yang mungkin sedang dicari oleh pembaca blog kita, sehingga mereka akan merasa mudah dalam mencari artikel yang mereka butuhkan. Oke langsung saja mari kita belajar cara membuatnya.

Cara Membuat Random Post Keren dengan Tumbnail

• Langkah pertama, sobat harus login dulu ke akun blogger sobat.
• Kedua, Pilih menu Layout
• Ketiga, Pilih Add Gadget dan Pilih Html/JavaScript
• Keempat, Masukan kode berikut

<style>.rp-post-link {font-weight: bold !important;font-size: 120% !important;}.rp-summary {margin-top: 3px !important;font-size: 100% !important;line-height: 1.3em !important;word-wrap: break-word !important;}.rp-thumbnail {margin: 5px 5px 2px 0px !important;float: left !important;width:65px;height:65px;}.rp-pubdate {font-style: italic !important;margin-bottom: 3px !important;}</style><script type="text/javascript">var randarray = new Array();var l=0;var flag;var lengthsummary = 100;var numofpost=4; function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0; i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<div>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];var item ="";var posttitle = entry.title.$t || "[Untitled]";"[Untitled]"for(k=entry.link.length -1; k >= 0 ; k--){if(entry.link[k].rel=='alternate'){item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";break;}}item += "<br"item += "/>"var pubdate = new Date(entry.published.$t).toDateString();item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>";if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"var summary = "";if ("content" in entry) {summary = entry.content.$t;}else if ("summary" in entry) {summary = entry.summary.$t;}var re = /<\S[^>]*>/g;summary = summary.replace(re, "");item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";document.write(item);}document.write('</div>');}</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

• Sebelum Sobat Menyimpan Script tadi, ada beberapa Kode yang harus sobat ubah sesuai dengan Keinginan Sobat, diantaranya :

1. Angka yang saya tandai dengan warna Biru adalah ukuran Lebar dan tinggi dari Tumbnail.
2. Angka yang saya tandai dengan warna Merah adalah Jumlah karakter Deskripsi Pada Random Post.
3. Angka yang saya beri warna Hijau adalah jumlah Postingan yang akan ditampilkan, Silahkan sobat ubah sesuai dengan Selera Sobat.

• Setelah Sobat selesai Mengaturnya, seilahkan Simpan, dan Lihat Hasilnya.

Nah, Keren kan? Oke begitu saja.....
Demikian yang bisa saya share kali ini, Semoga dapa membantu dan bermanfaat bagi sobat. Jika ada Pertanyaan Mengenai  Cara Membuat Random Post Keren dengan Tumbnail, Silahkan sobat Tinggalkan Komentar dibawah ini. Terimakasih.

Continue Reading

Cara mengetahui Situs Dofollow atau Nofollow

Cara mengetahui Situs Dofollow atau Nofollow-Dofollow dan Nofollow adalah sebuah istilah yang digunakan oleh search engine atau mesin pencari sebagai tag yang dimanfaatkan untuk membedakan apakah setiap link yang terdapat dalam sebuah situs web boleh diikuti atau tidak oleh robot search engine atau mesin telusur ketika sedang melakukan proses pengindeksan pada situs atau web tertetu.
apabila situs web yang sedang diindeks termasuk dalam kategori Dofollow, maka semua tautan yang ada di dalamnya akan diikuti  oleh robot mesin telusur, sehingga setiap bagian yang tertaut dengan situs tersebut juga akan ikut terindeks.

Sedangkan Nofollow adalah kebalikan dari Dofollow, yaitu ketika situs atau blog yang sedang diindeks termasuk dalam kategori Nofollow, maka robot mesin telusur hanya akan mengindeks setiap bagian dari situs atau blog yang dimaksud tanpa mengikuti setiap link yang ada di dalamnya, sehingga bagian lain yang tertaut dengan situs atau blog tersebut tidak akan ikut diindeks.
Nah trus bagaimana cara membedakan apakan sebuah Blog atau web tertentu termasuk Dofollow atau Nofollow? Berikut caranya, Silahkan Simak Sebentar.

Cara mengetahui Situs Dofollow atau Nofollow

1. Silahkan Sobat buka Website, atau Blog yang ingin sobat ketahui.
2. Silahkan Tekan tombol ctrl + u, pada keyboard untuk membuka source blog atau website tersebut
3. Selanjutnya silahkan tekan Tombol Ctrl + f untuk Mencari
4. Pada kolom pencarian, silahkan ketik Follow
5. Tekan Tombol next beberapa kali kebawah sampai terlihat code seperti ini:

Rel=’follow’

 Atau

<meta content=”INDEX,FOLLOW“>

 Jika sobat menemukan  tulisan "follow", maka blog tersebut adalah blog dofollow. Tapi jika yang muncul adalah tulisan "nofollow" berarti memang tidak do follow. Tapi tidak ada salahnya jika kita tetap memberikan komentar, selain menambah teman, Blog kita akan kelihatan lebih populer.
Demikian Sedikit yang bisa saya share kepada sobat, Semoga bermanfaat.

Continue Reading

Cara Pasang Komentar Facebook Pada Blog

Cara Pasang Komentar Facebook Pada Blog- Kotak Komentar pada blog adalah bagian terpenting pada Blog, karena dengan adanya kotak komentar inilah para pembaca atau pengunjung blog dapat menyampaikan isi hatinya. Bayangkan saja ketika kita sedang membutuhkan suatu informasi yang bagi kita adalah sebuah informasi yang sangat penting, namun ketika kita punya pertanyaan seputar informasi tersebut dan ingin menyampaikanya kepada penulis blog, namun dalam blog tersebut tidak disediakan kotak untuk menyampaikan komentar, tentu saja sangat menyulitkan kita sebagai pembaca atau pengunjung blog.

Sebenarnya blogger sendiri telah menyediakan kotak komentar, namun terkadang jika si pembaca atau pengunjung yang ingin berkomentar tidak mempunyai akun google merasa kesulitan untuk menyampaikanya, karena keterbatasan user ID yang di izinkan untuk menyampaikan komentar. maka dari itu disini saya akan berbagi sedikit tips kepada sobat blogger tentang Cara Pasang Komentar Facebook Pada Blog. Mungkin sobat ada yang bertanya, mengapa harus komentar facebook yang dipakai? Karena Menggunakan Komentar Facebook memiliki bentuk thread comment, sehingga kita  bisa membalas komentar. Selain itu juga terintegrasi dengan facebook, sehingga komentar bisa dibagikan di facebook si komentator.Keuntungan lainnya adalah, dengan menggunakan kotak komentar facebook maka akan lebih menghemat tempat atau space pada blog kita.

Cara Pasang Komentar Facebook Pada Blog

• Langkah pertama, silahkan sobat login ke akun blogger sobat
• kedua, masuk ke menu Template
• Pilih Edit Html dan jangan lupa beri tanda centang pada Expand template widget
• Selanjutnya silahkan cari kode  <b:includable id='status-message'>  , Setelah ketemu, coba sobat geser sedikit keatas, maka sobat akan menemukan kode </b:includable> 
• setelah itu silahkan taruh kode berikut tepat diatas kode </b:includable>  tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><a href='http://lhk-blogs.blogspot.com/2013/04/Cara-Pasang-Komentar-Facebook-Pada-Blog.html' target='new'><img border='0' height='30' src='http://1.bp.blogspot.com/-8ZYTlaWyKss/UVshAXvJt1I/AAAAAAAAAbI/cop-xo1JEl0/s1600/comment+copy.png' width='200'/></a></p><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='10' width='580'/></b:if>

Sehingga Seluruh kodenya akan terlihat seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><a href='http://lhk-blogs.blogspot.com/2013/04/Cara-Pasang-Komentar-Facebook-Pada-Blog.html' target='new'><img border='0' height='30' src='http://1.bp.blogspot.com/-8ZYTlaWyKss/UVshAXvJt1I/AAAAAAAAAbI/cop-xo1JEl0/s1600/comment+copy.png' width='200'/></a></p><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='10' width='580'/></b:if></b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='status-message'>

Keterangan : 

1. Angka yang  saya beri warna kuning adalah jumlah komentar yang akan ditampilkan, sobat bisa menggantinya sesuai dengan keinginan sobat.
2. Angka yang saya beri warna biru adalah ukuran lebar kolom komentar facebook tersebut. silahkan sobat ganti sesuai dengan ukuran pada template sobat masing-masing.

• jika sudah selesai, silahkan sobat simpane template sobat  dan lihat hasilnya.

Continue Reading

Cara menambahkan tombol Share Twitter, Facebook dan Google + pada blog

Cara menambahkan tombol Share Twitter, Facebook dan Google + pada blog-  bagi para sobat blogger, Button Share adalah element yang paling penting dan harus ada dalam setiap posting mereka. karena tombol Share ini adalah sebuah tombol yang dimana dapat mempermudah pembaca untuk membagikan artikel bermanfaat kepada teman-teman di beberapa jejaring sosial. untuk sementara ini, ada sekitar tiga situs jejaring sosial yang paling ramai dan banyak digunakan oleh kebanyakan orang didunia, jejaring sosial tersebut antara lain Facebok, Twitter, dan Google +. dengan menambahkan tombol share atau button share ini, kemungkinan besar akan meningkatkan jumlah pengunjung atau visitor ke blog sobat, jan tentunya akan meningkatkan jumlah traffict blog sobat, sehingga blog sobat akan semakin populer. jika sobat tertarik untuk memasang button share ini, mari kita belajar cara membuatnya, silahkan simak baik-baik.

Cara menambahkan tombol Share Twitter, Facebook dan Google + pada blog

• Langkah awal, silahkan sobat login ke akun blogger sobat masing-masing.
• Langkah kedua, silahkan pilih menu template.
• pilih Edit Html dan jangan lupa beri tanda centang pada Expand template widget.
• setelah itu silahkan sobat cari kode <div class='post-footer'>
• Jika Sudah ketemu, silahkan taruh kode berikut dibawahnya

<!-- Button Share BEGIN --><div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' style='float:right;padding:0px;'><a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_button_tweet' tw:related='Widikira' tw:via='Widikira'/><a class='addthis_button_google_plusone' g:plusone:size='medium'/> </div><script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/><!-- Button Share END -->

Keterangan : 

1. Tulisan yang berwarna merah adalah posisi tombol share tersebut, jika sobat ingun menempatkanya disebelah kiri, maka ganti tulisan tersebut menjadi left
2. Tulisan yang berwarna kuning, silahkan sobat ganti dengan akun Twitter sobat masing-masing.

• Jika Sudah selesai, silahkan sobat simpan template blog sobat dan lihat hasilnya.

demikian sedikit tips Cara menambahkan tombol Share Twitter, Facebook dan Google + pada blog, semoga bermanfaat dan terimakasih sudah berkenan mampir. jika ada pertanyaan mengenai artikel Cara menambahkan tombol Share Twitter, Facebook dan Google + pada blog, silahkan sobat tinggalkan komentar dibawah ini. terimakasih.

Salam hangat

LHK-Blogs

Continue Reading

Cara Membuat Efek Gelembung Pada Blog

Cara Membuat Efek Gelembung Pada Blog- Setelah dulu saya pernah Membuat artikel tentang cara membuat Mouse bertabur bintang pada blog, kini saya akan berbagi tentang cara membuat Efek Gelembung pada blog. cara kerjanya pun hampir sama dengan efek mouse bertabur bintang,namun kali mouse anda akan mengeleluarkan gelembung-gelembung yang semakin lama semakin membesar ukuranya dan melayang naik ke atas. tentu saja dengan efek tersebut akan membuat blog sobat terlihat semakin menarik dan unik, agar pengunjung blog sobat semakin betah singgah di blog sobat yang penuh dengan efek yang sangat unik dan menarik tersebut. nah saya rasa saya tidak perlu ngomong panjang lebar lagi, danlangsung saja berikut caranya :

Cara Membuat Efek Gelembung Pada Blog

• Langkah pertama, login ke akun blogger sobat.
• langkah kedua, pada dashboard blogger sobat, silahkan pilih menu Layout atau tata letak
• pilih Html/Javascript
• Selanjutnya masukan kode berikut kedalamnya :

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
    // <![CDATA[
    var colours=new Array("#CE0FC7", "#CE0FC7", "#CE0FC7", "#CE0FC7", "#CE0FC7"); // colours for top, right, bottom and left borders and background of bubbles
    var bubbles=100; // maximum number of bubbles on screen
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var bubb=new Array();
    var bubbx=new Array();
    var bubby=new Array();
    var bubbs=new Array();
    window.onload=function() { if (document.getElementById) {
    var rats, div;
    for (var i=0; i<bubbles; i++) {
    rats=createDiv("3px", "3px");
    rats.style.visibility="hidden";
    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.top="1px";
    div.left="0px";
    div.bottom="1px";
    div.right="0px";
    div.borderLeft="1px solid "+colours[3];
    div.borderRight="1px solid "+colours[1];
    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.top="0px";
    div.left="1px";
    div.right="1px";
    div.bottom="0px"
    div.borderTop="1px solid "+colours[0];
    div.borderBottom="1px solid "+colours[2];
    div=createDiv("auto", "auto");
    rats.appendChild(div);
    div=div.style;
    div.left="1px";
    div.right="1px";
    div.bottom="1px";
    div.top="1px";
    div.backgroundColor=colours[4];
    div.opacity=0.5;
    if (document.all) div.filter="alpha(opacity=50)";
    document.body.appendChild(rats);
    bubb[i]=rats.style;
    }
    set_scroll();
    set_width();
    bubble();
    }}
    function bubble() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<bubbles; c++) if (!bubby[c]) {
    bubb[c].left=(bubbx[c]=x)+"px";
    bubb[c].top=(bubby[c]=y)+"px";
    bubb[c].width="3px";
    bubb[c].height="3px"
    bubb[c].visibility="visible";
    bubbs[c]=3;
    break;
    }
    }
    for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
    setTimeout("bubble()", 40);
    }
    function update_bubb(i) {
    if (bubby[i]) {
    bubby[i]-=bubbs[i]/2+i%2;
    bubbx[i]+=(i%5-2)/5;
    if (bubby[i]>sdown && bubbx[i]>0) {
    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
    bubb[i].width=bubbs[i]+"px";
    bubb[i].height=bubbs[i]+"px";
    }
    bubb[i].top=bubby[i]+"px";
    bubb[i].left=bubbx[i]+"px";
    }
    else {
    bubb[i].visibility="hidden";
    bubby[i]=0;
    return;
    }
    }
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sleft;
    x=(e)?e.pageX:event.x+sdown; }
    window.onresize=set_width;
    function set_width() {
    if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (typeof(self.innerHeight)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    else {
    swide=800;
    shigh=600;
    }
    }
    window.onscroll=set_scroll;
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height;
    div.style.width=width;
    div.style.overflow="hidden";
    return (div);
    }
    // ]]>
    </script>

Keterangan :  Kode yang saya tandai dengan warna hijau adalah kode warna dari gelembung tersebut. jika sobat menginkan warna lain, sobat bisa menggantinya dengan kode warna sesuka sobat.

• Jika sudah selesai, silahkan save dan lihat betapa cantiknya blog sobat dengan efek gelembung yang sangat unik dan menarik. hehehe

demikian yang bisa saya share pada sobat kali ini, jika ada pertanyaan mengenai cara membuat efek gelembung pada blog, silahkan tinggalkan komentar dibawah ini, terimakasih semoga bermanfaat.

Continue Reading

cara memasang iklan didalam postingan

cara memasang iklan didalam postingan - Setelah beberapa hari tidak menulis artikel dikarenakan kesibukan di dunia nyata, kini akhirnya saya punya kesempatan untuk posting di dunia maya, hehehe. nah dalam posting kali ini saya akan membahas tentang cara memasang iklan didalam postingan. Bagi sobat yang kebetulan sudah mendaftar di PPC dan sudah di Approved, tidak ada salahnya mencoba artikel ini, karena disamping menghemat tempat sidebar, Memasang iklan didalam posting blog juga berpotensi mendapatkan banyak respon juga dari pembaca, karna yang dituju oleh pengunjung blog adalah dibagian posting ini, namun jangan lupa, isi konten postingan sobat harus tetap diutamakan, maksudnya jangan terlalu banyak menaruh iklan pada postingan.

cara memasang iklan didalam postingan

• Silahkan sobat Login ke akun Blogger sobat
• Pilih menu Template
• pilih Edit Html  dan beri tanda centang pada Expand template Widget
• Selanjutnya silahkan sobat cari kode <data:post.body/>
• Lalu tambahkan kode berikut tepat dibawah kode <data:post.body/> tadi.

<div style='float: left;'>Letak Kode Iklan Disini</div>

Keterangan : 

1. Pada masing-masing template terdapat kode yang masing-masing berbeda. jika sobat menemukan kode  <data:post.body/> lebih dari satu, silahkan sobat gunakan kode  <data:post.body/> yang kedua, jika belum berhasil juga, berarti yang benar pada nomer tiga. (maaf bukanya artikel ini kurang akurat atau kurang profesional, tapi memang pada masing-masing template memiliki kode yang berbeda-beda)
2. Untuk tulisan yang saya beri warna hijau adalah letak iklan yang akan sobat pasang, "left" artinya iklan akan berada dibagian kiri, jikan sobat ingin menempatkan iklan pada bagian kanan, silahkan sobat ganti tulisan "left" dengan "Right"
3. Untuk iklan yang akan sobat pasang, kodenya harus di Parshe terlebih dahulu, sobat bisa malakukanya DISINI

• Jika sudah selesai, silahkan simpan template sobat, dan lihat hasilnya.

Demikian Sedikit tips yang bisa saya share kali ini, Jika ada pertanyaan mengenai cara memasang iklan didalam postingan, silahkan tinggalkan komentar dibawah ini. terimakasih dan semoga bermanfaat.

Continue Reading

Cara Meratakan Tulisan Pada Posting Blog

Cara Meratakan Tulisan Pada Posting Blog-Bukan hanya Pengaturan tata letak sidebar, Header atau Penempatan Widget lain Yang Membuat Blog kita terlihat Rapi. tetapi juga termasuk bagaimana cara kita untuk mengatur Posisi Teks atau tulisan pada Posting kita. Karna selain dari Artikel yang menarik, tampilan blog kita juga berpengaruh terhadap kenyamanan pengunjung. Jika pengaturan Widget, tata letak blog dan juga Tampilan Teks posting kita berantakan , kemungkinan pengunjung blog juga akan malas dan tidak betah berlama-lama singgah di blog kita, hal ini seperti kasus yang pernah saya alami beberapa hari yang lalu, yaitu tulisan atau teks pada postingan yang Berantakan.Namun setelah saya cari solusinya akhirnya saya menemukan solusinya. nah disini saya akan berbagi kepada sobat, Bagaimana Cara Meratakan Tulisan Pada Posting Blog yang asalnya berantakan, menjari tulisan yang rapi dan terstruktur rapi.

Cara Meratakan Tulisan Pada Posting Blog

• Login ke akun Blogger Sobat
• Masuk Menu Template
• Pilih Edit Html jangan lupa centang Expand template Widget
• Selanjutnya Silahkan ca kode Berikut

"#content-wrapper {text-align: left;"

 Jika Sudah ketemu, Silahkan Sobat ganti Tulisan " Left " Menjadi Justify
Contoh :

#content-wrapper {text-align: Justify;

• Jika sudah selesai, Silahkan Sobat Lihat dulu Previewnya sebelum sobat menerapkanya. agar aman.
• Jika hasilnya sudah terlihat bagus, Silahkan Sobat Simpan Templatenya.
• Selesai

Berikut Hasilnya :

Demikian sedikit Tips yang bisa saya Bagi kepada Sobat, Jika ada pertanyaan mengenai Artikel tentang  Cara Meratakan Tulisan Pada Posting Blog, Silahkan Sobat tinggalkan Pertanyaan sobat pada kolom komentar dibawah ini. Terimakasih dan Semoga bermanfaat.

Continue Reading

Cara memunculkan Widget hanya pada halaman posting

Sering kali saat kita ingin memasang Beberapa widget yang bagi kita adalah widget yang penting dan harus ada pada blog kita, namun template kita sudah penuh dan tidak mampu lagi menampung widget tersebut. Sobat tidak perlu hawatir akan hal itu, karena disini saya punya solusi yang mungkin bisa membantu para sobat blogger yang sedang kebingungan karena masalah tersebut. Disini saya akan membahas cara mengatur agar Widget yang sobat pasang, hanya akan muncul pada halaman posting saja, jadi tidak memenuhi space pada Home Page Blog sobat. Jika sobat tertarik dengan Solusi yang akan saya berikan, silahkan sobat simak ya, Berikut caranya....

Cara memunculkan Widget hanya pada halaman posting

• Pertama-tama, silahkan Login ke Dashboard Blogger sobat
• kedua, Masuk menu Template
• Pilih edit Html (beri tanda centang pada Expand template widget)
• Silahkan cari kode untuk widget yang akan sobat tampilkan hanya pada posting 
• Kemudian, Silahkan Sobat Copy kode berikut 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

• Paste dibawah kode  <b:includable id='main'>
• Selanjutnya Copy kode berikut 

</b:if>

• dan taruh dibawah kode  <b:include name='quickedit'/>
• Mudah kan ? Kalau sobat merasa bingung, Silahkan lihat Contoh berikut :

<b:widget id='HTML6' locked='false' title='Teknologi' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>

Keterangan :  Contoh tersebut adalah kode Html untuk widget yang menampilkan Postingan dengan Widget ID "HTML6" yang menggunakan Judul "Tekhnologi"
Sedangkan kode yang saya beri warna Orange adalah kode yang saya sisipkan, agar widget tersebut hanya tampil pada halaman posting saja.

Nah dengan begitu, sobat bisa menghemat tempat pada halam homepage sobat, agar template blogger sobat tidah terlihat Semrawut atau berantakan.
Oke, Demikian Sedikit artikel yang bisa saya bagikan pada sobat blogger. Juka sobat memuliki unek-unek, pertanyaan, krituk atau saran mengenai Artikel Cara memunculkan Widget hanya pada halaman posting, sobat bisa menghubungi saya melalui halaman Contact Me, atau bisa juga menunggalkan komentar dibawah postingan ini. Terimakasih dan Semoga bermanfaat.

Continue Reading

Cara membuat Judul Posting berjalan

Selamat Pagi sobat yang baik hati ! Dihari Minggu yang cerah ini saya akan mengajak sobat untuk belajar tentang cara membuat Judul Posting berjalan. tentu sobat sudah tau kan yang saya maksud? buat sobat blogger pemula sebaiknya saya jelaskan dulu sedikit hehehe.... (Maaf bukan bermaksud macam-macam, kita semua disini kan belajar)
Yang saya maksud dengan judul posting berjalan disini adalah, tulisan pada bagian atas browser kita saat kita membuka halaman blog kita. sebenarnya yang masih asli bawaan dari blogger tulisan tersebut akan menampilkan nama dari halaman kita atau nama posting yang kita gunakan. namun bagi sobat yang ingin merubahnya dengan yang lebihkeren, saya disini punya sedikit cara intuk merubahnya. bagi sobat yang berminat, sekarang kita coba belajar sama-sama yuk... silahkan simak ya.

Cara membuat Judul Posting berjalan

• Pertama, silahkan login ke akun blogger sobat.
• kedua, masuk ke menu Template
• Ketiga, Pilih Edit Html  jangan lupa beri tanda centang di Expand template widget
• Langkah keempat, silahkan sobat cari kode <head>
• Ke Lima, Silahkan taruh kode berikut Tepat diatas kode <head> tadi.

<script type="text/javascript">
//<![CDATA[
var message = new Array() // leave this as is
message[0] = "Selamat datang sob !";
message[1] = " ini adalah blog milik mas widi";
message[2] = "yang berisi tentang tips Blog";
message[3] = "Silahkan cari artikel yang sobat perlukan";
message[4] = "jangan lupa Share ke temen juga ya";
message[5] = "jangan lupa komentarnya juga!!";
var reps = 2
var speed = 50
var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}
if(s==1){document.title='[W====] '+T+' [====W]'}
if(s==2){document.title='[=I===] '+T+' [===I=]'}
if(s==3){document.title='[==D==] '+T+' [==D==]'}
if(s==4){document.title='[===I=] '+T+' [=I===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===I=] '+T+' [=I===]'}
if(s==7){document.title='[==D==] '+T+' [==D==]'}
if(s==8){document.title='[=I===] '+T+' [===I=]'}
if(s==9){document.title='[W====] '+T+' [====W]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>
</script>

Keterangan : 
Silahkan ganti tulisan yang saya tandai dengan warna merah dengan tulisan sobat masing-masing.
Angka 50 yang saya beri warna merah adalah kecepatan berjalan dari tulisan tersebut, sobat bisa menggantinya sesuai dengan selera sobat masing-masing.

• Jika sudah selesai, silahkan Simpan Template sobat, dan lihat hasilnya.

Nah.... bagaimana ? mudah kan ? Demikian sedikit cara yang bisa saya share kepada sobat, Jika ada pertanyaan mengenai Cara membuat Judul Posting berjalan, silahkan tinggalkan komentar dibawah ini. Sekian dari saya, Terimakasih dan Semoga bermanfaat.

Continue Reading

Cara menambahkan element pada header blog

Pada saat kita melakukan Editing blog pada blogger, kita bisa semau kita menambahkan element berapapun banyaknya di bagian sidebar, namun terkadang saat ingin menambahkan element baru pada bagian header, sering kali kita mengalami kesulitan. padahal di area header ini, sangat bagus untuk ditambahkan element yang menurut kita sangat menarik, misalnya seperti banner iklan atau widger lainya. Tapi sobat blogger tidak perlu hawatir, karena disini saya punya solusi Cara emanbahkan element pada header blog, berikut caranya, silahkan disimak baik-baik.

Cara emanbahkan element pada header blog

• Pertama, Login le akun Blogger
• pada halaman Dashboard tersebut, kita pilih Menu Template
• Setelah itu pilih Edit Html
• beri tanda centang pada Expand template widget
• Kalau sudah, silahkan cari kode ini :

Continue Reading

Cara Menambahkan Tombol Share dari Blogger

Tak puas rasanya ketika kita menemukan sebuah artikel yang sangat menarik untuk dibaca atau dipelajari, namun ketika kita ingin membagikanya kepada teman yang sama-sama membutuhkanya tetapi dalam blog yang memuat artikel tersebut tidak ada tombol yang digunakan untuk sharing ke berbagai jejaring sosial.
Saat ini Blogger sendiri sudah menyediakan Fitur sharing tersebut, namun harus menyesuaikan dengan jenis template bawaan. jika kita menggunakan template lain entah dari hasil download atau membuat sendiri dengan bantuan software lain, kemungkinan kita tidak dapat menikmati fitur ini. Tapi Sobat blogger tidak perlu hawatir, karena disini saya punya solusinya buat sobat yang tidak menggunakan template standart.
Berikut cara membuat Tombol Share ke berbagai Jejaring Sosial, Silahkan simak cara berikut.

Continue Reading

Cara menampilkan Bintang pada pencarian Google

Tentunya sobat sudah pernah menemui saat browsing di google search engine dan menemukan blog yang tampil dengan Rating bintang berwarna kuning pada pencarian tersebut. itulah yang saya maksud disini. Rating bintang berwarna kuning tersebut seakan sebagai tanda bahwa blog yang memiliki bintang terbanyak tersebut adalah blog yang sering dikunjungi atau blog yang sudah populer dengan banyak pengunjung. Tentunya sobat blogger juga menginginkan blog hasil kreasinya menjadi blog yang populer dengan rating bintang yang banyak, sehingga terlihat seperti blog yang sangat populer. nah disini saya menyediakan sedikit tutorial yang akan membantu sobat blogger untuk menampilkan Bintang pada blog anda di Pencarian Google, Namun sebelumnya perlu diingat, Sobat harus punya akun Google Plus terlebih dahulu untuk menampilkan Foto sobat sebagai avatar, Pastinya sobat juga sudah punya kan? kalau sobat sudah punya, Berikut cara lengkapnya, Silahkan Simak ya.

Continue Reading

Cara membuat Random Post Berjalan pada Blog

Ada bermacam jenis widget random post yang bisa kita pasang pada blog kita, salah satunya adalah Random post yang berupa Link atau judul postingan kita yang ditampilkan secara acak dan berjalan seperti efect marquee.

Sebelum kita memasang belajar Widget Random post tersebut, Akan saya jelaskan dulu fungsi atau manfaat dari random post ini, diantaranya :

1. Meningkatkan Jumlah Page view pada blog kita
2. Menampilkan Postingan yang mungkin sudah lama tidak muncul sehingga dapat ditemukan kembali oleh para pengunjung blog kita.
3. memudahkan pengunjung yang sedang mencari informasi yang mereka butuhkan pada blog kita, karena secara otomatis Random Post ini akan menawarkan berbagai artikel yang sudah kita posting pada blog.
4. Satu lagi, keuntungan mengginakan random post jenis ini adalah Tidak membutuhkan tempat yang besar, karena bentuknya yang hanya berupa teks.

Continue Reading

Cara membuat penomoran halaman pada daftar Posting

Seperti Sebuah kamus yang biasa kita pakai waktu sekolah yang terdapat Index berupa Nomor halaman yang berfungsi mempermudah kita dalam mencari sebuah tulisan penting. penomoran halaman tersebut juga dapat diterapkan pada Blog. fungsinya pun tidak jauh berbeda, yaitu mempermudah pengunjung untuk mencari Halaman posting yang mereka butuhkan. Sebagai ilustrasinya, bisa sobat lihat gambar dibawah ini.

Jika sobat tertarik dan berniat untuk menambahkan Nomor halaman pada posting blog kalian, silahkan simak cara saya berikut :

Continue Reading

Cara membuat Related Post dengan Tumbnail

Cara membuat Related Post dengan Tumbnail

Sekitar dua minggu yang lalu saya telah melakukan posting tentang cara membuat related post ada blog, namun dengan tampilan yang biasa dan hanya berupa judul post saja. Nah.... kali ini saya akan berbagi kepada sobat tentang cara membuat Related post dengan gambar tumbnail. Tentu saja ini lebih menarik kan?
Sedikit info tenteng related post : Related post adalah Salah satu fitur pada blogger yang berfungsi untuk menginformasikan beberapa postingan lain yang masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung pada blog kita. Related post ini selain berfungsi untuk memudahkan para pengunjung untuk mendapatkan informasi yang sedang mereka cari, juga berfungsi untuk meningkatkan pageview pada blog kita lho sob. Nah.... Lumayan kan? banyak juga fungsinya. maka dari itu sekara mari kita coba membuatnya.

Continue Reading

Cara Mencegah Copy Paste Pada Blog

Copy paste adalah tindakan yang sangat menjengjelkan, terutama buat para blogger yang sudah bersusah-susah membuat artikel. Apalagi pada saat tersebut, orang yang melakukan copy paste tidak mencantumkan alamat atau URL kita atau melakukan copy paste tanpa meminta izin atau persetujuan dari kita. Hal ini tentu saja sangat merugukan kita yang sudah bersusah-susah membuat artikel.
Nah.... disini saya akan berbagi tips agar blog kita tidak bisa di Copy paste oleh orang-orang yang tidak bertanggung jawab, berikut Penjelasan lengkapnya :

Continue Reading

Membuat Mouse Bertabur Bintang

Cara Membuat Mouse Bertabur Bintang yang indah pada blog

Sobat pasti sudah banyak yang tau dan mungkin sudah banyak yang bisa membuat mouse bertabur bintang pada blog. Ini adalah cara yang banyak digunakan oleh pada blogger untuk mempercantik tampilan blog mereka. bagi sobat yang masih pemula, Berikut cara membuat Mouse bertabur bintang pada Blog :

Continue Reading

Cara membuat author box dibawah postingan

Mungkin diantara sobat banyak yang bingung dan bertanya, Sebenarnya apa sih guna Author box yang akan saya buat kali ini? dan apa manfaatnya buat blog?
Nah disini saya akan menjelaskanya, Author Box adalah Kotak yang berisi Profil singkat dari kita atau sang penulis dari Artikel yang sedang dibaca oleh pengunjung di blog kita. author box ini bisa berisi tentang biografi atau profil singkat tentang kita agar tulisan kita lebih jelas siapa penulisnya. selainitu juga bisa diisi dengan contact handphone atau email agar mempermudah pengunjung untuk menghubungi kita jika ada pertanyaan atau yang lain.
Sebagai Contoh atau Ilustrasinya, Sobat bisa lihat gambar berikut ini

oke baiklah disini saya akan membantu sobat blogger untuk membuat Author Box tersebut, silahkan simak ya....

Continue Reading

Cara mengilangkan Langganan Entri atom

Cara mengilangkan Langganan Entri atom

Banyak yang tidak mengetahui apa fungsi dari fitur Langganan entri atom pada Blogger, sebenarnya saya sendiri juga tidak terlalu mengerti fungsinya, tapi menurut saya fungsi dari fitur tersebut adalah adalah fasilitas untuk berlangganan artikel atau posting. namun banyak diantara sobat blogger yang tidak menyukai adanya fitur tersebut dan cenderung dianggap mengganggu tampilan dari blog mereka atau mereka menganggap blog mereka jadi kurang rapi karena adanya fitur tersebut. maka dari itu disini saya akan berbagi Cara mengilangkan Langganan Entri atom, Buat sobat blogger yang mau coba, silahkan simak ya....

Continue Reading

Cara Membuat Label Kategori Pada Blog

Yang saya maksud dengan Label kategori disini adalah Widget pada blog yang menampilkan beberapa postingan kita berdasarkan Label yang kita gunakan pada posting blog kita dengan satu gambar tumbnail. Hal ini berfungsi untuk memudahkan Pengunjung blog kita agar lebih mudah pada saat mencari informasi pada blog kita. Langsung saja kita mulai cara pembuatanya.

Continue Reading

Cara supaya blog mudah diakses oleh perangkat Mobile

Di Zaman yang serba modern ini sudah kita ketahui bahwasanya saat ini tidak hanya PC, komputer atau laptop saja yang dapat mengakses jaringan internet, tetapi juga banyak perangkat mobile seperti halnya Handphone yang juga bisa mengakses dunia internet untuk keperluan mendapatkan informasi dari dunia maya tersebut, namun terkadang jika suatu blog atau website tersebut susah atau terlalu berat intuk dibuka atau diakses oleh perangkat-perangkat mobile. Nah disini saya akan berbagi cara agar Blog bisa dengan mudah dibuka atau diakses melalui perangkat mobile.
Berikut caranya, silahkan simak ya....

Cara supaya blog mudah diakses oleh perangkat Mobile

• Login ke Akun Blogger sobat
• pada tab sebelah kiri, silahkan pilih menu Template
• Lalu Pilih Edit Html
• Centang Expand template Widget
• Silahkn manfaatkan Fitur pencarian cari browser sobat dengan menekan tombol CTRL + F untuk menemukan kode berikut <b:include data='blog' name='all-head-content'/>
• Jika sobat sobat sudah menemukanya, silahkan Letakkan kode berikut tepat dibawahnya.

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

• Langkah terakhir, Silahkan Simpan template sobat.

Semoga bermanfaat buat sobat LHK-Blogs sekalian, Demikian yang bisa saya Share buat sobat, jika ada pertanyaan, silahkan Tinggalkan komentar. Terimakasih.

Continue Reading

Cara membuat Related post dibawah Postingan Blog

Cara membuat Related post dibawah Postingan  Blog

Related Post atau yang biasa kita kenal dengan Artikel terkait adalah Sebuah Elemen pada blogger yang berfungsi untuk menampilkan Beberapa Judul Artikel lain yang masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung saat itu. Related post juga beguna untuk meningkatkan PageView pada Blog kita.
Nah Disini saya akan berbagi kepada sobat tentang cara membuat related post dibawah postingan blog, Buat sobat yang berminat, silahkan simak ya, Berikut caranya :

Continue Reading

Cara Memasang Permalink Pada Blog

Cara Memasang Permalink Pada Blog

Permalink adalah sebuah Link atau tautan yang merujuk ke Suatu blog atau forum tertentu masuk setelah berlalu dari halaman depan ke arsip. Kebanyakan pengguna Blogger memasang permalink pada bagian bawah postingan mereka. Dalam kotak Permalink tersebut dalam kota tersebut sudah ada tag atau kode html yang berisi permalink dari postingan yang sedang dibuka atau dibacanya. Permalink ini juga berfungsi untuk mempermudah pembaca atau pengguna blog lain agar mengetahui permalink dari postingan yang sedang dibacanya. Supaya Pengguna Blog lain bisa  menyematkan atau menaruh kode HTML permalink itu di blog mereka, sehingga memberikan tautan (backlink) ke halaman postingan tadi.

Continue Reading

Cara Membuat Blockquote pada Posting Blog

Cara Membuat Blockquote pada Posting Blog-http://lhk-blogs.blogspot.com

Blockquote adalah Sebuah Kotak yang biasanya digunakan oleh kebanyakan pengguna blog untuk menuliskan kode atau script yang di posting pada blog dengan tampilan latar berbeda warna dari latar asli blogger itu sendiri. Pada dasarnya Blogger sendiri sudah menyediakan Fasilitas Blockquote ini, namun kurang menarik rasanya jika tampilan dari Blockquote itu biasa-biasa saja. Nah disini LHK-Blogs akan berbagi tentang Cara Membuat Blockquote pada Posting Blog dengan tampilan yang sedikit berbeda dari Fasilitas Blockquote yang disediakan oleg Blogger. Langsung saja berikut langkah-langkahnya :

Continue Reading

Cara Membuat sidebar menjadi dua Kolom pada Blog

Yang saya maksud dari  Membuat sidebar menjadi dua Kolom pada Blog disini adalah membagi sidebar yang awalnya adalah satu kolom, menjadi dua kolom dibawahnya. jadi sidebar yang bagian atas tetap  satu kolom, dan kita akan membuat dua kolom sidebar dibagian bawahnya.

 (Lebih jelasnya berikut)

Bagaimana sob? jikan kalian berminat, silahkan simak tahap-tahap proses pembuatanya berikut :

Continue Reading

Membuat Efek Hujan salju pada Blog

Ada berbagai macam cara yang Blogger lakukan untuk memperindah tampilan Blog, salah satunya adalah dengan memasang efek hujan salju pada blog. Dengan memasang Efek tersebut, akan mempertindah tampilan blog anda dan membuat para pengunjung anda betah mengunjungi blog anda dan menikmati indahnya suasana dingin yang bertabur salju tersebut.

Jika sobat ingin mmencobanya, silahkan lakukan cara berikut untuk menerapkanya pada blog sobat.

Continue Reading

Efek Bergeser pada Link Blog

Efek Link Bergeser pada Link Blog

Ada banyak cara yang bisa kita gunakan untuk mempercantik tampilan Blog, salah satunya disini adalah dengan membuat semua link pada blog kita bergerak atau bergeser jika disentuh oleh mouse. tentu saja ini bukan hanya untuk mempercantik tampilan blog kita, tetapi juga berguna untuk membedakan bahwa tulisan yang bergerak tersebut adalah sebuah tulisan yang mengandung sebuah link.

Baiklah, disini kita akan belajar cara membuat Efek Link Bergeser pada Link Blog.

Continue Reading

Menambahkan Scrool bar pada Blog Archieve

Menambahkan Scrool bar pada Blog Archieve

Blog Archieve atau dalam bahasa Indonesianya Arsip Blog, adalah sebuah bagian terpenting dari sebuah blog yang berfungsi untuk memudahkan pengunjungnya untuk melihat daftar posting dari blog tersebut dari waktu ke waktu. Namun kebanyakan Blog Archievet ini terlalu memakan banyak tempat di Blog kita karna strukturnya yang cenderung memanjang ke bawah. nah.... disini saya memberikan solusinya, agar Blog Archieve lebih Sederhana dan tidak memakan banyak tempat, Meskipun kita banyak melakukan posting Blog yaitu dengan menambahkan Scrool bar pada Blog Archieve tersebut.
disini saya akan berikan cara membuat Blog Archieve dengan Scrool bar, Berikut caranya :

Continue Reading

Cara membuat Spoiler Pada Posting Blog

Cara membuat Spoiler Pada Posting Blog

Spoiler adalah tombol yang berguna untuk menyingkat tempat atau menyembunyikan konten (teks html, gambar ataupun video) dengan buka tutup.
Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Disini saya akan membantu kalian  bagaimana cara membuat spoiler di blog? Berikut cara yang biasanya saya gunakan :

Continue Reading

Membuat Bootable USB Windows Dengan Win USB Maker

Membuat Bootable USB Windows Dengan Win USB Maker

WinUSB maker adalah sebuah software atau aplikasi portabel gratis yang berfungsi sebagai alternatif pilihan lain untuk membuat Bootable USB Windows. WinUSB Maker juga sama dengan WinToFlash, software ini digunakan membuat media penyimpan eksternal seperti USB Flashdisk atau eksternal HDD menjadi bootable dan dapat digunakan untuk memindah file setup (installasi) windows ke USB. Sehinggan memudahkan Kita untuk menginstal Windows melalui Flasdisk, tanpa susah-susah melakukan Burning ke DVD.

WinUSB Maker ini dapat berjalan di windows Vista,7,8 dan server 2008/2011 dengan syaratan .Net Framework 3.5 atau lebih telah terinstal di Windows kamu.
Berikut ini fitur-fitur yang terdapat pada WinUSB Maker:

Continue Reading

Menggabungkan partisi Windows 7

Menggabungkan beberapa  partisi hardisk di Windows 7 tanpa menggunakan Software. itulah judul yang sebenarnya akan saya gunakan untuk judul posting saya kali ini, tapi saya rasa terlalu panjang, sehingga saya menggunakan judul "Menggabungkan partisi Windows 7" agar lebih sederhana hehehe....
baiklah langsung saja :

Continue Reading

Cara mudah Back-up Data Android menggunakan Go Backup

Cara mudah Back-up Data Android menggunakan Go Backup

GO Dev tim memiliki inovasi baru dengan koleksi aplikasi mereka. Yaitu GO Backup, yaitu Aplikasi gratis Yang berguna untuk membuat cadangan semua data Android. GO Backup benar-benar serius untuk menjadi standar Android solusi cadangan data. Dengan menggunakan aplikasi ini android, Anda dapat membuat contoh cadangan beberapa lokal semua kontak Anda, pesan teks, aplikasi dan data aplikasi. Selain itu, 'instalasi diam' yang mendukung aplikasi untuk mengembalikan aplikasi Anda di latar belakang (yaitu, tanpa anda harus secara manual melalui proses instalasi aplikasi setiap individu). Pilihan untuk log in ke app menggunakan account GO memungkinkan Anda untuk membuat beberapa profil, masing-masing dengan mengatur sendiri konten cadangan. Tidak seperti kebanyakan lainnya backup dan mengembalikan aplikasi di Play Store, GO antarmuka Backup ini adalah, seperti yang diharapkan, dirancang dengan sangat rapi. mekanisme backup / restorasi sederhana dan halus.

Continue Reading

Membuat Efek Gambar Zoom pada blog

Sering kali saya melihat di blog teman-teman yang memiliki berbagai jenis efek. diantaranya adalah efek zoom pada gambar. efek ini akan bekerja pada saat gambar tersebut disorot oleh mouse.
berikut cara yang saya dapat eksperimen saya :

• pertama silahkan login ke akun blogger anda
• Pilih Template
• Sebelumnya agar aman silakhan backup dulu template anda
• Silahkan masuk edit HTML
• beri centang pada Expand template Widget
• silahkan cari kode ]]></b:skin> (manfaatkan pencarian CTRL + F )
• Silahkan letakkan kode berikut, tepat diatas 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 buka blog anda, lihat hasilnya.

Demikian yang bisa saya tulis buat kalian malam ini, semoga bermanfaat. Terimakasih

Salam hangat

LHK-Blogs

Continue Reading

Cara daftar ke Alexa rank

Cara daftar ke Alexa rank

Alexa Rank adalah sebuah metode peringkat yang di sediakan oleh alexa.com yang bekerja dengan  cara memeriksa membuat dan, membuka frekwensi kunjungan di blog/website.Sistem alexa ranking diambil dari tingkat lalulintas (traffic) dari setiap situs web yang di dapatkan dari pengunjung sebuah blog/website, dengan alexa toolbar yang telah terinstal.lalulintas ini didasarkan pada banyaknya parameter.
Page view adalah jumlah pengguna alexa yang mengunjungi sebuah halaman (URL) dalam satu hari.Jika pengguna mengunjungi URL yang sama berkali-kali pada hari yang sama, semua kunjungan akan dihitung sebagai satu.Ranking Alexa diperoleh dengan melakukan geometrik rata-rata dari jangkauan dan tampilan halaman web, biasanya lebih dari tiga bulan.Bagai manakah alexa rank ini bekerja ? agar alexa rank ini bekerja kita harus mengunjungi situs alexa.com dan mendownload serta menginstal toolbar Alexa.Toolbar ini menampilkan peringkat dari situs web yang dikunjungi serta mengirimkan data ke server utama. Jadi, setiap kali Anda mengunjungi Webpage, informasi dikirim ke server yang mewakili IP Anda dan halaman web yang Anda kunjungi. Semakin kecil peringkat numeriknya,maka akan semakin baik. Jika Anda berhasil membuatnya di atas 100.000, itu adalah tanda bahwa situs Anda mendapatkan lalu lintas yang cukup serius.
lalu bagaimana cara mendaftarkan blog kita ke Alexa rank tersebut?
disini saya akan membantu kalian untuk mendaftarkan blog anda ke alexa rank.

Continue Reading