Home » Archives for 2013

Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter

Posted by Unknown Minggu, 17 November 2013 0 comments

Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter

Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter - Untuk menggabungkan 3 kotak komentar di blog ini caranya sangat mudah tidak sesulit yang dibayangkan. Namun sebelum anda memulai untuk Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter ini anda harus mempunyai persiapan yang harus anda miliki, yaitu:

Profile_ID (facebook) adalah Profile_ID facebook Anda.
APP_ID (facebook) adalah Profile_ID dari Fans Page Anda.
API_Key atau Consumer Key (twitter) adalah ID dari aplikasi twitter - Buat Disini.

Sebelum memulai, jangan lupa download template lengkap terlebih dahulu untuk berjaga-jaga apabila Anda ingin mengembalikan ke template semula (keadaan sediakala atau default template). Berikut ini adalah langkah-langkah untuk memasang kotak komentar facebook dan twitter di blogger:

1. Masuk ke dashboard blogger, lalu klik Template > Edit HTML > Lanjutkan > Centang 'Expand Template Widget'.
2. Tekan tombol Ctrl+F lalu cari kode <head>
3. Tepat di bawah kode <head> Masukkan kode berikut :

<meta content='Profile_ID' property='fb:admins'/>
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&v=1'/>

Perhatikan tulisan yang berwarna merah:

Ganti tulisan Profile_ID dengan ID profil atau username facebook anda (ID profil bisa berupa angka atau huruf). Cara mengetahui profil ID anda adalah dengan membuka halaman profil dan lihatlah pada kolom alamat browser (address bar). Contoh: alamat facebook saya adalahwww.facebook.com/andesrizky, maka ID profil Saya adalah andesrizky.

Ganti tulisan APP_ID dengan ID Aplikasi facebook anda yang sudah anda buat sebelumnya.

Ganti tulisan API_KEY dengan API KEY atau Consumer Key dari aplikasi twitter yang sudah anda buat sebelumnya.

Cara Mendapatkan API Twitter – saat ini saya akan lebih membahas tentang twitter tepatnya yang berhubungan dengan API twitter atau sering juga di sebut API key twitter, seorang yang ingin menjadi developer atau membuat aplikasi twitter atau hal yang melibatkan twitter biasa-nya selalu membutuhkan hal ini.

using twitter Cara Mendapatkan API Twitter

contoh fungsi lain adalah untuk mengintegrasikan antara blog dengan twitter, maka API twitter / Api key twitter ini sungguh sangat mempunyai peran penting dalam hal tersebut.

untuk langkah langkahnya silahkan ikutidibawah ini :

Silahkan Anda menuju link berikut Api Twitter
dalam form aplication detail silahkan isikan dengan nama blog anda
Description anda bisa isikan dengan deskripsi blog anda dengan minimal karakter 10
website silahkan isikan dengan url website anda
CallBack URl Dikosongkan saja
Pada checkbox Yes,I angre silahkna di centang
jangan lupa ya CAPTCHA di isi

4. Selanjutnya, cari kode class='comments'

5. Masukkan kode berikut ini letakan tepat di bawah kode class='comments'

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'> <data:post.numComments/> Comments
</div> <div class='comments-tab' id='twitter-comments' title='Comments with Twitter'> <span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div> <div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'> <fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='20' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan kode berwarna merah:
Anda dapat mengganti tulisan Comments, Tweets dan komentar dengan keinginan anda.
Anda dapat mengganti angka 20 dengan jumlah komentar facebook yang ingin ditampilkan.
Anda dapat mengganti angka 500 dengan ukuran lebar kotak komentar yang anda inginkan.

6. Simpan template dan selesai sudah, sekarang anda bisa lihat hasilnya.

Demikian tutorial tentang cara Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter. Semoga bermanfaat dan selamat mencoba.

Cara Memasang Widget Random Post di Blog

Posted by Unknown Rabu, 06 November 2013 0 comments

Cara Memasang Widget Random Post di Blog

Cara Memasang Widget Random Post di Blog – Random Post merupakan postingan secara acak yang akan kita tampilkan pada widget blog. Tidak sedikit blogger yang menggunakan widget ini untuk membantu pengunjung menampilkan artikel yang sedang mereka cari.

