Pages

Subscribe:

Ads 468x60px

Tampilkan postingan dengan label Trik blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trik blog. Tampilkan semua postingan

Cara membuat related post di bawah postingan blog

KORD GITAR Cara membuat related post di bawah postingan blog :. Berikut adalah Cara membuat related post di bawah postingan blog. Dan ulasan Cara membuat related post di bawah postingan blog ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara membuat related post di bawah postingan blog" ini bermanfaat buat Anda semua.



Hal yang pertama yang ada di pikiran anda adalah "apa itu related post?" dan "apa gunanya related post di blog?"
Saya jelaskan sedikit,
Related post adalah sekumpulan link untuk memudahkan para pembaca untuk menemukan atau mencari artikel atau konten yang hampir sama dengan judul atau konten yang di ketik atau di cari di blog tersebut.
Apa fungsi related post ?
Memang sebagian orang sepele terhadap related post, tetapi tidak sedikit yang menganggap bahwa related post adalah suatu cara untuk membuat konten di blog gampang ter search di google, atau bisa di sebut SEO.

Berikut adalah fungsi related post :

1. Memudahkan pengunjung untuk mencari konten yang hampir sama dengan hasil pencarian yang di klik, sehingga postingan gampang di search di google.
2. Membuat page view suatu blog menjadi bertambah, karena pengunjung mengklik konten yang sama yang pengunjung cari.


Sudah tau kan apa itu related post dan  fungsinya ?
Ok langsung saja  Cara membuat related post di bawah potingan blog

1. Login ke blogger
2. Masuk ke menu edit template, kemudian cari kode </head> atau tekan ctrl+f untuk memudah kan mencari kode di template blogger.
3. Kemudian Copy kode di bawah ini, tepat di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>


4. Setelah selesai langkah ketiga selesai, kemudian anda cari lagi kode  <data:post.body/>
5. Kemudian anda copy kode di bawah ini dan letakkan tepat di bawah kode  <data:post.body/>,

Perhatian :"biasanya akan ada bebrapa kode  <data:post.body/> di template anda, maka dari itu anda coba gunakan kode  <data:post.body/>, satu persatu untuk mem paste kode berikut,
ingat, hanya salah satu kode  <data:post.body/> saja.

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>


6. Kemudian save dan lihat hasilnya, bila tidak muncul related post di bawah postingan anda, kemungkinan anda meletakkannya salah, maka dari itu silahkan coba letakkan kode tersebut di bawah salah satu kode <data:post.body/>. biasanya ada 3 kode <data:post.body/> di template anda.


Selamat mencoba !

Cara memasang translator di blog anda

KORD GITAR Cara memasang translator di blog anda :. Berikut adalah Cara memasang translator di blog anda. Dan ulasan Cara memasang translator di blog anda ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara memasang translator di blog anda" ini bermanfaat buat Anda semua.

Cara memasang google translate di blog atau cara memasang translator di blog anda.
translate di blog sangatlah berguna karena mungkin bukan orang indonesia saja yang melihat blog anda, tetapi orang dari luar indonesia pun melihat blog anda dan itulah gunanya translate di blog agar pengunjung dapat membaca artikel anda dalam bahasa mereka.

<lihat seperti di blog saya >



 Langsung saja :
 

1. Copas code berikut :

   <!-- Begin TranslateThis Button -->

<div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/">translate</a></div>

<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End TranslateThis Button -->



2. Masuk ke blogger, klik tataletak>>tambah gadget>>HTML/javascript
3. copas kode tersebut di gadget tersebut, kemudian simpan.

selamat mencoba !






Cara Menambahkan Kolom dibawah Header blog

KORD GITAR Cara Menambahkan Kolom dibawah Header blog :. Berikut adalah Cara Menambahkan Kolom dibawah Header blog. Dan ulasan Cara Menambahkan Kolom dibawah Header blog ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara Menambahkan Kolom dibawah Header blog" ini bermanfaat buat Anda semua.

