WALLPAPER ACTION: Februari 2014

Kamis, 27 Februari 2014

Membuat Komentar Facebook Responsive

Setelah dulu pernah membahas tentang cara membuat komentar Facebook dan Blogger berdampingan, berikut ini Bangiz akan membahas tentang cara membuat komentar Facebook responsive. Responsive disini bisa dikatakan sebuah teknik yang digunakan supaya layout bisa menyesuaikan diri dengan alat atau ukuran yang diinginkan. Untuk mengetahui responsive atau tidaknya layout yang kita lihat yaitu tinggal minimize saja browsernya ke ukuran yang diinginkan.

Teknik responsive ini tentunya sangat cocok untuk Anda yang menggunakan template responsive. Dengan begitu tidak akan muncul scroll ketika layout berada pada layar yang lebih kecil dan juga kelihatannya lebih enak dipandang mata. Berikut adalah langkah-langkah yang perlu dilakukan:

1. Masuk dasbor Blogger > Template > Edit HTML

2. Copy-paste kode berikut dibawah kode <head>

<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>

Ganti Profile ID dan App ID dengan yang Anda miliki

3. Cari kode berikut (gunakan Ctrl+F untuk memudahkan)

<div class='post-footer-line post-footer-line-3'/>

Copy-Paste kode berikut di bawah atau sebelum kode tadi

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='600'/></div>
</b:if>

3. Cari kode </head> (gunakan Ctrl+F untuk memudahkan)
Copy-Paste kode berikut di atas atau sebelum kode </head>

<script type="text/javascript">
    //<![CDATA[
    $(window).bind("load resize", function(){
      var url = location.protocol+'//'+location.host+location.pathname;
      var containercm_width = $('#container-commentfb').width();
        $('#container-commentfb').html('<div class="fb-comments" ' +
        'data-href="'+url+'"' +
        ' width="' + containercm_width + '" data-num-posts="10"></div>');
        FB.XFBML.parse( );
    });
    //]]>
    </script>

4. Simpan template dan lihat hasilnya

Sabtu, 22 Februari 2014

Cara Mengetahui 32bit dan 64bit

Tahukah Anda berapa bit komputer atau laptop yang digunakan? Jika Anda belum mengetahui, berikut ini Bangiz akan berbagi info cara mengetahui 32bit dan 64bit khususnya pada sistem operasi Windows. Ada beberapa cara yang bisa Anda lakukan untuk mengetahuinya dan berikut ini akan dijelaskan tiga cara saja:

Cara pertama:

1. Start > run (atau bisa juga tekan windows+R)

2. Ketik winmsd.exe > OK

3. Lihat di kolom value sebelah kanan, kalau di bagian System Type dan Prosesor terdapat tulisan x86 berarti 32bit

Cara kedua:

1. Start > run (atau bisa juga tekan windows+R)

2. Ketik dxdiag > OK

3. Klik menu Display > lihat spesifikasi Device > pada Current Display Mode akan menemukan 32 bit atau 64 bit.

Cara ketiga:

Start > All Programs > Accessories > System Tool> System Informations.

Dari cara ketiga ini hasilnya akan sama dengan cara yang pertama yang membedakan cara masuk ke System Informasinya saja. Sekarang sudah tahu kan berapa bit komputer atau laptop yang Anda gunakan. Jika informasi ini bermanfaat untuk orang lain silahkan bagikan ke teman-teman Anda.

Kamis, 20 Februari 2014

Cara Menghilangkan Tanda Panah Shortcut

Pembahasan kali berhubungan dengan komputer, yaitu cara menghilangkan tanda panah shortcut yang ada pada desktop. Shortcut yang ada di desktop merupakan jalan pintas berupa ikon yang bisa digunakan untuk menjalankan suatu perintah pada komputer. Tujuan adanya shortcut yaitu untuk memudahkan kita ketika akan membuka sebuah program aplikasi.

Shortcut ini akan ada pada desktop ketika kita menginstall sebuah aplikasi tapi tentunya tergantung pembuat aplikasi tersebut, ada yang langsung terinstall ada juga yang memberi dulu kita pilihan untuk dibuatkan shortcutnya atau tidak. Untuk lebih jelasnya silahkan lihat dulu gambar di bawah bagaimana hasilnya:

Sekarang lanjut ke tutorialnya yang mana dilengkapi dengan gambar supaya lebih mudah memahaminya:

1. Buka Run atau ketik Windows+R
2. Ketikkan regedit pada kolom yang tersedia

3. Setelah jendela Registry Editor terbuka, klik HKEY_CLASSES_ROOT dua kali atau bisa juga klik tanda (+)

