Sabtu, 31 Maret 2012
Cara Untuk Memperoleh Backlink dan Meningkatkan Trafik

Ada beberapa teknik yang bisa kita terapkan untuk memperoleh backlink dan meningkatkan trafik. Beberapa profesional blogger telah mengetahui cara-cara tersebut untuk itu saya ingin menjabarkan kepada anda trik dan tipsnya. Pertama yaitu anda perlu menyertakan link ke original writer atau ke penulis asli dimana anda memperoleh artikel tersebut. Selain membantu penunjung mengenal penulis asli dan membangun trafiknya, blog anda akan lebih mudah ditemukan pada search engine. Kedua, yaitu memberikan komentar pada blog atau situs yang dofollow, dimana sebenarnya situs tersebut memberikan sebagian dari page ranknya untuk anda jika anda berkomentar. Apabila situs anda Dofollow maka anda juga akan memiliki backlink yang kuat sehingga anda dapat membangun trafik melalui search engine. Ketiga, anda perlu untuk meyertakan atau mempromosikan blog anda pada forum online. Anda bisa menyertakan link blog anda sehingga anda dengan mudah memperoleh backlink. Keempat, anda perlu bergabung dengan situs jejaring sosial seperti facebook, twitter, tagged, dan lain-lain untuk mempromosikan blog anda. Anda dapat menggunakan fasilitas yang ditawarkan beberapa situs untuk membuat posting anda muncul pada situs jejaring sosial tersebut. Hal tersebut akan meningkatkan trafik anda dan membangun backlink yang sangat kuat.
Jadi yang mana yang anda pilih, metode pertama, kedua, ketiga atau keempat. Cobalah terapkan keempat metode tersebut diatas, saya jamin trafik pada situs atau blog anda akan meningkat dengan cepat. Semoga posting ini dapat membantu dan memberikan wawasan kepada sobat sekalian. Terima kasih telah membaca posting saya.
Label:
SEO
Membuat Recent Post Berdasarkan Label dengan Menggunakan Feeds
Sobat bloggers, feeds memang punya banyak kegunaan dalam hal blogging misalnya kita bisa membuat recent post, random post dan popular post hanya dengan menggunakan feeds. Feeds juga digunakan untuk berbagi posting atau artikel kita ke situs lain. Tapi apakah sobat tau kalau feeds bisa kita gunakan untuk membuat recent post berdasarkan label. Yang saya maksud disini adalah setiap posting sobat yang terbaru akan dimunculkan berdasarkan kategori atau label. Untuk membuat recent post atau posting terbaru dengan label kita akan menggunakan widget (gadjet) feeds pada blogger. Trik ini sangat mudah saja, untuk itu langsung saja kita praktekkan.
1. Login ke Blogger
2. Masuk ke Rancangan --> Elemen Halaman
3. Tambahkan Gadjet pada blog anda
4. Pilih Feeds pada daftar gadjet

5. Masukan feeds anda seperti di bawah ini:
7. Kemudian klik Lanjutkan, maka akan muncul posting terbaru anda berdasarkan label
8. Atur jumlah posting yang ingin ditampilkan lalu klik simpan
Mudah saja kan caranya? Anda dapat memanfaatkan fasilitas (gadjet) pada blogger untuk membuat posting terbaru berdasarkan label. Sekian tutorial dari saya, semoga bermanfaat ya...
ReadFull Article ..
1. Login ke Blogger
2. Masuk ke Rancangan --> Elemen Halaman
3. Tambahkan Gadjet pada blog anda
4. Pilih Feeds pada daftar gadjet