Cara Menambahkan Kolom dibawah Header blog-Cara memberi kolom tambahan di bawah header blog atau cara menyisipkan kolom di bawah header blog atau cara membuat 3 kolom di bawah header. kali ini saya membahas tentang trik komputer , diamana kali ini akan saya beritahu tentang cara pemasangan kolom widget yang berada dibawah header atau menu blog. Hal ini biasanya di pasang ketika ada seseuatu yang akan kita pasang di kolom tersebut, bisasanya berupa iklan berukuran 728 x 90 di bawah header atau iklan 568 x 60 . Untuk itu ada beberapa kode yang harus anda pasang di template blog anda.
Add caption


Cara pemasanganya yaitu :

    Masuk ke bloggger dengan menggunakan akun anda .
    Kemudian Klik Template ===> Edit HTML ===> Lanjutkan (Centang Expand Template Widget).
    Lalu  Cari kode ]]></b:skin>
    Setelah anda menemukan kode  ]]></b:skin>  Copy kode html dibawah ini ....kemudian paste tepat diatas kode  ]]></b:skin> .



    <div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>



    Setelah itu  Cari lagi kode <div id='main-wrapper'> atau <div id="main-outer">
    Setelah ketemu salah satu kode tersebut Copy kode dibawah ini dan letakan  tepat diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">


    <div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>



    Setekah itu saya sarankan anda agar pratinjau terlebih dahulu sebelum di save .
    Setelah anda pratinjau dan templatenya lancar lancar aja , kemudian anda tinggal save template anda tersebut .
    Kemudian masuk ke ===>Tata Letak ,dan lihat perubahannya.

SELAMAT MENCOBA.>!!!!

Cara membuat banner di blogspot / Gampang dan gratis

KORD GITAR Cara membuat banner di blogspot / Gampang dan gratis :. Berikut adalah Cara membuat banner di blogspot / Gampang dan gratis. Dan ulasan Cara membuat banner di blogspot / Gampang dan gratis ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara membuat banner di blogspot / Gampang dan gratis" ini bermanfaat buat Anda semua.

caution : Saya baru saja copas dari blog tetangga, tapi agak saya modif dikit aja biar terlihat lebih gampang :p
Bagi sobat-sobat blogger mungkin sudah lihai dalam memodifikasi blognya. Tapi buat newbie newbie mungkin masih awam dalam hal ini, ya seperti saya :D Disini saya mau jelaskan tentang cara membuat banner di blog supaya bisa diklik, supaya lebih keren dan temen temen lainnya bisa langsung copas aja. Ada beberapa macam situs layanan membuat banner gratis, salah satunya dan yang sering saya gunakan adalah cooltext.com karena sangat mudah sekali. Oke langsung aja ya langkah langkah cara membuat banner supaya bisa diklik, sebagai berikut:



1.Kunjungi cooltext.com
2.Pilih contoh contoh banner lalu klik
3.Pada kolom Logo Text ganti dengan judul blog anda
4.Pada kolom Text Size ganti ukuran textnya sesuai keinginan anda
5.Pada Text Color ganti warna textnya sesuai keinginan anda
6.Background Image silahkan jika anda ingin menggantinya
7.kalo sudah selsai semua klik "render logo"
8.lalu klik "download image"
9.Simpan di PC anda
10.Lalu buka http://www.photobucket.com
11.daftar dulu klo sudah langsung login
12.Lalu klik "album & upload" lalu "choose file" pilih "from my computer" lalu pilih banner anda tadi

13. kalo proses upload sudah selsai arahkan mousenya ke gambar banner tadi Lalu klik bannernya. lalu copy script yang ada di kolom HTML CODE
14. kemudian anda login ke blog anda ! Untuk blogspot anda masuk ke "LAYOUT"---->"ADD GADGETS"---->"HTML / Java Script" lalu SAVE. Selsai ;)