4. Berikutnya cari lnkfile (tekan huruf L untuk memudahkan)

5. Pada kolom sebelah kanan lihat kata IsShortcut, silahkan tambahkan huruf, kata atau angka. Tapi kalau Anda ingin mengganti dengan kata lain juga bisa cuma untuk memudahkan ketika Anda ingin mengembalikannya ke default tinggal delete saja yang sudah ditambahkannya.

6. Tutup jendela Registry Editornya lalu restart komputer Anda untuk mengetahui berhasil atau tidak.

Sekian tutorial cara menghilangkan tanda pada shortcut pada desktop, jika Anda merasa tulisan ini bermanfaat untuk orang lain silahkan share ke teman-teman Anda melalui sosial media yang tersedia dan jika ada pertanyaan silahkan tinggalkan komentar.

Senin, 17 Februari 2014

Membuat Komentar Facebook dan Blogger Berdampingan

Pada kesempatan kali ini Bangiz mau berbagi tentang tips dan trik blogging. Yang akan kita bahas kali ini yaitu tentang komentar di blog. Banyak sekali akun yang bisa kita gunakan ketika mau berkomentar pada tampilan komentar blogger yang default , disana ada akun Google, Live Journal, Wordpress, TypePad, AIM, OpenID, Nama/URL dan Anonymous. Apabila Anda kurang suka tampilan default, Anda bisa menggantinya dengan komentar Google+ atau Facebook.

Sesuai dengan judul di atau yaitu cara membuat kolom komentar facebook dan blogger berdampingan. Jika tertarik, Anda bisa menggunakannya di blog yang Anda miliki. Untuk screenshootnya, lihat gambar di bawah ini:

1. Masuk Dasbor Blogger > Template > Edit HTML

2. Copy-paste kode berikut dibawah kode <head>

<meta content='Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>

Ganti Profile ID dan App ID dengan yang Anda miliki

3. Copy-paste kode berikut sebelum kode ]]></b:skin (gunakan Ctrl+F untuk memudahkan)

