Showing posts with label Tips dan Trik. Show all posts
Showing posts with label Tips dan Trik. Show all posts
Friday, March 1, 2013

Cara Mention Akun Google+ di Blogspot

Kita sering menggunakan kata "mention" ketika sedang bertwitteran. Facebook pun tidak ingin kalah dengan twitter, fitur mention dipakai untuk memanggil nama akun facebook seseorang dengan menggunakan awalan "@" lalu ketik nama sesorang yang akan di mention.

Dan sekarang blogspot pun juga tidak mau kalah dengan dua social network tersebut, bedanya fitur mention di blogspot hanya bisa digunakan ke akun Google+. Fitur mention ini semakin membuat blogspot dapat menyatu dengan Google+. Tidak heran jika ini terjadi, karena Blogspot dan Google+ masih berada dibawah kepemilikan Google.

Cara Mention Akun Google+ di Blogspot
Caranya tidak berbeda jauh ketika kita akan mention akun di Google+. Bedanya kita melakukan mention di sebuah artikel yaitu dengan cara ketik "@" atau "+" ( Tanpa tanda "  " ). Akan terlihat tampilan pilhan akun Google+ yang akan di mention, silahkan di klik akun tersebut.

Cara Mention Akun Google+ di Blogspot

Cara Mention Akun Google+ di Blogspot


Sebagai contoh hasilnya akan seperti ini :
Coba Mention ke +Agus Kristianto ahh ...  
Cara Mention Akun Google+ di Blogspot


Mudah bukan ? Silahkan praktekkan cara ini di postingan Anda. Untuk bisa menggunakan fitur ini, pastikan bahwa Anda sudah memiliki akun Google+ dan Akun yang akan Anda mention sudah berada di "Circle" Anda.


Terima Kasih,
Semoga Bermanfaat.
Read more ...
Wednesday, February 27, 2013

Google Page Rank Bukan Segalanya

Sesuai dengan judul diatas, bahwa Google Page Rank Bukan Segalanya. Artikel ini sengaja saya tulis untuk teman- teman blogger pemula. Beberapa waktu lalu Google telah memperbarui Page Rank (PR) suatu halaman website dan blog. Ada blog yang PR nya naik, ada pula yang PR nya turun. Lalu bagaimana dengan nasib blogger yang belum mendapatkan PR ?


Sebenarnya Google Page Rank Bukan Segalanya, karena tanpa PR, blog Anda masih bisa tetap online ( kecuali di banned Google). Banyak yang beranggapan bahwa semakin banyak backlink, semakin tinggi pula nilai Page Rank blog tersebut. Pernyataan ini salah, karena yang menjamin nilai Page Rank bukan banyaknya backlink, tetapi kulitas dari konten blog tersebut. Apalagi dengan Algoritma Google Penguin, para blogger baik pemula maupun profesional dituntut untuk menaikan kualitas konten blognya. Baca juga artikel tentang Tips dan Trik Mengatasi Algoritma Google Penguin.

Kualitas suatu blog tidak dilihat dari nilai Page Rank blog tersebut, tetapi dari kepuasan para pembaca yang membaca konten blog Anda. Blog yang memiliki page ranknya tinggi juga tidak menjamin akan dipelakukan istimewa oleh Google dalam hal traffik blog. Seorang Blogger harus fokus pada topik blognya. Buatlah konten blog yang baru dan berbeda dengan blogger lainnya.

Blog dengan page rank 2 atau 3 bisa memiliki traffik yang lebih ramai ketimbang blog yang memiliki page rank 5, 6 atau 7. Tentu karena konten blog yang berkualitas dengan gaya dan kemampuannya sendiri dalam memperkenalnya blognya tersebut, baik itu melalui RSS Feed, Social bookmark dan social media seperti, Google+, facebook dan twitter



Terima Kasih,
Semoga Bermanfaat.
Read more ...
Sunday, February 24, 2013

Tips dan Trik Mengatasi Algoritma Google Penguin

Pada akhir tahun 2012 google memperkenalkan algoritma pencarian terbarunya, yaitu Penguin dan Panda. Dengan Algoritma Google Penguin sempat membuat dunia blogging menjadi heboh, hingga melalui algoritma ini banyak akun blog yang terkena dampaknya, termasuk dihapus dan di banned. Cara kerja algoritma ini adalah dengan memaksimalkan spiders bot google, yaitu dengan cara merayapi isi suatu blog maupun website untuk mencari tahu apakah isi di dalam blog/ website tersebut berkualiatas atau tidak.

