TALK ABOUT COMPUTER: BLOGGING

Showing posts with label BLOGGING. Show all posts

Cara Memasang Facebook Comment Dengan Mudah

Cara Memasang Facebook Comment Dengan Mudah - Tips Memasang Komentar Facebook di Blog Dengan Mudah Beginilah sobat cara Membuat Sekaligus Memasang Komentar Facebook di Template Blogger Dengan Mudah - Bagaimanasih cara pasang Facebook Coment Box Template Blog kita? begini lah cara yang dilakukan.

Dengan memasang form komentar facebook di blog, maka dapat mempermudah pengunjung untuk berkomentar diblog anda, karena seperti yang kita tahum tidak semua pengguna internet memiliki akun google plus, diskus dan lain-lain.

Panduan Cara Memasang Komentar Facebook di Bawah Postingan Blog

Pertama, seperti biasanya yaitu masuk ke halaman editor template [ edit html ]
Kemudan Cari kode (CTRL+F) <div class='comments' id='comments'>
Selanjutnya letakkan kode di bawah ini tepat dibawah kode <div class='comments' id='comments'>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments

</div>

</div>

<b:if cond='data:blog.pageType == "item"'>

<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>

</b:if>

</div>

function commentToggle(selectTab) {

$(".comments-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comments-page").hide();

$(selectTab + "-page").show();

}

</script>

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}</style></center>
<div style="font-size: 9px; padding: 8px 0px 0px 0px;">
<a href="http://komputersehari-hari.blogspot.com/" title="Translate widget">Translate Widget</a> by Google </div>

4. Terakhir Simpan Template dan Lihat hasilnya.

Sudah mencoba bagaimana hasilnya beginilah Cara Memasang Facebook Comment selanjutnya selamat mencoba .

Title: Cara Memasang Facebook Comment Dengan Mudah
Posted by:Unknown
Published :2015-06-10T11:38:00+07:00
Rating: 3.5
Reviewer: 5 Reviews
Cara Memasang Facebook Comment Dengan Mudah

Membuat Efek berjalan Pada Daftar Link Teman

12:00 PM BLOGGING No comments

Bagi blog dofollow memiliki banyak link teman adalah hal yg wajar, tetapi akan ada sedikit masalah saat menyusun daftar link tersebut, karna jika tidak disusun maka daftar link tersebut akan berantakan dan kesannya, interface blog kita akan terlihat kurang rapi. Ada beberapa cara untuk menyusun daftar link tersebut agar terlihat rapi dan tidak terlalu memakan tempat, salah satunya adalah dengan cara membuat efek scroll pada widget daftar link tersebut, tetapi yg akan saya share kali ini bukan cara membuat efek scroll, melainkan cara membuat efek berjalan pada daftar link tersebut.
Untuk caranya silahkan kalian ikuti panduan beikut ini.

1.Login ke blogger kalian masing-masing, lalu pergi ke menu tata letak dan tambahkan widget baru.
2.Pada widget tersebut copy/pastekan code berikut ini.

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="210">

letakan link banner disini
<br />letakan link banner disini
<br />letakan link banner disini
<br />letakan link banner disini
<br />letakan link banner disini

</marquee>

*keterangan :
-.kode align="center" : untuk membuat letak dari setiap daftar link tersebut berada di tengah.
-.kode direction="up" : membuat daftar link berjalan ke atas, jika nilai up kalian ganti dengan down, maka daftar link tersebut akan berjalan kebawah.
-.kode height="200"   : tinggi dari kotak daftar link tersebut.
-.kode width="210"    : lebar dari kotak daftar link tersebut.
-.kode <br />             : kode ini harus dipasang di depan setiap link banner setelah link banner pertama, bertujuan agar daftar link tersebut bisa terlihat lebih rapi.

Keuntungan dari efek berjalan ini adalah, setiap daftar link teman yg kita miliki bisa terlihat secara bergantian tanpa harus meng-gulirkan tombol scroll pada mouse, dan tentunya efek ini akan berjalan otomatis saat halaman blog kita terbuka

Title: Membuat Efek berjalan Pada Daftar Link Teman
Posted by:Unknown
Published :2014-06-17T12:00:00+07:00
Rating: 3.5
Reviewer: 5 Reviews
Membuat Efek berjalan Pada Daftar Link Teman