5. Masukan feeds anda seperti di bawah ini:
http://defecafe.blogspot.com/feeds/posts/default/-/facebookKeterangan: Apabila kata dalam kategori anda terdapat spasi, misalnya blog trik maka gunakan kode %20, hasilnya bisa seperti dibawah ini:
http://defecafe.blogspot.com/feeds/posts/default/-/blog%20trik6. Gantilah url blog saya dengan url blog anda (kode berwarna hijau)
7. Kemudian klik Lanjutkan, maka akan muncul posting terbaru anda berdasarkan label
8. Atur jumlah posting yang ingin ditampilkan lalu klik simpan
Mudah saja kan caranya? Anda dapat memanfaatkan fasilitas (gadjet) pada blogger untuk membuat posting terbaru berdasarkan label. Sekian tutorial dari saya, semoga bermanfaat ya...
Label:
Tips dan Triks
Jumat, 30 Maret 2012
Membuat Komentar Facebook Berdampingan dengan Komentar Blogger
Hai sob bagaimana kabar akhir pekan anda yang pasti menyenangkan bukan. Kebetulan karena suasana yang menyenangkan ini saya akan memberikan tutorial gimana cara membuat komentar facebook dan blogger berdampingan di blog anda. Trik yang satu ini udah saya terapkan di Blog trik dan Tips dan hasilnya sangat bagus. Oke langsung saja kita ikuti langkah-langkahnya ya:
1. Login ke Blogger
2. Masuk ke Rancangan --> Klik Edit HTML
3. Centang Expand Template Widget
4. Carilah kode <div class='comments' id='comments'>
5. Setelah ketemu paste kode dibawah ini dibawah kode <div class='comments' id='comments'>
6. Kemudian letakkan kode dibawah ini diatas kode </head>
8. Cari lagi kode /* atau #comments
9. Letakan kode berikut ini dibawah kode tadi
ReadFull Article ..

2. Masuk ke Rancangan --> Klik Edit HTML
3. Centang Expand Template Widget
4. Carilah kode <div class='comments' id='comments'>
5. Setelah ketemu paste kode dibawah ini dibawah kode <div class='comments' id='comments'>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>Keterangan: kode warna merah adalah lebar kotak komentar, tinggal anda sesuaikan
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Komentar Facebook
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Komentar 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'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
6. Kemudian letakkan kode dibawah ini diatas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>7. Ganti ID Facebook (defecafe) dengan ID Facebook anda
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='defecafe' property='fb:admins'/>
<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>
8. Cari lagi kode /* atau #comments
9. Letakan kode berikut ini dibawah kode tadi
.comments-page { background-color: #f2f2f2;}Sekian tutorial dari saya selamat mencobanya.
#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;}
Label:
Komentar
Cara Membuat Google Plus Button

1. Masuk ke Google Plusone Button
2. Pilihlah size (ukuran), anotasi dan bahasa yang anda inginkan
3. Setelah itu klik link Advance Option

5. Lalu kopi kode dibawahnya
6. Sekarang anda hanya perlu meletakkan kode tersebut di sidebar atau diposting blog
Tutorial ini sangat mudah dan singkat saja. Dengan memasang tombol Google Plus One maka kemungkinan akan semakin banyak pengunjung yang mencircle page anda. Mudah2an informasi yang saya sampaikan dapat membantu anda. Terima kasih atas kesediaannya membaca artikel ini.
Label:
google
Membuat News Sticker dengan Jquery

1. Login ke Blogger
2. Masuk ke Rancangan --> Edit HTML
3. Carilah kode kode ]]></b:skin>
4. Paste kode dibawah ini diatas kode ]]></b:skin>
/* News Sticker by www.defecafe.blogspot.com5. Selanjutnya letakkan kode berikut ini di atas kode </head>
---------------------------------------------*/
.newspic {background:#FFF url(http://4.bp.blogspot.com/-dx79apSnB6I/T3UoZVIgltI/AAAAAAAACxY/35LWW31ebL4/s1600/BRK+NW.png) no-repeat top left;BORDER:1PX SOLID #CDCDCD; width:840px;margin:0 auto;padding:0 auto;height:23px;color:#000;}
.news {width: 840px;margin:0 auto;padding:0 auto;line-height: 1em;text-align:left;font-family:Arial;font-size:10px;color:#000;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000;text-decoration:none;}
.news a:hover {color:#0099cc;text-decoration:underline;}
<!-- News sticker by www.defecafe.blogspot.com -->
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#0099cc;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 12px courier;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 960px;
height: 13px;
border: 0px solid #cdcdcd;
padding: 0px;
font:bold 13px courier;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #0099CC;}
#example1 a:link, #example1 a:visited {color:#0099cc;text-decoration:none;}
#example1 a:hover {color:#111;text-decoration:none;}
</style>
6. Kemudian kita akan meletakkan news sticker tersebut diatas posting dan sidebar seperti posisi news sticker milik saya, caranya yaitu cari kode <div id='outer-wrapper'>

<div style='clear:both;'/>8. Ganti kode berwarna merah dengan url blog anda
<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 125px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://defecafe.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
9. Simpan template anda dan lihat hasilnya
Demikian cara membuat news sticker di blogger. Semoga dengan tampilan news sticker halaman anda semakin senang dibaca oleh pengunjung. Selamat mencobanya....!
Label:
Tips dan Triks
Membuat Avatar pada Komentar Anonymous di Blog

1. Log in ke blogger.
2. Pilih Rancangan --> Edit HTML
3. Carilah kode </body>
4. Kemudian tambahkan kode dibawah ini diatas kode </body>
<!-- Avatar Komentar by www.defecafe.blogspot.com start --><script src='http://code.jquery.com/jquery-latest.js'/>Keterangan:
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlAzHT0dBZm7fQ-zHZw3Hp6kQJGcRjWpFZ_BMmvdOTvZXfjoZy9PSZpO_TOrAVHbeQCX0bcj4v2srL6D-XAfUEjMxZZoCigogFjyVhkJc82dO8rX0Gg24drpwDOZ8v78Bpo6K4RDFJlCA/s1600/anon5.png')
.ssyby('blank')
</script><!-- Avatar Komentar by www.defecafe.blogspot.com end -->
- Anda tidak perlu memasang script jquery seperti diatas apabila telah terpasang pada template anda.
- Anda dapat mengganti kode warna merah dengan url gambar yang anda inginkan

Sekian trik dan tips dari saya. Semoga dengan penampilan avatar yang baru pada blog anda akan semakin menarik pengunjung untuk berkomentar. Semoga tutorial singkat ini bermanfaat, selamat mencoba.
Label:
Komentar
Cara Mengatasi Galat atau Error pada Browser Anda

Galat saat memenuhi permintaan Anda. Maafkan kami, tapi kami tidak dapat menyelesaikan permintaan Anda. Saat melaporkan galat ini ke Layanan Bantuan Blogger atau pada Kelompok Bantuan Blogger, jangan lupa: Jelaskan apa yang Anda lakukan sebelum galat ini muncul. Sediakan kode galat dan informasi tambahan berikut ini. bX-tm......... Informasi ini akan membantu kami melacak masalah Anda dan menyelesaikannya. Mohon maaf atas ketidaknyamanan ini.........dllUntuk mengatasi galat diatas ada beberapa cara:
1. Anda dapat menghapus cookies, cache, dan history pada blog anda. Caranya pada menu bar browser anda (Mozzila), Klik Tool kemudian klik Recent History. Setelah itu tekan tombol Clear now. Kemudian anda coba keluar dari akun anda lalu login kembali.
2. Anda coba gunakan browser lain, misalnya seperti Google Chrome, Opera dan lain-lain.
3. Cobalah untuk mengganti bahasa pada situs anda. Misalnya di blogger, anda masuk ke Draft Blogger, Ganti bahasa, lalu sign out dan sign in kembali.

Label:
internet
Membuat Tulisan Admin pada Komentar Anda

1. Login ke Blogger
2. Masuk ke Rancangan --> Klik Edit HTML
3. Cari kode </body>
4. Paste kode dibawah ini diatas kode </body>
<script src='http://code.jquery.com/jquery-latest.js'/>Keterangan:
<!-- Admin comments by www.defecafe.blogspot.com start-->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL4vYio9yB2F7blWS7qi3-_oiwXsKsXuiot4D4WoT9IRF0gEGyb-wufXE2Ea8LB81q6BNGRdir4Gs0mpix3r4bbGGGmZjcMRC8peEp4xan8u_HbeozwAS3htTEVzhgyYCavZM8ErtSHW4/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Admin comments ends -->
- kode merah adalah garis pinggir
- kode biru adalah warna background
- kode hijau adalah gambar tulisan admin
- kode orens adalah jarak garis pinggir ke tulisan
5. Terakhir simpan template anda lalu lihat hasilnya
Sangat mudah kan untuk membuat tulisan komentar admin di daftar komentar blog anda. Silahkan dicoba aja yang pasti akan membuat blog anda semakin tambah bagus untuk dilihat.
Label:
Komentar
Cara Mengganti dan Menambah Style Font di Template Blogger
1. Buka situs Google Web Font http://www.google.com/webfonts/#ChoosePlace:select
2. Silahkan cari jenis font yang anda inginkan, tambahkan beberapa font dengan mengklik tombol Add to Collection.
3. Klik tombol Use disebelah kanan bawah browser

<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>5. Pada template anda carilah kode seperti ini <
7. Tambahkan kode slash "/" yang berwarna merah pada akhir kode yang dipaste tadi sehingga terlihat seperti dibawah ini:
<link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'/>8. Sekarang anda tinggal mengganti font pada template anda. Saya akan memberikan contoh bagi anda untuk mengganti font header di template anda, caranya seperti berikut ini:
9. Carilah kode #header h1 atau h2.postTitle {
10. Setelah itu ganti font family yang tadi anda pilih, contohnya seperti dibawah ini:
Kode awal pada template yang belum dirubah
#header h1{color:#00008B;font-size:26px;font-family: Arial ;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}Kode setelah dirubah saya
#header h1{color:#00008B;font-size:26px;font-family:'Condiment', cursive;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}Begitulah caranya kita menambahkan font baru ke template, bagaimana tertarik untuk membuatnya. Silahkan dicoba aja, tapi jangan lupa ikuti langkah di atas dengan baik dan ingat untuk back up template anda. Sekian dan selamat mencoba!
Label:
Teks
Kamis, 29 Maret 2012
Cara Membuat Fan Page Google Plus
Fan page tidak hanya dibuat difacebook namun kita bisa membuat fan page juga di Google Plus. Cara membuat fan page di Google Plus sangat mudah hanya membutuhkan beberapa menit saja sudah jadi. Fan page biasanya dikhususkan untuk memuat artikel-artikel atau sekedar ingin mempromosikan sesuatu. Blog Trik dan Tips juga sudah memiliki fan pagenya di Google plus, jadi jaangan lupa untuk circle kita. Jika anda belum tau tentang Google plus, maka istilah circle ini kita kenal sebagai menambah ke daftar pertemanan. Jadi bagaimana tertarik membuat fan page di Google Plus? Kalau begitu ikuti langkah berikut ini:
1. Jika anda sudah memiliki akun Google Plus langsung saja login ke sini https://plus.google.com/pages/create
2. Pilihlah kategori halaman untuk fan page anda.
3. Masukan judul halaman fan page dan url blog anda (centang jika anda setuju untuk membuat fan page)
4. Masukan tag line atau kata kunci dari blog anda, gunakan tanda koma untuk masing-masing kata, misalnya blog, trik, tips.......
5. Upload foto profil lalu klik continue.
6. Terakhir klik tombol finish
Jika fan page anda sudah jadi silahkan promosikan fan page anda lewat blog, atau anda bisa mempromosikan langsung dari fan page anda sendiri, dengan begitu banyak orang akan mengenal fan page anda. Oke sekian dulu trik dan tips dari saya, selamat mencobanya!
ReadFull Article ..
1. Jika anda sudah memiliki akun Google Plus langsung saja login ke sini https://plus.google.com/pages/create

3. Masukan judul halaman fan page dan url blog anda (centang jika anda setuju untuk membuat fan page)
4. Masukan tag line atau kata kunci dari blog anda, gunakan tanda koma untuk masing-masing kata, misalnya blog, trik, tips.......

6. Terakhir klik tombol finish
Jika fan page anda sudah jadi silahkan promosikan fan page anda lewat blog, atau anda bisa mempromosikan langsung dari fan page anda sendiri, dengan begitu banyak orang akan mengenal fan page anda. Oke sekian dulu trik dan tips dari saya, selamat mencobanya!
Label:
google
Membuat Kotak Facebook Like Melayang dengan Tombol Close

1. Log in ke Blogger
2. Masuk ke Design --> Elemen Halaman
3. Tambahkan Gadjet
4. Pilih HTML JavaScript
5. Masukan kode berikut ini dalam gadjet tersebut:
<style type="text/css">
#topbar{
position:absolute;
padding-left:-100px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixI4TycA9QgY0Zl3-WNGddDXqKpjpoYA_O1QoR2Xil3NakFyriWCJqbZbSpHeYcdPBDE4ek6cN9zN8Sgh-DuVdRf7674ez15ehLXAxgz5ueg4xLjDGxppHuwiRIZF-qtHNwIA1akQ33daf/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
PASTE KODE LIKE BOX DISINI
<span >Widget by: <a style=" font-weight:bold" href="http://defecafe.blogspot.com/">Indra</a></span>
</div>
</center>
</div>
6. Ganti kode yang berwarna merah dengan kode like box facebook fan milik anda, untuk membuatnya sobat dapat lihat DISINI
7. Simpan template anda lalu lihat hasilnya
Gimana mudah saja kan untuk membuatnya. Cobalah buat di blog anda, yang pasti fan page ada pada facebook akan semakin bertambah penggemarnya. Selain itu trafik blog anda akan semakin meningkat. Oke sekian dulu trik dan tips kali ini. Selamat mencoba..
Label:
Widget
Membuat Tombol Horizontal Twitter, Facebook dan Google Plus di Blog


2. Klik Rancangan --> Edit Halaman
3. Centang expand template widget
4. Carilah kode seperti ini: <data:post.body/>
5. Paste kode dibawah ini dibawah kode <data:post.body/>
<!—Tombol Sosial horizontal oleh www.defecafe.blogspot.com-->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
</b:if>
<div style='clear: both;'/>
<!—Tombol Sosial horizontal oleh www.defecafe.blogspot.com-->
Keterangan: Jika anda ingin tombol ini muncul diatas posting blog maka kode tersebut diletakan diatas kode <data:post.body/>
6. Simpan template anda lalu lihat hasilnya
Jika anda sudah memasangnya maka hasilnya akan terlihat seperti pada bagian bawah posting blog saya. Semoga artikel ini bermanfaat bagi anda. Selamat mencobanya!
Label:
Tips dan Triks
Membuat Efek Slide Facebook Fan Page Like di Blog

1. Pada blog anda masuk ke Design --> Edit HTML
2. Carilah kode </head>
3. Letakan script jquery dibawah ini diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>4. Simpan template anda
5. Masuk ke Elemen Halaman lalu klik Tambah Gadjet
6. Pilih HTML/Javascript
7. Masukkan kode berikut ini:
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinl3AmPAynyEbZFhgOVyiS_vkDjvoa4E84ynRYXR5EM2twuEWDUGgXE1NBJeQhHwbyYlLP4l6iVWCASD3yN38Hauou8mponSr-7IfHkcP8jWF7aUAE4-MEqCnbmY_UF8ZzO3B5nNjMez6R/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fdefecafe&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span style="color:#fff;">Widget by: <a style="color:#fff; font-weight:bold" href="http://www.defecafe.blogspot.com">Indra</a></span></div></div>
8. Ganti tulisan berwarna merah dan nama fan page anda
9. Simpan gadjetnya
Sobat bagaimana dengan hasilnya...semoga dengan kode ini akan membuat blog anda menjadi lebih menarik dan bertambah pengunjung dan fannya...semoga bermanfaat.
Label:
Widget
5 App Store Alternatif Android Market
Android Market ,apaan tuh,makanan,bukanlah....sobat pastinya sudah gak perlu ane jelasin lagi apa itu androit market,itu loh.....lembut,enak,...isinya coklat,keju,kacang(itu mah roti,admin bego).Udah deh,jadi ngawur,nih an kasih referensi situs download androit selain androit marketnya google.(sumber:temen2 ane yg suka donlot).
1. Amazon Appstore for Android 2. GetJar
3. AppBrain
4. SlideME
5. Opera Mobile Store
yap,silahkan lihat2 klw sobat punya androit(klw yg punya hp cina kyak saya gigt jari aja deh...T.T.
Label:
alternatif,
android,
download,
download mania,
info,
smartphone,
software,
tablet,
Tablet PC,
tips,
trick
Mengatasi Masalah Invalid Security Certificate pada Browser Anda
Beberapa hari yang lalu saya sempat menemui masalah mengenai security certificate pada browser saya karena merubah tanggal awal pada komputer ke tanggal yang lama. Tapi saya bisa memperbaikinya dan browser mozilla kembali berjalan dengan baik. Untuk itu saya ingin berbagi kepada anda, mengapa masalah Invalid Security Certificate bisa muncul pada brower yang anda gunakan.
Invalid Security Certificate bisa muncul pada browser anda karena dua hal yaitu:
1. Klik link "Or you can add an exception"
2. Klik tombol "Add exception"
3. Selanjutnya klik tombol "Get Certificate"
4. Terakhir klik tombol "Confirm Security Exception"
Dengan langkah seperti demikian anda bisa masuk ke website yang anda tuju
Sedangkan untuk masalah kedua ("The certificate will not be valid until 11/05/2010 07.00") disebabkan oleh sudah habisnya masa berlaku browser yang anda instal di komputer. Setiap browser seperti Mozzila Firefox, Explorer, dll biasanya memiliki tanggal expirednya. Untuk itu anda dapat memperpanjang tanggal dengan cara menginstal versi terbarunya. Terkadang juga masalah ini muncul bukan karena masa berlaku browser yang sudah habis, melainkan anda pernah mengubah tanggal komputer ke tanggal yang lama. Untuk itu anda hanya perlu mengganti tanggal komputer yang lama ke tanggal yang baru. Caranya berikut ini:
1. Lihat sudut kanan bawah dekstop anda, akan menunjukan waktu atau jam terkini
2. Klik 2 kali kemudian anda tinggal mengubah tanggalnya (bulan dan tahun)
Maka selesailah sudah masalah anda soal security certificate. Semoga artikel ini bermanfaat, selamat mencoba!
ReadFull Article ..
Invalid Security Certificate bisa muncul pada browser anda karena dua hal yaitu:
Sertifikat website dibuat oleh pribadi dan bukan dibeli dari lembaga yang punya wewenang (Maka pada browser anda akan tampil tulisan "The certificate is not trusted because it is self signed".
Browser yang anda gunakan sudah habis masa berlakunya dan harus diperpanjang (Maka pada browser anda akan muncul "Secure Connection Failed - The certificate will not be valid until 11/05/2010 07.00 (Error code: sec_error_expired certificate)"Untuk masalah pertama ("The certificate is not trusted because it is self signed") seperti diatas kita bisa masuk ke situs atau website dengan cara berikut ini:
1. Klik link "Or you can add an exception"
2. Klik tombol "Add exception"
3. Selanjutnya klik tombol "Get Certificate"
4. Terakhir klik tombol "Confirm Security Exception"
Dengan langkah seperti demikian anda bisa masuk ke website yang anda tuju


2. Klik 2 kali kemudian anda tinggal mengubah tanggalnya (bulan dan tahun)
Maka selesailah sudah masalah anda soal security certificate. Semoga artikel ini bermanfaat, selamat mencoba!
Label:
internet
Membuat Tombol Twitter dan Jumlah Follower pada Blog

1. Kunjungi situs ini https://twitter.com/about/resources/buttons#follow
2. Pilihlah tombol follow
3. Pada Button Option masukan username twitter anda
4. Kopi kode atau script untuk tombol twitter
5. Paste kode tersebut pada widget di blog anda.
6. Untuk memunculkan jumlah pengunjung pada tombol twitter tersebut maka ganti data-show-count="false" menjadi data-show-count="true". Hasilnya akan seperti tombol twitter milik Blog trik dan tips dibawah ini:
Follow @defecafe
menjadi seperti ini:
Follow @defecafe
7. Simpan widget anda lalu lihat blog anda
Dengan membuat tombol twitter mudah-mudahan anda semakin banyak followernya ya. Kebetulan karena sudah membaca artikel saya ini jangan lupa ya untuk follow saya di twitter ...Oke deh terima kasih sudah membaca, selamat mencobanya...
Label:
Widget
Rabu, 28 Maret 2012
Memperbaiki Fungsi Tombol Reply pada Threaded Comments


1. Login ke Blogger
2. Masuk ke Rancangan --> Klik Edit HTML
3. Back up atau download template anda terlebih dahulu
4. Klik Expand Template Widget
5. Carilah kode seperti dibawah ini:
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var postId = '<data:post.id/>';
var feed = '<data:post.commentFeed/>';
var authorName = '<data:post.author/>';
var authorUrl = '<data:post.authorUrl/>';
var blogId = '<data:top.id/>';
var baseUri = '<data:post.commentBase/>';
// <![CDATA[
feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = feed;
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == authorName
&& comment.author.profileUrl == authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var tok = 'comment-form_';
var hash = window.location.hash || '';
var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;
// Configure commenting API:
var configJso = {
'maxDepth': 2
};
var provider = {
'id': postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
6. Hapus seluruh kode diatas lalu ganti dengan kode dibawah ini:
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
7. Simpan Template anda dan lihat hasilnya
Jika anda sudah mengikuti langkah diatas dengan baik, maka threaded comments akan berfungsi pada blog. Semoga dengan posting diatas dapat membantu dan memecahkan permasalahan yang anda cari, selamat mencobanya.
Label:
Komentar
Sabtu, 24 Maret 2012
Menghilangkan Border Image atau Garis Pinggir Gambar

1. Login ke Blogger
2. Masuk ke Rancangan --> Edit HTML
3. Cari kode berikut ini:
.post-body img4. Setelah ketemu, lihat kode tersebut, biasanya diikuti dengan kode seperti dibawah ini:
.post-body img{border:1px solid #ccc;margin:5px}5. Ganti border anda menjadi 0 (warna merah)
6. Simpan template anda lalu lihat hasilnya.
Hilang sudah seluruh border gambar anda yang menggangu itu. Sekarang pasti lebih menyenangkan jika melihat posting artikel kita tanpa border gambar. Jika artikel ini bermanfaat silahkan berikan komentar anda.....selamat mencobanya.....
Label:
Gambar
Membuat Widget Penilaian Artikel Menggunakan Jempol

1. Masuklah ke Rancangan --> Edit HTML
2. Klik Expand template widget
3. Carilah kode seperti ini <data:post.body/>
4. Letakan kode dibawah ini diatas kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>Keterangan: kode biru diatas menunjukan widget ini hanya tampil pada posting artikel.
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'></div>
</b:if>
5. Letakan kode dibawah ini diatas kode </body>
<script src="http://js-kit.com/ratings.js"></script>6. Lalu simpan template anda.
Coba anda lihat bagaimana widget ini tampil pada posting anda. Anda akan melihat Jempol Up dan Jempol dawn dengan tampilan yang sangat menarik. Smoga artikel in ibermanfaat. Selamat mencoba ya semoga bermanfaat.
Label:
Widget
Membuat Rating 5 Star pada Blog

1. Masuklah ke Rancangan --> Edit HTML
2. Klik Expand template widget
3. Carilah kode seperti ini <data:post.body/>
4. Letakan kode dibawah ini diatas kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>Keterangan: kode biru diatas menunjukan widget ini hanya tampil pada posting artikel.
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'></div>
</b:if>
5. Letakan kode dibawah ini diatas kode </body>
<script src="http://js-kit.com/ratings.js"></script>6. Terakhir yaitu simpan template anda.
Coba anda lihat bagaimana widget ini tampil pada posting anda. Tampilannya pasti menarik bukan? Selamat mencoba ya semoga bermanfaat.
Label:
Widget
Membuat Page Peel Join Us On Facebook

1. Login ke blogger
2. Masuk ke Design --> Klik Edit HTML
3. Cari kode </head>
4. Letakan script dibawah ini diatas kode </head>
<script type='text/javascript'>var tujuan =' http://www.facebook.com/defecafe '</script>5. Ganti kode berwarna merah dengan url halaman facebook anda.
<script src='https://sites.google.com/site/ivennuary/script-ivennuary/page-peel-effect/page_peel_effect.js/' type='text/javascript'/>
6. Simpan template
Mudah saja kan membuatnya, dengan tambahan efek page feel tersebut pada blog maka akan semakin banyak pengunjung yang bergabung dengan page facebook milik anda. Semoga artikel ini bermanfaaat......
Label:
Animasi
Jumat, 23 Maret 2012
Cara Pasang Lagu di Blog

1. Login ke akun blog anda
2. Pilih Rancangan --> Elemen
3. Tambahkan Gadjet anda --> Pilih HTML/Javascript
4. Masukan kode di bawah ini
<embed align="CENTER" autostart="1" height="0" loop="1" src="http://www.4shared.com/embed/s8qieq3Y/Nikita_Willy_-_Kutetap_Menanti.swf " width="0"></embed>5. Klik saved untuk menyimpan kode tadi
Coba anda tes lagunya. Buka saja halaman blog anda pasti akan ada lagunya Nikita Willy - Ku Tetap Menanti. Kalau anda ingin menganti lagu lain, ganti script yang berwarna merah dengan kode ektensi lagu dalam format swf. Untuk lagu-lagu lainnya dapat anda klik disini: Kumpulan Ekstensi Musik SWF untuk Blog
Label:
Tips dan Triks
Pasang Toolbar Wibiya Untuk Mempercantik Blog Anda

1. Buka situs http://wibiya.conduit.com/
2. Klik tombol “Get It Now”
3. Isi formulir sesuai dengan data Anda lalu kik tombol “Next”
4. Lalu pilih tema toolbar Anda pada bagian “Select A Theme”. Kemudian klik tombol “Next”
5. Pada bagian “Application Setting”, konfigurasi akun Anda kedalam toolbar tersebut, setelah itu klik tombol “Next”

7. Lalu klik tombol “Add Widget”
Wibiya toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda. Blog anda yang pasti akan tambah keren dan meriah dengan tambahan aplikasi yang unik ini. Oke sekian tutorial dari Blog Trik dan Tips semoga bermanfaat.
Label:
Widget
Cara Mengetahui URL Feed Twitter Anda

Cara mengetahui ID twitter anda
1. Pertama anda perlu mengetahui ID twitter, caranya klik url ini: http://www.idfromuser.com/
2. Klik tombol Get ID untuk mengetahui ID twitter anda, akan muncul id twitter anda lalu simpan id tersebut.
Cara mengetahui Feed Twitter Anda
1. Time Line RSS Feed
Untuk time line RSS feed urlnya seperti dibawah ini. Anda hanya perlu mengganti Twitter username dengan user name twitter anda.
http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=Twitter usernamemisalnya punya user name punya saya jika dimasukan akan terlihat seperti ini:
http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=defecafe2. List RSS feed
Untuk list rss feed, urlnya seperti dibawah ini. Ganti Twitter username dengan username milik anda.
http://api.twitter.com/1//lists/Twitter username/statuses.atom3. ID RSS feed
Untuk ID rss feed anda akan memerlukan id anda seperti langkah diatas. Untuk url feednya akan terlihat seperti dibawah ini. Anda hanya perlu mengganti feed_id dengan id milik anda. (untuk feednya anda bisa mengubah rss menjadi atom atau json)
http://twitter.com/statuses/user_timeline/feed_id.rssAnda bisa membuka url feed twitter saya pada address bar seperti punya saya http://twitter.com/statuses/user_timeline/528376417.rss. Namun sayang setelah saya coba memasukan feed dari twitter pada gadjet blogger, tak ada yang berhasil, malah yang muncul tulisan "url tidak valid". Semoga artikel ini bermanfaat....
Label:
facebook
Aplikasi Android Album Web Picasa Bisa Membuat Album Foto Hilang Selamanya

Pertanyaan: Samish
Saya menggunakan hp android. Nah kebetulan karena ingin menjaga privasi saya hapus album foto pada hp android saya. Setelah saya cek foto album picasa saya diweb ternyata telah tiada. saya tidak tau kalau album foto dari picasa sinkron dengan hp android. Saya ingin merecover kembali foto yang hilang, bisakah anda membantu...
Jawaban: Phil KLBagaimana dengan cerita diatas mungkin ini bisa menjadi pelajaran buat kita semua. Yah memang album picasa itu hanya tempat berbagi gambar aja. Misalnya anda memiliki foto yang ingin dipamerkan aja, namun jika foto-foto penting seperti foto kenangan, foto bisnis, dan lain sebagainya perlu disimpan ditempat yang aman atau dibuat backupnya. Selain itu anda bisa simpan di Google Docs (https://docs.google.com) karena masih bisa di recover atau direstore. Oke sekian dulu info dari saya, semoga bermanfaat.
Maaf, album yang telah anda hapus telah hilang dan tidak dapat kami kembalikan. Saya sarankan anda menggunakan Google Docs sebagai penyimpanan foto off-site. Picasa Web hanya untuk akses cepat dan berbagi foto. Tapi untuk foto milik anda yang berharga sebaiknya disimpan pada Google Docs karena masih bisa direstore jika hilang
Label:
Gambar
Langganan:
Postingan (Atom)