Google Pinguin


Berikut  ini adalah tips dan trik mengatasi Algoritma Google Penguin :
  1. Buatlah Postingan Yang Berkualitas
    Pada algoritma ini Google bot cukup pintar untuk mengetahui apakah blog yang dirayapinya memiliki artikel yang berkualitas atau tidak. Bagi Anda yang memiliki blog dengan banyak hiasan berupa iklan porno dan sejenisnya perlu anda pertimbangkan lagi dengan algoritma ini, pasalnya banyak blog yang dihapus dan di banned karena blog tersebut mengandung banyak iklan porno dan sejenisnya.
  2. Sering Update Artikel
    Sering seringlah update artikel terbaru, karena di mata Google, blog dengan konten "segar" mendapatkan skor kualitas yang lebih baik dan posisi pencarian yang lebih tinggi dibandingkan situs yang jarang memperbarui artikelnya.
  3. Artikel Yang Orisinil
    Dengan algoritma pinguin dan panda, keaslian 
    konten sekarang menjadi salah satu parameter peringkat yang paling penting yang digunakan Google dalam mengevaluasi kualitas sebuah blog/ website.
  4. Memaksimalkan Fungsi Sosial Media
    Pada algoritma ini, Google menggunakan sosial media sebagai hasil pencariannya, misalnya 
    berbagi  di Facebook, re-tweet di Twitter, posting di Google, dll. Cara ini cukup masuk akal, karena logikanya Google  menganggap situs/konten tersebut dirate atau dishare oleh real human sehingga google menganggap situs atau konten tersebut berkualitas.
Ok, cukup sekian dulu artikel mengenai tips dan trik mengatasi algoritma Google Penguin.


Terima Kasih,
Semoga Bermanfaat.
Read more ...
Thursday, November 10, 2011

Cara Meletakan Gambar Yang Selalu Berada di Pojok

Pada postingan kali ini, saya akan membahas bagaimana cara meletakan gambar yang selalu berada di pojok meskipun "scroll bar" ditarik kemana-mana. Kalo untuk di blog ini saya pasang gambar Blogger Indonesia yang berada di kanan bawah. Wiss mudeng kan ???


Langkah- langkahnya seperti ini :
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo sudah ketemu letakan kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
3. Text yang dicetak tebal adalah posisinya, jika teman- teman ingin merubah di posisi pojok kanan bawah tinggal text "right" diganti dengan "left". Begitu juga tulisan "bottom", jika ingin posisinya di atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://aguskristianto.blogspot.com">
<img src="http://i622.photobucket.com/albums/tt305/aguschristiant/Blog/BloggerIndonesia.png" border="0" /></a>
</div>
"http://aguskristianto.blogspot.com" adalah link. ganti dengan link kamu.
"http://i622.photobucket.com/albums/tt305/aguschristiant/Blog/BloggerIndonesia.png" adalah URL gambarmu. Silahkan ganti dengan URL gambar kamu.

5. Jika teman - teman ingin yang ada disitu bukan gambar tetapi widget-widget ( chat box, iklan, kalender, dl ) yang lain, maka ganti text yang berwarna biru dengan script widget-widget tersebut.
6. Simpan dan lihat hasilnya.


Terima Kasih,
Semoga Bermanfaat,


Read more ...
Wednesday, November 9, 2011

Membuat Page Navigation Pada Blog

Pada postingan kali ini saya akan menjelaskan bagaimana cara membuat Page Navigation. Page Navigation adalah suatu navigasi halaman yang ditandai dengan penomeran halaman dari postingan yang paling baru ke postingan yang lebih lawas. Supaya tidak bingung, coba perhatikan gambar dibawah ini, yang saya beri garis warna merah.


Langkah langkahnya sebagai berikut :

1. Silakan sobat login ke akun blog sobat.

2. Klik pada menu rancangan > edit HTML

3. Kemudian cari kode
]]></b:skin>
4. Copy kode dibawah ini dan letakkan SEBELUM kode ]]></b:skin>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
5. Setelah itu cari kode </body>
6. Letakkan kode dibawah ini SEBELUM kode </body>
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://aguskristianto.googlecode.com/files/aguskristianto-page-navigation.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends --> 
7. Simpan dan lihat hasilnya.