Membuat Menu Scroll Pada Widget Label/Kategori Blog

6:00 PM BLOGGING, TUTORIAL 1 comment

Salah satu cara untuk membuat tampilan blog kita minimalis dan tampak lebih rapi adalah dengan memasang meu scroll pada salah satu widget yg terlalu panjang, seperti contoh pada widget kategori, semakin banyak kategori artikel yg kita buat di blog kita maka akan semakin panjang pula daftar kategori tersebut, hal tersebut akan memberikan kesan kurang rapi, karna sifatnya memakan tempat yg banyak. Nah disini saya akan memberikan solusinya yaitu dengan menambahkan efek scroll pada widget kategori tersebut.
Untuk caranya bisa kalian ikuti panduan berikut ini.

1.Masuk ke halaman blogger kalian, pilih menu template, kemudian pilih edit HTML.
2.setelah terbuka kemudian cari kode ]]></b:skin> (gunakan ctrl + F).
3.Kemudian pastekan kode dibawah ini tepat diatas kode ]]></b:skin> tadi

#Label1 .widget-content{
height:250px;
width:auto;
overflow:auto;
}

*angka berwarna merah adalah tinggi dari widget kategori tersebut, dan bisa kalian ganti sesuai keinginan.

4.Terakhir kalian bisa klik pratinjau untuk melihat hasilnya, jika kelihatan sudah mantap bisan kalian lanjutkan dengan menyimpan template tersebut.

sekian artikel dari saya semoga bisa membantu kalian para blogger semuanya.

Title: Membuat Menu Scroll Pada Widget Label/Kategori Blog
Posted by:Unknown
Published :2014-06-13T18:00:00+07:00
Rating: 3.5
Reviewer: 5 Reviews
Membuat Menu Scroll Pada Widget Label/Kategori Blog

Cara Pasang Google Translate dengan Bendera Berkibar di Blog

8:55 PM BLOGGING, TUTORIAL 8 comments

Dari sebagian banyak pemilik blog mungkin masih ada yg belum mengetahui cara untuk memasang widget translate di blog mereka, melihat dari fungsinya menurut saya widget ini cukup wajib untuk diletakan di blog kita, selain untuk menerjemahkan setiap kata dengan bahasa yg pengunjung inginkan, widget ini juga sepertinya menambahkesan menarik dari tampilan blog kita, Untuk itu saya akan membagikan cara untuk memasangnya. Widget google translate sendiri memiliki banyak macam bentuknya tapi yg berbeda hanyalah icon dari masing-masing negara, nah yg saya akan bagikan ini adalah widget translate dengan animation bendera berkibar dan saat kursor menyorot icon benderanya maka akan muncul nama negara dari masing-masing bendera tersebut.
Dan seperti inilah tampilan widget-nya.

Translate Widget by Google

Untuk cara pemasangan widget-nya ikuti langkah-langkah berikut.
1.login ke blogger kalian.
2.pergi ke tata letak.
3.pilih dibagian mana kalian akan memasang widget tersebut, kemudian klik add gadget/tambah gadget.
4.lalu pilih HTML/javascript.
5.pada bagian title beri nama language translate, dan pada bagian isi, paste-kan kode di bawah ini