Sangat mudah memasang widget random post, khususnya bagi pemula seperti kita. Langsung saja kita bahas cara memasang widget random post di blog, berikut langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode dibawah ini pada HTML/JavaScript.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;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('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>

Keterangan:
numofpost=5 adalah jumlah posting yang akan Anda tampilkan.
4. Klik Simpan.

Nah, sekarang sidebar blog Anda sudah terpasang widget random post, selamat mencoba.

Cara Membuat Kotak Link Exchange pada Blog

Posted by Unknown 0 comments

Cara Membuat Kotak Link Exchange pada Blog

Bagi sebagian teman-teman blogger mungkin sudah ahli dan tidak akan merasa kesulitan lagi dalam membuat kotak link exchange, beda keadaannya dengan kita blogger pemula.

Pasti merasakan kebingungan untuk membuat kotak link exchange seperti yang kita lihat di blog yang sudah professional. Penasaran bagaimana cara pembuatannya, berikut kode script kotak link exchange:

<div>

<form name="copy">

<div align="center">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" />

</div>

<div align="center">

</div>

<div align="center">

<textarea cols="55" name="txt" rows="100" style="height: 60px; width: 200px;" wrap="VIRTUAL"><a href="http://nama-blog-anda.blogspot.com/" target="_blank" title="blogging pemula"><blink>id-pemula</blink></a> </textarea></div>

Keterangan :
nama-blog-anda : ganti dengan nama blog Anda.
blogging pemula : ganti dengan title atau judul blog Anda.
id-pemula : tulisan yang akan ditampilkan.

Berikut contoh hasilnya kotak link exchange:

Cara Memasang Widget Komentar Terbaru di Blog

Posted by Unknown 0 comments

Cara Memasang Widget Komentar Terbaru di Blog

Fungsi dari memasang widget komentar terbaru di blog adalah untuk mengetahui komentar-komentar terbaru dari pengunjung dan letak posting yang mereka komentari.

Kalau Anda ingin memasangnya pada blog, kali ini kami akan membahas cara memasang widget komentar terbaru di blog, ikuti dan simak langkah-langkah berikut ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada 'HTML/JavaScript'.
<script style="text/javascript" src="http://www.geocities.com/leo_host/komentar-terbaru.js"></script><script style="text/javascript">var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=50;</script><script src="http://id-pemula.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Keterangan :
rc=5 adalah jumlah komentar yang akan ditampilkan.
rc=50 adalah jumlah karakter yang akan ditampilkan.
http://id-pemula.blogspot.com ganti dengan URL blog Anda.
4. Kemudian 'Simpan'.

Nah, kini blog Anda sudah terpasang widget komentar terbaru, jika masih mengalami masalah hubungi kami melalui

Fungsi dari memasang widget komentar terbaru di blog adalah untuk mengetahui komentar-komentar terbaru dari pengunjung dan letak posting yang mereka komentari.

Kalau Anda ingin memasangnya pada blog, kali ini kami akan membahas cara memasang widget komentar terbaru di blog, ikuti dan simak langkah-langkah berikut ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada 'HTML/JavaScript'.

<script style="text/javascript" src="http://www.geocities.com/leo_host/komentar-terbaru.js"></script><script style="text/javascript">var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=50;</script><script src="http://id-pemula.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :
rc=5 adalah jumlah komentar yang akan ditampilkan.
rc=50 adalah jumlah karakter yang akan ditampilkan.
http://id-pemula.blogspot.com ganti dengan URL blog Anda.
4. Kemudian 'Simpan'.

Nah, kini blog Anda sudah terpasang widget komentar terbaru, jika masih mengalami masalah hubungi kami melalui

Cara Membuat Border pada Widget Blog

Posted by Unknown 0 comments

Cara Membuat Border pada Widget Blog

Border pada widget blog merupakan garis kotak yang mengelilingi widget blog, biasanya ini digunakan sebagai simbol batas dari widget blog. Sangat mudah membuat border pada widget blog, tinggal kita copy paste kode yang akan kita berikan nanti.

Kalau sudah tidak sabar dengan tutorialnya, berikut langkah-langkah cara membuat border pada widget blog :

1. Login akun blogger Anda.
2. Jika Anda menggunakan widget HTML/JavaScript, letakkan kode berikut diantara kode widget Anda.

<div style="border: 1px solid #A5BD51; padding: 5px; width: auto;">
Letakkan kode widget Anda disini!
</div>

Keterangan :
Tulisan yang berwarna kuning adalah tebal garis border, ganti sesuai kebutuhan.
Tulisan yang berwarna biru adalah garis pada border, ganti dengan dotted jika menginginkan garis putus-putus.
Tulisan yang berwarna merah adalah kode warna garis, ganti sesuai keinginan.
3. Simpan.

Berbeda jika widget Anda bukan HTML/JavaScript, yaitu Anda harus menambahkan kode border pada template blog. Misalnya widget label yang akan kita kasih border, berikut kode dan cara pemasangannya pada blog :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Cari kode ]]></b:skin> kemudian copy paste kode dibawah ini tepat diatas ]]></b:skin>

#Label1 .widget-content{
height:auto;
width:auto;
padding:5px;
border:1px solid #5588AA;
}