Jika teman- teman ingin merubah jumlah postingan yang tampil pada setiap halaman silahkan ubah angka 5 menjadi angka berapa saja yang teman- teman inginkan pada kode berikut :
var displayPageNum = 5;
Sedangkan pada kode dibawah ini teman - teman bisa memodifikasi kata NEXT dan PREVIOUS menjadi SEBELUMNYA atau BERIKUTNYA ataupun dengan kata-kata yang sobat inginkan.
var upPageWord = 'Sebelumnya';
var downPageWord = 'Berikutnya';


 
Terima Kasih,
Semoga Bermanfaat,


Read more ...
Saturday, October 29, 2011

Membuat Tombol Add Comment Dengan Efek Jquery Slider

Pada postingan kali ini saya ingin berbagi informasi tentang bagaimana Membuat Sebuah Tombol Add Comment dengan Efek Jquery.  Cara ini sangat cocok untuk blog yang dikunjungi banyak komentar, maka sangat membantu para pembaca untuk menyeret bagian bawah untuk diposting komentar. Intinya adalah, pada saat kita menge klik " Add Comment ", kita akan langsung dibawa ke halaman kotak komentar.


Caranya adalah seperti ini  :

1. Masuk Ke Halaman Blogger
2. Klik Design => Edit HTML
3. Centang Expand Widget Templates
4. Cari kode </b:skin>
5. Masukkan kode CSS dibawah ini tepat di atas kode </b:skin>
a.add_comment{text-decoration:none;color:#fff}
.add_comment{float:right;padding:6px 10px;margin:20px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;display:inline-block;background:#d43131;background:-moz-linear-gradient(top,#ffaa9a,#f8674b 5%,#d54746);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa493),color-stop(.03,#f8674b),to(#d54746));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746')";-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d1371c;border-bottom:1px solid #9f220d;color:#FFF;text-shadow:0 1px 1px #6f3a02}
.add_comment:hover{background:#c92929;background:-moz-linear-gradient(top,#ff9986,#ee5f43 5%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa8772),color-stop(.03,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443')";border-bottom:1px solid #9f220d}
.add_comment:focus{padding:7px 11px;color:#FFF;text-shadow:0 -1px 1px #894906;border:none;background:#bc2323;background:-moz-linear-gradient(top,#d04443,#ee5f43 95%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d04443),color-stop(.9,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43')";box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-webkit-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-moz-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7}
6. Cari kode <b:includable id='comments' var='post'>
7. Sisipkan kode dibawah ini tepat bawah kode <b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='add_comment' href='#comment-form'>Add a comment</a>
<div class='clear' />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$('.add_comment').click(function(){$('html,body').animate({scrollTop:$(".comment-form").offset().top},1000);});</script></b:if>
8. Simpan & Selesai


Terima Kasih,
Semoga Bermanfaat,


Read more ...
Wednesday, October 26, 2011

Menambahkan Author Box di Bawah Postingan

Author Box yaitu profil singkat sang penulis blog beserta photonya. Author box itu bisa menampilkan biografi singkat diri kita dan juga mungkin bisa menambahkan kontak kita. Dengan menambahkan author box di bawah komentar akan membuat blog kita jelas dan para pengunjung mengerti siapa orang dibelakan blog tersebut.

 

Berikut ini cara Menambahkan Author Box di Bawah Postingan :
1. Login ke Blogger.
2. Pada halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> dan letakan kode berikut di atasnya;
 .author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}


6. Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-125 photo' height='90' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>Biografi singkat tentang diri kita<br/></p></div></b:if>

7. Sebelum menyimpan, ganti URL dengan URL photo kita, dan tulis biografi singkat tentang diri kita. Dan juga bisa menganti judul about author, juga bisa mengubah kode css yang disesuaikan dengan tampilan blog kita.
8. Simpan jika sudah selesai.



Terima Kasih,
Semoga Bermanfaat.





Read more ...

Cara Membuat Teks Area Dengan Berbagai Jenis Tampilan

Kali ini saya ingin berbagi informasi tentang Cara Membuat Teks Area Dengan Berbagai Jenis, bagi teman - teman yang belum mengerti silahkan di cek yah .. hehehe

1. Teks Area standar / default

Kode :

<center><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :





Keterangan :
Rows = Tinggi
Cols = Lebar

2. Teks Area dengan button / tombol higtlight

Kode : 

Untuk yang ini, adalah memudahkan Pengunjung Blog anda untuk memberi tanda hightlight

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></form></center>

Hasil Kode :





3. Teks Area dengan onclick hightlight

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya.

Kode :


<center><textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :






4. Teks Area Dengan sensitif hightlight

Untuk teks area type ini fungsinya hampir sama dengan teks area yang sebelumnya , tetapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi akan mengeblok sendiri,

Kode :

<center><textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :





Nb : Jika teman - teman ingin merubah lebar dan tinggi tampilan textarea silahkn ganti angka pada kata " rows " dan " cols ".


Terima Kasih,
Semoga Bermanfaat.
Read more ...
Saturday, September 3, 2011

Cara membuat halaman Under construction

Halaman Under construction biasa nya digunakan saat website yang kamu buat Sedang di perbaiki tampilannya. mungkin dari menu, warna, dan background blogmu. Jadi Fungsi dari Halaman Under construction untuk melakukan renovasi blogmu secara total atau keseluruhan langsung saja kita pelajari.

Under construction



  1. Login blogmu.
  2. Pilih rancangan
  3. pilih Edit html.
  4. Pilih Save template atau Download template Lengkap pada Text link di Bawah menu.
  5. Photobucket
  6. Kemudian Centang Expand Template Widget.
  7. Cari Code <body>  dan </body>.
  8. Kemudian Hapus Code sampai Code jadi <body> ........ </body>. di Hapus.
  9. kemudian Ganti dengan Code berikut.
  10. <body> <img src="URL GAMBAR" class="alignleft" width="1345" height="538" /> </body> 
  11. Save template
Keterangan :
  • Code berwarna BIRU kamu ganti dengan URL gambar kamu.

Demikian artikel tentang cara membuat halaman under construction.


Terima Kasih,
Semoga Bermanfaat.



Read more ...
Wednesday, October 28, 2009

Cara Menonaktifkan Fungsi Klik Kanan Pada Blog

Fungsi klik kanan pada mouse sangat penting peranannya, misalnya untuk melihat kode template, image, membuka halaman link pada blog yang anda kunjungi. Tapi tidak sedikit para bloggers yang menonaktifkan fungsi klik kanan pada blog - nya, Mungkin alasan mereka menonaktifkan fungsi klik kanan adalah "faktor keamanan".

Menurut saya (menonaktifkan fungsi klik kanan pada blog) tidak perlu di lakukan, Karena hanya mempersulit pengunjung dalam "mencari apa yang mereka cari".

Jika cara ini anda anggap perlu untuk keamanan, tambahkan script berikut pada template anda, caranya :

1. Login ke blog anda.

2.Pilih Tata Letak.

3. Klik Edit HTML.

4. Cari kode ]]></b:skin> pada Html anda, copy script di bawah ini !, paste - kan di bawah kode tsb.



<script type='text/javascript'>
//<![CDATA[
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
//]]>
</script>

5. Simpan template.


Terima Kasih,
Semoga Bermanfaat.

Read more ...
Thursday, August 27, 2009

Menampilkan Entri Terbaru Dengan Memanfaatkan Daftar Blog

Pada postingan saya sebelumnya saya membahas tentang menampilkan judul postingan terbaru, dengan mengunakan java script. Sekarang ada cara lagi yang lebih seru. Yang ini menampilkan entri terbaru atau recent post dengan mengunakan fitur dari blogger yaitu "Daftar Blog"

Saat kamu menambahkan gadget, di tata letak. Kita menemui fitur terbaru blogger yaitu "Daftar Blog" Perlihatkan yang Anda baca dengan blogroll dari blog favorit Anda. Nah sekarang bagaimana seandainya blog favorit kita adalah blog kita sendiri, jadinya akan asyik kan? 


Dengan fitur Daftar Blog ini kita kan menampilkan entri terbaru kita, dengan menampilkan juga

- Ikon
- Judul dari item terbaru
- Snippet dari item terbaru
- Gambar mini butir terkini
- Tanggal pembaruan terakhir

Sekarang bagaimana cara menampilkan entri terbaru dengan memanfaatkan Daftar Blog? 1. Login ke blogger
2. Pilih Tata Letak --> Tambah Gaget
3. Pilih Daftar Blog --> TAMBAHKAN KE DAFTAR
4. Tambah URL, masukan kode berikut ini:



http://NAMA.blogspot.com/feeds/posts/default/?start-index=2

Untuk entri terbaru kedua

http://NAMA.blogspot.com/feeds/posts/default/?start-index=3

Untuk entri terbaru ketiga

http://NAMA.blogspot.com/feeds/posts/default/?start-index=4

Untuk entri terbaru keempat

Dan seterusnya sesuai dengan keinginanmu, berapa banyak entri terbaru yang ingin kamu tampilkan, tinggal mengantinya dengan start-index=4 angka 4 berarti judul keempat. Ganti NAMA.blogspot.com dengan URL blog kamu sendiri. Untuk entri terbaru pertama kita tinggal memasukan URL blog kita (misal http://aguskristianto.blogspot.com).


Untuk menghilangkan judul blog, sehingga yang muncul hanya judul postingan tambahkan kode berikut ini pada template:

.blog-title {
display:none;
}


Letakkan diatas kode ]]></b:skin>