<center>
<a href=" http://translate.google.com/translate?hl=en&langpair=id|EN&u= http://komputersehari-hari.blogspot.com/ " ><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" border="0" height="20" align="absbottom" /></a> <a href=" http://translate.google.com/translate?hl=en&langpair=id|JA&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" border="0" height="20" align="absbottom" /></a><a href=" http://translate.google.com/translate?hl=en&langpair=id|PT&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Portuguese" src="http://a.imageshack.us/img816/6505/brazilia.gif" style="cursor: pointer;" title="Portuguese" border="0" height="20" align="absbottom" /></a><a href=" http://translate.google.com/translate?hl=en&langpair=id|AR&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" border="0" height="20" align="absbottom" /></a><a href=" http://translate.google.com/translate?hl=en&langpair=id|ZH-TW&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" border="0" height="20" align="absbottom" /><a href=" http://translate.google.com/translate?hl=en&langpair=id|DE&u= http://komputersehari-hari.blogspot.com/ " ><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" height="20" align="absbottom" /></a><a href=" http://translate.google.com/translate?hl=en&langpair=id|NL&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" border="0" height="20" align="absbottom" /></a> <a href=" http://translate.google.com/translate?hl=en&langpair=id|KO&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" border="0" height="20" align="absbottom" /></a><a href=" http://translate.google.com/translate?hl=en&langpair=id|IT&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" border="0" height="20" align="absbottom" /></a>  <a href=" http://translate.google.com/translate?hl=en&langpair=id|RU&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Russian" src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor: pointer;" title="Russian" border="0" height="20" align="absbottom" /></a> <a href=" http://translate.google.com/translate?hl=en&langpair=id|ES&u= http://komputersehari-hari.blogspot.com/ " ><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" border="0" height="20" align="absbottom" /></a></a></center>
<div style="font-size: 9px; padding: 8px 0px 0px 0px;">
<a href="http://komputersehari-hari.blogspot.com/" title="Translate widget">Translate Widget</a> by Google </div>

6.terakhir klik save.

Title: Cara Pasang Google Translate dengan Bendera Berkibar di Blog
Posted by:Unknown
Published :2014-06-05T20:55:00+07:00
Rating: 3.5
Reviewer: 5 Reviews
Cara Pasang Google Translate dengan Bendera Berkibar di Blog

Cara Pasang Icon Twitter dengan Animasi Burung Terbang Di Blog

7:06 PM BLOGGING, TUTORIAL No comments

Sebenarnya banyak icon-icon twitter yg bisa kita pasang di blog, tetapi mengapa saya memilih untuk memasangnya dengan bentuk burung terbang ?? itu karena icon twitter dengan animasi ini cukup menarik untuk dilihat oleh visitor dan uniknya icon ini burung twitter-nya akan berterbangan bebas di area blog kita,dan saat kita scroll layarnya icon ini juga akan ikut sejajar dengan area yg di lihat dan tentunya hal ini akan mudah untuk terlihat oleh para pengunjung

Untuk ingin melihat previewnya, bisa dilihat di blog ini, coba di cek, ada kan di area blog ini icon burung biru twitter berterbangan bebas di blog ini. Nah bagi ygingin blog-nya terpasang icon seperti ini juga saya akan memberikan panduannya.

1.login ke blogger kalian.
2.pergi ke tata letak.
3.kemudian klik add gadget/tambah gadget dibagian manapun, karna widget ini tidak berpengaruh posisinya dengan tata letaknya.
4.lalu pilih HTML/javascript.
5.pada bagian title kosongkan saja, dan pada bagian isi, paste-kan kode di bawah ini.

<script src="http://imemovaz.googlecode.com/files/tripleflap.js" type="text/javascript">
</script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgElQkLqt4LH3vL3cJD8Jw4aiNwyrDFFAyCIwibD8sw_5Z0UT7FdacPkg8MaOOfuUvK4RMQNRSk4AsPAiItKKK44WSwn9dY77P_pQNE6yPdWxfZa29l52AlH-yTnCFxoxKUDZfhokNRjJo/s1600/birdsprite.png"; var targetElems=new Array
("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/AkunTwitterKamu";var tweetThisText = "https://twitter.com/AkunTwitterKamu";tripleflapInit();
</script>

*ket : untuk kode yg berwarna biru gantikan dengan akun twitter kalian.

6.terakhir klik save.

Title: Cara Pasang Icon Twitter dengan Animasi Burung Terbang Di Blog
Posted by:Unknown
Published :2013-04-19T19:06:00+07:00
Rating: 3.5
Reviewer: 5 Reviews
Cara Pasang Icon Twitter dengan Animasi Burung Terbang Di Blog

TALK ABOUT COMPUTER

Cara Memasang Facebook Comment Dengan Mudah

Membuat Efek berjalan Pada Daftar Link Teman

Membuat Menu Scroll Pada Widget Label/Kategori Blog

Cara Pasang Google Translate dengan Bendera Berkibar di Blog

Cara Pasang Icon Twitter dengan Animasi Burung Terbang Di Blog

Language Translate

Categories

Archive

Umroh Bersama Arminareka Mudah dan Murah

Iklan

Popular Posts