contoh code HTML yang telah di copy tadi
<a href="http://s1273.beta.photobucket.com/user/sonivaldi/media/cooltext951825591_zps35c9de90.gif.html" target="_blank"><img src="http://i1273.photobucket.com/albums/y414/sonivaldi/cooltext951825591_zps35c9de90.gif" border="0" alt=" photo cooltext951825591_zps35c9de90.gif"/></a>
 
 15. Supaya banner jika diklik bisa langsung ke alamat situs anda.
maka ganti kode yang berwarna merah dengan nama web atau blog anda. dan hapus tulisan yang berwarna hijau.

contoh hasil code HTML : <a href="http://sonirivaldi.blogspot.com/" target="_blank"><img src="http://i1273.photobucket.com/albums/y414/sonivaldi/cooltext951825591_zps35c9de90.gif" alt=" photo cooltext951825591_zps35c9de90.gif" border="0" /></a> 

sumber : http://www.feryfadly.com/2009/01/cara-bikin-banner.html 

cara memasang flash map counter (peta penghitung pengunjung web yang berbasis flash) di wordpress.com

KORD GITAR cara memasang flash map counter (peta penghitung pengunjung web yang berbasis flash) di wordpress.com :. Berikut adalah cara memasang flash map counter (peta penghitung pengunjung web yang berbasis flash) di wordpress.com. Dan ulasan cara memasang flash map counter (peta penghitung pengunjung web yang berbasis flash) di wordpress.com ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "cara memasang flash map counter (peta penghitung pengunjung web yang berbasis flash) di wordpress.com" ini bermanfaat buat Anda semua.

Bagaimana cara memasang flash map counter (peta penghitung pengunjung web yang berbasis flash) di wordpress.com?

Map counter adalah sebuah widget yang dipasang di web untuk mengetahui asal pengunjung berdasar kota/negara dalam bentuk peta. Dengan data tersaji secara real time. Jadi saat itu juga kita tahu darimana saja visitor web yang sedang online berasal. Sangat berbeda dengan whos.amung.us yang hanya menghitung berapa yang online.

Map counter disediakan secara gratis oleh Revolver Maps. Namun untuk memasang di blog wordpress.com, kita tidak bisa copy dan paste begitu saja kode yang diberikan oleh mereka. Ada sedikit yang harus dimodifikasi agar bisa tampil di blog wordpress.com.

Lebih mudahnya kita ikuti step by stepnya di bawah ini:



1. Kunjungi www.revolvermaps.com

2. Biarkan semua pilihan apa adanya

3. Khusus pilihan ke 5, pilih Flash version via HTML



4. Setelah kalian mendapatkan kodenya. Kemudian tekan Ctrl+F utk mencari .gif.
Lihat dan catat deretan angka+huruf sebelum .gif. Angka+huruf tsb adalah ID unik milik kalian. Dalam contoh gambar ID uniknya = 7sibps78dqc



5. Copy dan paste kode dibawah ini di widget text wordpress.com. Jangan lupa ganti semua tulisan ID-UNIK-DISINI dengan ID unik milik kalian.

<a href="http://www.revolvermaps.com/?target=enlarge&i=ID-UNIK-DISINI&color=ff0000&m=0">
[gigya width="256" height="128" src="http://rd.revolvermaps.com/f/f.swf" quality="high" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" flashvars="m=0&i=ID-UNIK-DISINI&r=20&c=ff0000" allowNetworking="all" allowScriptAccess="always"]
<img src="http://jd.revolvermaps.com/c/ID-UNIK-DISINI.gif" width="1" height="1" alt="Map" /></a>


Penampakan Map Counter:

KLIK LINK CONTOH GAMBAR:
http://www.revolvermaps.com/?target=enlarge&i=04QNNSoqyXa&color=ff0000&m=0&ref=null






*Tanda merah adalah asal pengunjung
*Tanda merah berkedip adalah yg sedang online

sumber : http://blog.kedaigadogado.com/2012/05/cara-memasang-map-counter-di.html