March 12, 2014

Membuat Link di blog terbuka otomatis di tab baru



new tab
Trik sederhana ini mungkin sudah banyak bertebaran diinternet, hampir disetiap blog yang bertema tutorial blog sudah pasti mempublish trik seperti ini. tapi nggak ada salahnya juga saya menulis ulang trik ini, Bagaimana Cara membuat link di blog terbuka otomatis di tab baru?






Berikut Tutorialnya:
Backup template | Cara Membackup tmplate
Login ke blogger -> Template -> Edit HTML. 
CTRL + F Cari < head> di blog Anda HTML. Salin kode dibawah dan pastekan tepat dibawah < head>
Code - <base target=’_blank’ />

Seperti contoh dibawah :
< head>
<base target=’_blank’ />

dan simpan
Read More...
3 comments

August 05, 2013

Membuat Social Widget Blogger



widget blogger
Membuat socialwidget diblogger | SocialWidget Memiliki banyak mamfaat diantaranya dapat mempercantik tampilan blog dan juga membantu memudahkan pengunjung blog untuk menuju Halaman-halaman fanpage yang kita miliki di situs Jejaring Social yang populer.
Banyak Jenis model socialwidget yang tersedia di blog-blog yang ada diinternet, dan memberikan cukup banyak pilihan dan kita dapat memilih socialwidget sesuai dengan selera atau yang sesuai dengan model blog yang kita kelola. Berikut salah satu jenis Socialwidget yang cukup menarik untuk anda gunakan.

Tutorial Widget Blogger:

  1. Cara Membuat Form Contact Blogger
  2. Cara Membuat Forum Blogger
  3. Membuat Widget Recent Post Blogger

social widget

Cara Membuat SocialWidget Blogger

Langkah-langkah :
Pertama, Login ke Blogger.com 
>> Nama blog >>Tata Letak >> Tambah Gadget
>> Html/javascript.

Kedua, Copikan semua Kode Css dan javascript dibawah ini ke gadget yang telah ditambahkan tadi>>Html/javascript.


CSS
<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px; margin-top:-4px}
.social li a img{height:59px;width:59px}
</style>

Javascripts
<div class='social'>
<span class='fade'>
<ul>
<li><a href="http://facebook.com/tutorialgratis">
<img src="https://lh4.googleusercontent.com/-J621cGpOQ7U/T4xwcZZSH1I/AAAAAAAAJFI/d2J1pCOj9ac/s57/Facebook%2520alt%25201.png"/>
</a></li>
<li><a href="https://plus.google.com/b/110129424041359099284/">
<img src="https://lh5.googleusercontent.com/-G6yamZXq9Cs/T4xwcdajchI/AAAAAAAAJFQ/psDy5hhHRBY/s57/Google%252B%2520alt.png"/>
</a></li>
<li><a href="http://pinterest.com/blukusud">
<img src="https://lh3.googleusercontent.com/-aNmSn1uWuiE/T4xwceGx9eI/AAAAAAAAJFM/dieNFLbfp-0/s57/Pinterest%2520alt.png"/>
</a></li>
<li><a href="http://feeds.feedburner.com/alfihasnal">
<img src="https://lh6.googleusercontent.com/-vzkiY70x0UQ/T4xwdUpk6fI/AAAAAAAAJFU/L1PqWrQ26O0/s57/RSS%2520Feed.png"/>
</a></li>
<li><a href="http://www.youtube.com/channel/UChoR-OSp_OL1xJHGHP6k4rg">
<img style='width:60px' src="https://lh4.googleusercontent.com/-ao9NUL4mmD8/T4xwdY9OIhI/AAAAAAAAJFY/P4FJK8DEsYk/s57/YouTube%2520alt%25201.png"/>
</a></li>
</ul></span>
</div>

Tulisan yang bewarna biru silahkan anda ganti dengan alamat widget social yang anda miliki dan simpan
semoga bermamfaat.
Read More...
9 comments

July 29, 2013

Membuat widget Recent post blogger



recent post
Cara Membuat widget recent post diblogger, Tutorial ini lanjutan dari tutorial widget sebelumnya yang berjudul Membuat random post blogger, widget recent post blogger ini berfungsi menampilkan postingan baru diblog, jadi nggak ada salahnya kta memasang widget ini di blog agar pengunjung blog tau artikel-artikel yang masih fresh diblog yang kita kelola.
cara pemasanganya cukup mudah sama seperti tutorial kemarin yang berjudul Membuat Random post blogger.

cara membuat widget Recent post Blogger

Langkah-langkah :

Pertama, Login ke Blogger.com >> nama blog >> Tata Letak >> Tambah Gadget >> html/javascript.

Kedua, Copikan semua Kode Css dan javascript dibawah ini ke gadget >>html/javascript.

CSS.
<style type='text/css'>
#recent-posts img{
float:left;
margin-right:10px;
border:1px solid#999;
background:#FFF;
width:36px;
height:36px;
padding:3px
}
</style>

Javascripts.

<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='Turn off comments';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

SIMPAN
Read More...
3 comments
 
  • MBT Icons and buttons

    Services

    List Google Apps For education aplikasi-aplikasi Google yang dapat digunakan pada situs atau blog pribadi.!

  • choosing webhost for a blog

    Widget blogger

    forum ini kita bisa melakukan interaksi tanya jawab sesama blogger atau memiliki fungsi yang sama seperti forum-forum web kebanyakan

  • SEO Settings for blogger

    Box Wikipedia

    Baru-baru ini Blogger telah menambahkan Kotak Pencarian Wikipedia, widget baru Gadget di Blogger, Gadget ini dikembangkan oleh oficials Blogger

  • become a six figure blogger!

    Sejarah Indonesia

    Sejarah singkat tentang indonesia, hanya untuk refernsi

Powered by:

idseoblog © 2013. All Rights Reserved | Privacy Policy |