Keterangan :
Tulisan yang berwarna merah Anda adalah nama widget, ganti sesuai dengan widget yang akan Anda kasih border.
Tulisan yang berwarna kuning adalah garis pada border, ganti dengan dotted jika menginginkan garis putus-putus.
Tulisan yang berwarna biru adalah warna border, ganti sesuai keinginan.
4. Simpan template.

Nah, widget blog anda sekarang sudah terpasang border, selamat mencoba. Jika masih ada masalah hubungi kami melalui

Cara Memasang Status Twitter pada Blog

Posted by Unknown 0 comments

Cara Memasang Status Twitter pada Blog

Twitter merupakan media yang cukup efektif untuk mempromosikan blog atau barang dan jasa karena twitter adalah salah satu social media yang memiliki pengguna terbesar di dunia. Pernahkah Anda melihat sebuah blog memasang status twitternya pada widget? Bagaimana cara memasangnya?

Pada kesempatan kali ini kita akan membahas cara memasang status twitter pada blog, fungsi dari memasang widget status twitter adalah agar pengunjung dapat mengetahui status twitter Admin / official akun blog Anda dan mem-follownya. Berikut simak langkah-langkahnya :

1. Kunjungi https://twitter.com/settings/widgets (login dulu akun twitter Anda).
2. Kemudian klik 'Create New'.

3. Setelah itu atur tampilan widget yang akan ditampilkan di blog.

Keterangan :
Username: username akun twitter Anda.
Height: tinggi widget yang akan ditampilkan.
Theme: Light untuk template terang, Dark untuk template yang gelap.
Link color: warna link status twitter.
Domains: isi dengan URL blog Anda.
4. Selanjutnya klik 'Create widget'.

5. Kemudian copy paste kode widget pada HTML/JavaScript blog Anda.

Nah, sekarang blog Anda sudah terpasang widget status twitter dan pengunjung bisa melihat status twitter Anda lewat blog.

Cara Mengatasi Widget yang Tidak Bisa di Hapus

Posted by Unknown 0 comments

Cara Mengatasi Widget yang Tidak Bisa di Hapus

Seringkali kebiasaan blogger pemula salah satunya adalah mengganti-ganti template blog, pada saat mengganti template terkadang kita sering menemukan template blog yang beberapa widgetnya tidak dapat dihapus, ini seringkali menyebabkan kita kebingungan dan memutuskan untuk menggantinya kembali.

Berikut cara mengatasi template yang widgetnya tidak bisa di hapus tersebut :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> centang Expand Template Widget.
3. Cari widget yang akan Anda hapus, misalnya: 'Popular Posts'

<b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'>

Keterangan :
Ubah kode locked='true' menjadi locked='false'
4. Kemudian klik 'Simpan template'.
5. Setelah itu masuk ke halaman 'Tata Letak' cari widget 'Popular Posts', klik 'Edit' dan kemudian klik 'Hapus'.

Nah, ulangi kembali cara tersebut jika Anda ingin menghilangkan widget tapi widget tidak dapat dihapus.

Cara Membuat Widget Artikel Terbaru Berdasarkan Label

Posted by Unknown 0 comments

Cara Membuat Widget Artikel Terbaru Berdasarkan Label

Bisakah kita menampilkan artikel terbaru berdasarkan label blog? Setelah sebelumnya kita telah membahas cara membuat widget artikel terbaru di blog, pada kesempatan ini kita akan membahas cara membuat widget artikel terbaru berdasarkan label.

Bagi Anda yang ingin memasang widget tersebut pada blog, silahkan simak dan ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript.

<script style="text/javascript">
var numposts = 9;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default/-/NAMALABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>

Keterangan:
NAMABLOG : Ganti dengan URL blog Anda.
NAMALABEL : Ganti dengan nama label yang akan ditampilkan.
var numposts = 9 : Jumlah posting yang akan ditampilkan pada widget.
4. Kemudian klik 'Simpan'.

Nah, sekarang Anda sudah bisa memasang widget label sesuka hati pada blog, semoga bermanfaat.

Cara Membuat Like Box Facebook Page pada Blog

Posted by Unknown 0 comments

Cara Membuat Like Box Facebook Page pada Blog

Dengan adanya like box facebook page pada blog maka Anda dapat memperluas/menambah komunitas blog di social media khususnya facebook. Selain itu, facebook kini merupakan salah satu social media terbesar di dunia saat ini jadi tidak ada salahnya kalau kita membangun komunitas blog di social media tersebut.

Untuk Anda yang ingin membuat like box facebook page pada blog, ikuti caranya berikut ini:

1. Kunjungi halaman http://www.facebook.com/pages/create.php
2. Kemudian klik pilihan 'Merek atau Produk'.