Terima Kasih,
Semoga Bermanfaat.

Read more ...

Menampilkan Judul Entri Terbaru ( Recent Post )

Masih sama dengan menampilkan judul postingan terbaru, setiap pengunjung akan dapat melihat judul-judul yang pernah kita tulis. Kita dapat menampilkannya di halaman utama blog kita. Judul yang dapat kita tampilkan lebih dari 15 judul. Judul postingan terbaru juga dikenal dengan nama recent post atau new entri.

Caranya sangat mudah, yaitu kita
1. Login ke blog kita,
2. Pilih tata letak, tambahkan gadget,
3. Pilih HTML/Javascript.

Sekarang masukan script berikut ini :

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>

Sedikit yang harus kita rubah yaitu:
numposts = 10 angka 10 berarti 10 judul yang akan kita tampilkan
http://NAMABLOG.blogspot.com NAMABLOG harus diganti dengan URL blog kita.

4. Klik Save lalu lihat hasilnya.


Terima Kasih,
Semoga Bermanfaat.

Read more ...

Menampilkan Judul Artikel Yang Terkait (Related Articles by Categories)

Berjalan-jalan ke trik-tips blogging, saya menemukan cara untuk menampilkan judul artikel yang berhubungan. Di trik ini, judul itu di tampilkan di bawah artikel, dan penampilan itu berdasarkan label. Mungkin kita ada label Musik karena kamu hobby main Musik, di Label Musik itu ada 15 judul, maka saat kita melihat salah satu dari judul itu maka 14 judul ada di bawahnya.