.comments-page{ background:#fff;}
#blogger-comments-page { padding: 5px; display: none;border:0px solid gray;border-radius:5px; margin-top:5px;}
#fb-comments-page{border:0px solid gray;border-radius:5px;padding:5px;margin-top:5px;}
.facebook-tab { float: left;cursor: pointer;margin-right:2px;border:1px solid #99FFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:trebuchet, arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow:none;font-weight:bold; text-align: center; color: #FFFFFF; background-color: #3B5998;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3B5998), color-stop(100%, #99FFFF));
background-image: -webkit-linear-gradient(top, #3B5998, #99FFFF);
background-image: -moz-linear-gradient(top, #3B5998, #99FFFF);
background-image: -ms-linear-gradient(top, #3B5998, #99FFFF);
background-image: -o-linear-gradient(top, #3B5998, #99FFFF);
background-image: linear-gradient(top, #3B5998, #99FFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3B5998, endColorstr=#99FFFF);
}
.facebook-tab:hover {border:1px solid #FF4000; background-color: #FF4000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4000), color-stop(100%, #FF400F));
background-image: -webkit-linear-gradient(top, #FF4000, #FF400F);
background-image: -moz-linear-gradient(top, #FF4000, #FF400F);
background-image: -ms-linear-gradient(top, #FF4000, #FF400F);
background-image: -o-linear-gradient(top, #FF4000, #FF400F);
background-image: linear-gradient(top, #FF4000, #FF400F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF4000, endColorstr=#FF400F);
}
.blogger-tab {float: left;cursor: pointer;border:0.5px solid #ffc826; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:trebuchet, arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: none;font-weight:bold; text-align: center; color: #FFFFFF; background-color: #FE6602;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FE6602), color-stop(100%, #febf04));
background-image: -webkit-linear-gradient(top, #FE6602, #febf04);
background-image: -moz-linear-gradient(top, #FE6602, #febf04);
background-image: -ms-linear-gradient(top, #FE6602, #febf04);
background-image: -o-linear-gradient(top, #FE6602, #febf04);
background-image: linear-gradient(top, #FE6602, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FE6602, endColorstr=#febf04);
}
.blogger-tab:hover{ border:1px solid #FF4000; background-color: #FF400F;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4000), color-stop(100%, #FF400F));
background-image: -webkit-linear-gradient(top, #FF4000, #FF400F);
background-image: -moz-linear-gradient(top, #FF4000, #FF400F);
background-image: -ms-linear-gradient(top, #FF4000, #FF400F);
background-image: -o-linear-gradient(top, #FF4000, #FF400F);
background-image: linear-gradient(top, #FF4000, #FF400F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF4000, endColorstr=#FF400F);
}

Untuk mendapatkan kode warna yang lain silahkan lihat disini atau disini

4. Berikutnya copy-paste kode berikut di atas kode </head>

<script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

5. Selanjutnya cari kode <div class='comments' id='comments'> lalu copy-paste kode berikut sesudah atau dibawahnya. Apabila ada lebih dari satu maka paste di bawah semuanya.

<div class='facebook-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Komentar Facebook'>
<fb:comments-count expr:href='data:post.url'/> Facebook
</div>
<div class='blogger-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Komentar Blogger'>
<data:post.numComments/> Blogger
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/><div align='left'><font color='#4862A3' size='4'><strong>Comment with Facebook</strong></font></div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhau4agOoxP17Uq1UjPkFTQ-NeuUIBYSpleJlFtiFF6JsE-bxmXD7Zr0RCr33Ol_cJkcbY9DrOUjqAYNg42izpsqOhKVbabO6mt0q2s77e7_F-iZkogvwP3hrLKPzBcc4kJgNul6IGBsX-Z/s1600/facebook-icon.png'/><div align='right'/><a href='http://downloadwallpaperanimasi.blogspot.com//2013/08/Komentar-Facebook-Blog.html' target='blank'><small>Get This</small></a></div>
<fb:comments expr:href='data:post.url' num_posts='20' width='650'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<div align='left'><font color='#FE6602' size='4'><strong>Comment with Blogger</strong></font></div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdSE-0d5gjAjyEHH2jZzEFey_6LgaML_4psjV0QXWbh3mD7mXzyxsrw_3U-uEZ2_RSf-9trFbCcD7GS0uwN0n-KaMm1zSvOWGhAv-xnLPqRSrHZSk87uqangjzY83sqkxTYQBm8VxWsVNV/s1600/Blogger-icon.png'/>

Untuk Anda yang menggunakan template responsive silahkan gunakan kode yang ini:

     <div class='facebook-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Komentar Facebook'>
    <fb:comments-count expr:href='data:post.url'/> Facebook
    </div>
    <div class='blogger-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Komentar Blogger'>
    <data:post.numComments/> Blogger
    </div><div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == "item"'>
    <div id='fb-root'/><div align='left'><font color='#4862A3' size='4'><strong>Comment with Facebook</strong></font></div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhau4agOoxP17Uq1UjPkFTQ-NeuUIBYSpleJlFtiFF6JsE-bxmXD7Zr0RCr33Ol_cJkcbY9DrOUjqAYNg42izpsqOhKVbabO6mt0q2s77e7_F-iZkogvwP3hrLKPzBcc4kJgNul6IGBsX-Z/s1600/facebook-icon.png'/><div align='right'/><a href='http://downloadwallpaperanimasi.blogspot.com//2013/08/Komentar-Facebook-Blog.html' target='blank'><small>Get This</small></a></div>
    <div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='20' width='650'/></div>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
    <div align='left'><font color='#FE6602' size='4'><strong>Comment with Blogger</strong></font></div><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdSE-0d5gjAjyEHH2jZzEFey_6LgaML_4psjV0QXWbh3mD7mXzyxsrw_3U-uEZ2_RSf-9trFbCcD7GS0uwN0n-KaMm1zSvOWGhAv-xnLPqRSrHZSk87uqangjzY83sqkxTYQBm8VxWsVNV/s1600/Blogger-icon.png'/>

6. Simpan Template dan lihat hasilnya. Semoga berhasil.

Jika ada pertanyaan seputar topik di atas, silahkan tinggalkan komentar dan bagikan artikel ini melalui sosial media atau ikuti Bangiz untuk mendapatkan update terbaru.

Senin, 10 Februari 2014

Kumpulan Wallpaper Gambar Lucu Terbaru

Bangiz - Banyak hal-hal yang bisa membuat kita tersenyum dan tertawa. Media, tempat serta pelakunya pun bisa bermacam-macam. Bisa disengaja atau hanya hasil manipulasi foto semata. Daripada galau gak jelas mendingan lihat-lihat gambar lucu berikut ini, siapa tahu Anda tertarik dan bisa membuat Anda sedikit tersenyum. Berikut ini adalah kumpulan gambar-gambar lucu dengan berbagai kategori di dalamnya.

Silahkan klik kanan pada gambar lalu pilih open link in new tab untuk melihat ukuran sebenarnya. Untuk mendownloadnya langsung klik kanan lalu pilih Save Image As. Jika menurut Anda gambarnya lucu dan gokil silahkan berikan komentar dan bagikan ke teman-teman Anda melalui sosial media yang tersedia...