3. Pilih kategori halaman, klik 'Situs Web' dan isikan nama halaman Anda, kemudian jangan lupa centang 'Persetujuan Ketentuan Halaman Fecebook'.

4. Lakukan kostumisasi sesuai petunjuk, seperti upload foto profil, mengedit informasi, dll.

5. Setelah selesai kini Anda telah mempunyai halaman facebook like box, dan langkah selanjutnya adalah kita akan membuat like box facebook page.
6. Sebelumnya copy URL facebook page Anda terlebih dahulu untuk membuat like box.

7. Kunjungi halaman http://developers.facebook.com/docs/reference/plugins/like-box/

8. Isikan data-data yang diperlukan seperti dibawah ini :

Keterangan:
Facebook Page URL : letakkan URL facebook page yang Anda copy tadi.
Width : lebar tampilan facebook page atau like box sesuaikan dengan sidebar blog Anda.
Height : tinggi tampilan facebook page atau like box sesuaikan dengan sidebar blog Anda.
Show Faces : centang untuk menampilkan foto likers.
Color Scheme : pilih light jika ingin tampilan terang dan dark untuk gelap.
Stream : Centang jika ingin menampilkan informasi/posting terakhir di like box.
Border Color : isikan dengan kode warna jika ingin memberi warna pada border.
Header : Centang jika ingin menampilkan tulisan header.
9. Kalau dirasa sudah selesai, klik 'Get Code' kemudian pilih 'HTML5' dan copy kode script like box.

Untuk memasang like box facebook page pada blog, ikuti langkah-langkahnya seperti dibawah ini :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Masukkan kode HTML like box pada HTML/JavaScript.
4. Simpan.

Nah, kini blog anda sudah dilengkapi like box facebook page dan dapat memperbesar komunitas blog Anda pada situs facebook.

Cara Membuat Widget Top Komentator Blog

Posted by Unknown 0 comments

Cara Membuat Widget Top Komentator Blog

Pada kesempatan sebelumnya telah kita bahas cara memasang widget komentar terbaru di blog, tapi kali ini kita akan mengulas sedikit cara membuat widget top komentator blog. Dengan adanya widget ini Admin dapat memantau pengunjung yang memberikan komentar terbanyak.

Selain itu, pengunjung yang memberikan komentar terbanyak juga akan mendapatkan keuntungan karena profil mereka akan masuk dalam kategori komentator terbanyak tersebut. Anda ingin memasang widget tersebut pada blog? Ikuti dan simak langkah-langkahnya berikut ini:

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode berikut pada HTML/JavaScript.

<script type="text/javascript">
function getYpipe(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://widgetblogerku.blogspot.com/
&ExcludedNick1=Anonymous&ExcludedNick2=Radittiya Ilham
&ShowHowMany=10
&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script><br/>
<span style="font-size: 8px;">Widget by <a href="http://id-pemula.blogspot.com" target="_blank" title="Tutorial Blog"><b>Get Widget</b></a></span></div>

Keterangan :
Ganti http://widgetblogerku.blogspot.com/ dengan URL blog Anda.
Ganti Anonymous, Tony Kust dengan nama profil blog Anda.
Ganti 10 dengan jumlah top komentator yang ingin ditampilkan.
4. Kemudian Simpan.

Nah, sekarang blog Anda sudah terpasang widget top komentator sehingga Anda dapat memantau perkembangan komentator pada blog setiap saat.

widget blogerku

100 Pemberitahuan ...!

Menggabungkan 3 Kotak Komentar Blogger, Facebook dan Twitter

Cara Memasang Widget Random Post di Blog

Cara Memasang Widget Random Post di Blog

Cara Membuat Kotak Link Exchange pada Blog

Cara Membuat Kotak Link Exchange pada Blog

Cara Memasang Widget Komentar Terbaru di Blog

Cara Memasang Widget Komentar Terbaru di Blog

Cara Membuat Border pada Widget Blog

Cara Membuat Border pada Widget Blog

Cara Memasang Status Twitter pada Blog

Cara Memasang Status Twitter pada Blog

Cara Mengatasi Widget yang Tidak Bisa di Hapus

Cara Mengatasi Widget yang Tidak Bisa di Hapus

Cara Membuat Widget Artikel Terbaru Berdasarkan Label

Cara Membuat Widget Artikel Terbaru Berdasarkan Label

Cara Membuat Like Box Facebook Page pada Blog

Cara Membuat Like Box Facebook Page pada Blog

Cara Membuat Widget Top Komentator Blog

Cara Membuat Widget Top Komentator Blog

About Me

Labels

Blog Archive

Popular Posts

Popular Posts

Popular Posts