Berikut ini langkah-langkah kita untuk menampilkan judul artikel yang berhubungan :

1. login ke Blogger
2. Lalu pilih Tata Letak-->Edit HTML
3. Selanjutnya Expand Widgets Template template kita
4. Cari kode berikut ini

<data:post.body/>
*) untuk blog yang ada "read more" nya akan ditemui 2 kode <data:post.body/>, pilihlah kode yang pertama
5. Kalau sudah ketemu, letakan script berikut ini di bawahnya:

<b:if cond='data:blog.pageType == "item"'><div class='similiar'> <div class='widget-content'><h3>ARTIKEL TERKAIT</h3><div id='data2007'/><br/><br/><script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100;maxNumberOfLabels = 3; function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl; for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl; if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;data2007&#39;).appendChild(div1);}}}function search10(query, label) { var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);} var labelArray = new Array();var numLabel = 0; <b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;; var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div> </div></b:if>
6. Klik Save Template, Lalu lihat hasilnya.
Terima Kasih,
Semoga Bermanfaat.

Read more ...
Wednesday, August 26, 2009

Cara Menampilkan Komentar Terbaru di Blog

Merupakan suatu penghargaan tertinggi apabila artikel yang kita tulis dibanjiri dengan komentar oleh para pembaca, apalagi jika komentar tersebut relevan dengan apa yang kita tuliskan. Pasti rasanya wow banget. Itu artinya ada beberapa orang yang memperhatikan blog kita, walaupun komentarnya tidak terlalu panjang, kita harus tetap menghargai mereka.

Cara Menampilkan Komentar Terbaru di Blog


Menampilkan komentar terbaru di blog berfungsi untuk mengetahui siapa dan di artikel mana orang tersebut memberikan sebuah komentar. Hal ini bisa kita lakukan dengan cara memasang script berikut ini :
<script style="text/javascript" src="http://www.geocities.com/leo_host/komentar-terbaru.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=50;</script><script src="http://aguskristianto.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Yang perlu Anda perhatikan :
  • rc=10 angka 10 berarti banyaknya komentar yang ingin Anda tampilkan.
  • rc=50 angka 50 berarti banyaknya suku kata yang ingin Anda tampilkan pada setiap komentarnya.
  • http://aguskristianto.blogspot.com ganti dengan URL blog Anda sendiri.

Terima Kasih,
Semoga Bermanfaat.
Read more ...
Wednesday, August 12, 2009

Cara Memasang Google Translate Pada Blogspot


1. Log In dulu ke account blogger Anda
2. Klik Layout > Page Element > Tambah Gadget



3. Klik Add Gadget > Edit HTML/Java Script



4. Kemudian masukkan kode di bawah ini

<center><br/><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script><br/></center>

5. Simpan dan lihat hasilnya



Terima Kasih,
Semoga Bermanfaat.

Read more ...

About Google Translate


Layanan google translate saat ini sudah mencakup 34 bahasa, dan kita sebagai negara indonesia cukup berbangga diri karena bahasa indonesia termasuk satu diantaranya.Dengan layanan situs web gratis ini, pengguna bahasa Indonesia dapat menerjemahkan teks frase atau halaman web tertentu dari dan ke bahasa Indonesia. Mereka juga dapat menggunakan kata-kata kunci dalam bahasa Indonesia untuk mencari halaman situs web yang diterbitkan dalam 34 bahasa dan hasilnya diterjemahkan secara otomatis ke dalam bahasa Indonesia.
-->
Selain itu, Google juga menyediakan sebuah alat (gadget) yang dapat digunakan oleh pemilik situs web berbahasa Indonesia untuk menerjemahkan secara instan halaman situs web mereka ke 34 bahasa lainnya.
Kini, pengguna internet yang mengunjungi situs web berbahasa Indonesia dapat menerjemahkan situs web tersebut secara otomatis ke salah satu dari 34 bahasa yang tersedia dengan menggunakan menu drop-down yang terdapat pada gadget Google Terjemahan™. Pengguna akan dibawa secara otomatis ke versi situs web anda yang telah diterjemahkan.
-->
Layanan tersebut dapat diakses di http://translate.google.co.id. Google Terjemahan™ saat ini mendukung bahasa-bahasa:

Arab, Indonesia, Bulgaria, Catalan, Cina, Kroasia, Ceko, Denmark, Belanda, Inggris, Filipina, Finlandia, Perancis, Jerman, Yunani, Yahudi, Hindi, Italia, Jepang, Korea, Latvia , Lithuania, Norwegia, Polandia, Portugis, Rumania, Rusia, Serbia, Slovakia, Slovenia, Spanyol, Swedia, Ukraina, dan Vietnam.
Nb: Google Translate hanya bisa menerjemahkan kata yang sesuai dengan ejaan yang benar bukan bahasa gaul atau sehari- hari.
Jadi, jangan heran kalau hasil terjemahan teman- teman tidak terlalu sempurna.

Sumber: http://tutor-internet.com

Terima Kasih,
Semoga Bermanfaat.

Read more ...
Tuesday, August 11, 2009

Cara Membuat Shoutmix Tersembunyi



1. Pertama-tama Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu klik Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Java Script.

3. Kemudian masukkan kode di bawah ini.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" frameborder="0" width="300" src="http://www2.shoutmix.com/?aguschristiant" height="400" title="aguschristiant">
<a href="http://www2.shoutmix.com/?aguschristiant">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Ganti kode yang berwarna biru dengan kode shoutmix anda
5. Lalu simpan dan lihat hasilnya.


Terima Kasih,
Semoga bermanfaat.

Read more ...

Cara Memasang Shoutmix Pada Blogspot

Shoutmix adalah tempat komunikasi dengan meninggalkan pesan (chatbox) yang umumnya di letakan pada sebuah blog atau website, yang mempermudah pengunjung untuk meninggalkan pesan.

Langkah-langkah memasang Shoutmix :

Mendaftar untuk mendapatkan Shoutmix

1. Masuk dahulu ke situsnya http://www.shoutmix.com
2. Klik CREATE YOUR SHOUTBOX NOW
3. Isi Formulir pendaftaran/ register


  • Shoutbox ID:
“Username untuk mengakses Shoutbox, contoh: "aguschristiant”
  • Choose Password:
“Isi dengan password yang diinginkan”
  • Retype password:
“Isi kembali password yang di atas”
  • Name:
“Nama Anda, contoh: "Agus kristianto”
  • Email:
“Masukan email Anda, contoh "aguschristiant@gmail.com"
  • Checklist ” I have read and agree to the Terms of Service.”
  • Klik continue

1. Pilih salah satu bentuk
Shoutmix yang diinginkan dengan mengklik lingkaran di gambar, kemudian klik Continue

2. Kemudian klik “Go to my control panel now >>
3. Klik Get codes, jika ingin merubah warna atau style shoutmix anda bisa merubah di bagian Display.


4. Tentukan Width (Lebar) dan Height (Tinggi) yang diinginkan, atau dibiarkan saja.

5. Blok Script (code tulisan di bawahnya) klik kanan mouse, klik copy.

MEMASANG SCRRIPT DI BLOGSPOT
1. Buka jendela baru, File => New => Window, atau File => New Tab

2. Login ke blogspot
3. klik “Tata Letak”


4. Klik Tambah Gadget -->
HTML/JavaScript


5. Masukan Judul yang diinginkan, contoh: Tinggalkan Pesan
6. Pada bagian Konten, Paste Kode Script yang tadi diambil di shoutmix.com

7. Kemudian klik Simpan
8. Kemudian pada Layout bagian atas klik SIMPAN (sebelah kanan BERSIHKAN EDIT)

9. Lihat hasilnya dengan klik “Lihat Blog” pada bagian atas Dashboard



Demikian Cara Memasang Shoutmix Pada Blogspot.


Terima Kasih,
Semoga bermanfaat..


Read more ...
Thursday, July 23, 2009

Cara Mudah Mengganti Template Blogspot

Pada artikel sebelumnya saya sudah membuat postingan mengenai cara membuat blog. Hal yang biasanya dilakukan blogger pemula setelah membuat blog adalah mengganti template bawaan blogger dengan template  custom yang bisa di dapatkan di internet.

Sebelum mengganti template, pastikan terlebih dahulu bahwa Anda telah memiliki template baru yang akan Anda pasang. Saat Anda download template baru anda biasanya masih dalam berbentuk zip file dan pastikan file tersebut di extract terlebih dahulu dana di dalamnya berisi file  berbentuk XML template.

Jika semua file sudah disiapkan, kita langsung masuk ke cara selanjutnya, yaitu :

  1. Log in ke Dashboard Blogger Anda
  2. Klik Layout > Edit HTML

    Cara Mudah Mengganti Template Blogspot
  3. Untuk menghindari terjadinya error setelah install template baru, Backup file XML template Anda dengan download terlebih dahulu template anda yang lama, Klik "Download Full Template".
  4. Setelah download centang "Expand Template Widget" 
  5. Upload sebuah template dari sebuah file pada hard drive Anda, Klik "Browse" dan "Upload".

    Cara Mudah Mengganti Template Blogspot

    Cara Mudah Mengganti Template Blogspot
  6. Ketika muncul konfirmasi widget, Klik "Keep Widget" 
  7. Save dan lihat tampilan Template baru anda.

    Cara Mudah Mengganti Template Blogspot
Demikian artikel mengenai cara mudah mengganti template blogspot.

Terima Kasih, 
Semoga Bermanfaat.
Read more ...
Friday, July 17, 2009

Cara membuat Akun Email Yahoo

Tulisan dengan judul cara membuat akun email yahoo ini ditulis untuk orang yang baru pertama kali menggunakan internet dan belum mengetahui bagaimana caranya membuat sebuah account email di internet. Pada tulisan kali ini akan diberikan contoh pembuatan email di yahoo.co.id. Langkah pertama yang harus dilakukan adalah buka browser anda seperti firefox, internet explorer atau opera dll, kemudian ketik alamat berikut http://mail.yahoo.co.id dan selanjutnya klik sign up/ daftar pada pojok kanan atas.


Selanjutnya anda akan dibawa ke sebuah bentuk form atau formulir yang tampak sebagai berikut:


Cara membuat Akun Email Yahoo

Setelah itu isilah data-data yang perlu dimasukkan.Sedangkan untuk ID yahoo dapat anda isi dengan kata-kata tertentu yang akan anda jadikan sebagai alamat email anda nantinya dan kata-kata tersebut dapat berupa susunan abjad atau kombinasi dengan angka, salah satu contohnya seperti simamat@yahoo.com
.


Terima Kasih,
Semoga Bermanfaat.



Read more ...