meta tag seo friendly

Seperti Login ke Blogger
Lalu silahkan pilih Rancangan .
Kemudian edit HTML.
Centang Expand Widget Template.
Download Template Lengkap (sebagai back up).
Lalu cari kode berikut <b:include data='blog' name='all-head-content'/>
Kemudian silahkan copy dan letakkan kode meta tag berikut persis dibawah kode diatas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='DESKRIPSI BLOG' name='DESCRIPTION'/>
<meta content='KEYWORD BLOG' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content=' NAMA PENGGUNA BLOG ' name='author'/>
<meta content='2012, JUDUL BLOG ' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>

Simpan

Readmore → meta tag seo friendly

percepat loading blog dengan compress HTML , Java Script , dan CSS

Dalam tutorial kali ini saya akan mempostingkan bagaimana cara percepat loading blog dengan compress HTML , Java Script , dan CSS

Pengompresan kode ini akan membuat blog menjadi lebih ringan dan lebih cepat oke kalian bisa terapkan pada blog kalian kalau ingin blog kalian lebih cepat dan lebih ringan kalian bisa mengunjungi situs berikut

Untuk compress HTML

http://www.digitalcoding.com/tools/compress-html.html

Kalian bisa memasukan kode HTML di tempat yang sudah disediakan... Dimana letak kode HTML? pasti kalian bingung kan. Penempatan kode HTML di template kita penempatannya yaitu antara kode

<body>

Kode HTML

</body>

Untuk compress Java Script (.js)

http://yui.2clics.net/ untuk file (.js)

http://refresh-sf.com/yui/ untuk code Java Script dan file (.js)

Penempatan kode Java Script atau file (.js) di atas atau dibawah kode <head> atau kode </head> kalau kalian memasukan kode java script ditemplate kalian jika tidak, kalian tidak perlu melakukan kompres tersebut

Untuk compress CSS

http://www.cssdrive.com/index.php/main/csscompressor/

Penempatan kode CSS ialah antara kode:

<b:skin><![CDATA[

Kode CSS Disini

</b:skin>

Kode CSS Disini

</style>

Pilih Super Compact agar compress lebih efektif

Readmore → compress html dan css

membuat random post

Random post ini disebut dengan random post dinamis, karena tampilannya yang berupa slide. Dengan tampilan slide tersebut, tentu random post ini juga akan menarik perhatian pengunjung.

Bagi anda yang jarang mengupdate blog, mungkin widget ini cukup berguna. Karena semua artikel yang ada di blog anda akan ditampilkan secara acak nantinya dengan menggunakan widget ini.

Dengan begitu, pengunjung yang beberapa kali mengunjungi blog anda bisa terus membaca artikel-artikel anda yang lain, walaupun anda belum menambahkan postingan baru sekalipun.

Bagi anda yang ingin mencoba random post dinamis ini, bisa langsung mengikuti tutorial blog berikut.

CSS

Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.

Log in ke blogger.
Pilih menu Layout (Tata Letak) » Edit HTML.
Cari kode ]]></b:skin>.
Copy kode berikut di atas kode tadi.

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

Simpan template.

Script Random Post

Untuk memasang script random post ini ikuti langkah-langkah berikut.

Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
Klik Add a Gadget (Tambah gadget).
Pilih gadget HTML/JavaScript.
Copy-paste script berikut ke dalam gadget tadi.

Jangan lupa ganti nama blog anda.
Simpan gadget.

Sekarang lihat hasilnya. Postingan anda akan tampil secara random (acak).

Readmore → membuat random post

membuat artikel terkait

Artikel Terkait (Related Post) dalam blog menunjukkan keterkaitan antara artikel yang sedang ditampilkan dengan artikel sejenisnya(satu kategori). Membuat Artikel Terkait dapat membantu dan mempermudah pengunjung mendapatkan artikel-artikel yang sedang dicarinya.
Pembuatan artikel terkait dapat dilakukan dengan syarat semua artikel dalam blog sudah diberi label. Meskipun di Google sudah ribuan artikel membahas tentang cara membuat Artikel Terkait tetapi tidak ada salahnya jika pada kesempatan ini saya bahas tentang Trik Membuat Artikel Terkait dalam Kotak Scrol Bar.
Jika Anda berminat ikutilah langkah-langkah berikut ini;

1. Masuk dulu ke blogger dengan ID anda
2. Setelah berada di Dasbor klik Rancangan
3. Kemudian klik Edit html, jangan lupa kasih centang pada kotak Expant Template Widget

4. Pada area html cari kode <data:post.body/> untuk memudahkan pencarian klik f3 atau ctrl f,
5. Copy kode dalam kotak di bawah ini dan paste di bawah kode <data:post.body/> tepatnya di bawah kode </b:if>

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Artikel yang Anda Cari:</H2>
<div class='rbbox'>
<div style='margin:0; padding:15px;height:150px;overflow:auto;border:5px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

5. Jika sudah selesai jangan lupa klik Simpan Template
Selanjutnya klik Lihat blog

Silahkan mencoba semoga berhasil.

Readmore → membuat artikel terkait

ngehack modem smartfren

Hack Modem Smartfren to 3Mbps

internet modem smartfren unlimited + kecepatan download sampai 3 mbps

langsung ke caranya aja ya sob : dial dulu modem sob pake kartu smartfren dan coba aja ke chome or firefox, lalu ketikkan:

Code:
smartfren.com@url:google.com

dan coba liat halaman pencarian google kebuka... jd ada vuln disitu.

yuk kita gabungin pake proxy....

ne software yg akn kita butuhkan.. dpt di donlot disini

langsung saja!
1. Install program ispce td, trus buka, beri centang pada query mode, dan kita atur listen portx 127 biar gampang nantinya. klik OK.
[Image: Capture1.JPG]

2. Coz domain yg hanya bisa diakses saat pulsa smart sob habis "nol" adalh smartfren.com, smart-telecom.co.id, dan jump.smart-telecom.co.id, jadi masuklah pd Query URL Configuration, pilih front query, trus masukkan salah satu domain tsb pd font query + simbol "@".
[Image: Capture2.JPG]

3. Kita beralih pd proxy configuration, unk proxy server silahkan cari sendiri, dgn catatan proxy dgn port 80 dan 3128 yg hanya bisa dgunakan disini, coz pihak smartfren mungkin hanya membuka kedua port tsb. unk proxy cari di google sendiri ea ato ke hidemyass.com banyak koq.. cari yang fast proxy, biar liar larinyaaa,,, hehehehhe
Ato kalo gak pengen repot pake aja ne proxy, tp gak ane jamin, lemoootnya ampuuunnn..!!
[Image: Capture.JPG]

4. Udahan dulu, klik REFRESH 3x, lalu minimize, jangan di-exit!!

next...

buka firefox. ke menu Options - Advanced - Network - Setting. Atur http proxy 127.0.0.1, dan gunakan listen portx yg tadi yaitu 127., berikan centang pd use this proxy.........
kemudian kosongkan pd No proxy for.
[Image: Capture.JPG]

dan silahkan menikmati yg gratisan.

Bagi sob yg daerahx sudah tercover EVDO n make perangkat (modem) yg mendukung kecepatan EVDO rev A ato rev B,. pihak smart tdk membatasi bandwidth (kecepatan), speed bisa mencapai 3.1 Mbps ato sekitar 396,8 kb per detik. (bedakan antara bit dgn byte, 1 bytes= 8 bit)
Unk daerah yg hanya trdapat jaringan CDMA 1x cuma bs donlot sampek 19 kb per detik. jadi yg sabar aja ya..... heheheh
[Image: 261812_247337965277544_100000040266345_1...7237_n.jpg]

[Image: 261812_247337965277544_100000040266345_1...7237_n.jpg]

NOTE :
1. Pertama, agar gratisan dapat digunakan pd browser chrome da IE, pd browser IE masuklah ke Internet Options - Connections, pilih pd koneksi yg sedang sob gunakan, klik Settings. Masukkan proxy dan portnya seperti pd firefox td. lalu klik OK. OK lagi. dan OK lagi.
[Image: Capture.JPG]

Agar bisa dgunakan unk mendownload lewat IDM, pilih Download - Options - Proxy, berikan centang dan masukkan proxy di Use Http proxy. Klik OK.
[Image: Capture.JPG]

2. Kedua, beberapa situs ato blog mungkin tidak dpt dbuka dg sempurna, ataupun tdk dpt dibuka sama sekali, misl: mail.google.com, mail.yahoo.com. coz menggunakan protokol HTTPS yg mungkin perluh make port selain yg ane cantumkan d ats.

Readmore → ngehack modem smartfren

membuat permalink di blogspot

Saya berani bilang,permalink blogger yang akan kita ciptakan sendiri ini sangat seo friendly.
Percayalah!

Jika wordpress sudah menyediakan tag,lain halnya dengan blogger.
Meskipun platform blogspot tidak menyediakan fitur tag,namun fitur label pada blogger sudah dapat mewakili selayaknya tag pada blog wordpress.

Hanya saja,url yang dihasilkan dari label blogspot,belum dapat dibaca search engine alias belum begitu seo friendly.

Tapi ada tips dan trik cara membuat tag / permalink sendiri alias manual di blogger blogspot.

Membuat Permalink / Tag Sendiri(manual) pada Blogger

Saya berani bilang,permalink blogger yang akan kita ciptakan sendiri ini sangat seo friendly.
Percayalah!

Seperti yang anda lihat pada blog ini,setiap anda membuka suatu posting,diakhir posting akan tertera permalink yang mampu dibaca oleh mesin pencari,Google pada khususnya.

Yup!Tulisan 'Anda sedang membaca artikel tentang..dst' adalah permalink yang saya ciptakan sengaja untuk mendongkrak postingan di posisi serp.

Berminat untuk membuat seperti itu?

Langkah Cara Membuat Permalink Tag Otomatis untuk Blogger Blogspot

Pertama,pergilah ke Dashboard blogger anda,selanjutnya pilih Tata Letak dan kemudian pilih tab Edit HTML.
Seperti biasa,jangan lupa contreng tulisan Expand Widget Templates ya :D
Berikutnya,cari kode ]]></b:skin> (gunakan Ctrl+F untuk membantu pencarian),setelah ketemu kode tersebut,persis diatasnya letakkan kode css berikut :
.membuatpermalinkblogger {border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;} .membuatpermalinkblogger a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}
Selanjutnya,cari kode berikut:
<data:post.body/> atau <p><data:post.body/></p>
Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> <div class='membuatpermalinkblogger'> <center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div> <b:else/> <p><data:post.body/></p> </b:if>
Lalu simpan Templates,selesai :D

Bagaimana jika saya menemukan dua(2)kode <data:post.body/>,misal karena saya telah membuat read more/baca selengkapnya?

Memang,setelah anda merubah template menambahkan fasilitas read more,akan ada 2 kode <data:post.body/>,seperti ini:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>

</b:if>

Betul tidak,ada dua kode ? solusinya,tinggal menyelipkan kode permalink diatas diantaranya,jadi kira-kira kodenya akan menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<div class='membuatpermalinkblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Readmore → membuat permalink di blogspot

mengenal streamster

Sulit rasanya untuk melakukan transaksi jika Anda tidak mengenal instrumen yang ada di aplikasi Novativa Streamster. Aplikasi ini berisi informasi data dan grafik harga berbagai mata uang dunia yang sedang diperdagangkan, Anda bisa berkomunikasi dengan trader lain dan support Marketiva melalui fasilitas chat, selain itu aplikasi ini juga berisi data dan informasi tentang akun Anda. Dengan aplikasi inilah Anda bisa melakukan analisa sebelum pada akhirnya memutuskan untuk melakukan transaksi.

Cara Mengoperasikan Aplikasi Streamster
Bila Anda sudah menginstal aplikasi ini. Maka seharusnya di desktop atau start menu komputer Anda sudah terlihat icon Marketiva. Bila tidak terlihat Anda bisa mencarinya (biasanya) di Drive C: Program Files/Novativa Srteamster/Streamster.exe. Klik icon Streamster dua kali untuk mengaktifkan.
Setelah itu akan muncul kotak Login seperti di bawah ini. Silahkan login dengan “username” dan “password” yang Anda miliki.
Login Marketiva

Bila sukses maka platform trading Marketiva akan terbuka berisi informasi grafik pergerakan harga serta informasi akun Anda sendiri. Tidak terlalu susah untuk mengoperasikan instrumen yang ada di dalamnya. Dengan mengutak-atik sedikit Anda akan segera terbiasa dengan aplikasi ini. Beberapa petunjuk yang mungkin bisa memudah Anda bisa Anda baca pada informasi berikut.
Marketiva Trading Platform

Secara default Platform Marketiva (Streamster) terbagi atas 4 Jendela yang memiliki beberapa tab denga fungsi dan informasi berbeda. Beberapa bisa kita lihat seperti di bawah ini;
1. Jendela pertama berisi informasi informasi harga mata uang asing (Forex), Funds, Index, dan Comodities. Yang semuanya bisa diperdagangkan melalui Marketiva. Tapi di sini kita hanya menampilkan jendela yang berisi informasi forex saja.
Marketiva Forex Rates

Currency Pair: Menunjukkan pasangan mata uang yang bisa anda pilih untuk diperdagangkan.
Last : Menunjukkan posisi terakhir nilai dari pasangan mata uang tersebut.
Bid : Menunjukkan nilai harga jual yang akan masuk ke transaksi anda jika melakukan order sel
Offer : menunjukkan nilai harga beli yang akan masuk ke transaksi anda jika melakukan order buy
Change : menunjukkan perubahan poin yang terjadi saat ini, ditunjukkan dengan tanda panah naik atau turun
High : menunjukkan posisi nilai tertinggi yang pernah dicapai pada hari ini
Low : menunjukkan posisi nilai terendah yang pernah dicapai pada hari ini
Time : menunjukkan waktu pada saat terjadi perubahan nilai pada baris pasangan mata uang tersebut.

Pada setiap tab juga memiliki sub menu seperti “Subcription” dan “Columns”. Yang berfungi untuk pengaturan maupun penambahan Curency pair maupun kolom.
2. Jendela kedua berisi tab-tab Charting, Discussions, dan Latest News.
Grafik Forex Marketiva

Charting : Merupakan grafik pergerakan harga mata uang yang diperdagangkan, dari grafik ini Anda bisa menganalisa arah pergerakan harga.
Discussions : Di sini Anda bisa ngobrol dengan trader lain dari berbagai negara termasuk Indonesia melalui fasilitas seperti chatting. Anda juga bisa berbicara atau bertanya dengan support Marketiva di sini bila Anda mengalami masalah atau kesulitan. Bila Anda tidak terlalu bagus dalam berbahas Inggirs jangan khawatir karena Marketiva juga memilki Support orang Indonesia.
Latest News : Berisi informasi berita ekonomi dari berbagai dunia yang mungkin akan berpengaruh terhadap arah pergerakan mata uang yang diperdagangkan. Berita ekonomi ini juga penting untuk mendukung analisa Anda.
3. Pada jendela ketiga ini ada 2 tab yaitu Portfolio dan Alerts.
Portfolio Marketiva Forex

Portfolio : Jendela berisi informasi kondisi portfolio atau keuangan Anda. Bila Anda melakukan transaksi maka jumlah transaksi akan ditampilkan juga di sini. Bisa Anda lihat uang bonus pendaftaran sudah masuk ke Live Forex Anda. Anda bisa menggunakannya untuk live trading.
Alerts : Berisi tampilan signal yang anda peroleh jika anda berlangganan signal yang disediakan oleh rekanan Marketiva.
4. Pada jendela keempat ini ada empat pilihan yaitu Orders, Trades, Positions dan Account Center.
Account Center Marketiva

Positions : Saat Anda melakukan transaksi, disinilah tempat informasi catatan posisi Anda, baik yang sedang berlangsung (open) maupun yang sudah berhenti (stop).
Trades : Berisi histori catatan perdagangan (trade) yang pernah Anda lakukan.
Orders : Bila Anda melakukan pemesanan haraga mata uang asing, maka catatan pesanan transaksi (order) yang anda lakukan tersimpan di sini sampai order tereksekusi menjadi open position.
Account Center : Berisi detil akun Anda, data-data anda dan kondisi keuangan anda semua ada di sini.

Agak sulit untuk memberikan semua informasi tentang instrumen yang ada di platform Streamster dalam satu halaman blog. Penjelasan di atas paling tidak menjadi pengantar bagi Anda untuk mengeksplore sendiri aplikasi ini dan kami yakin tidak akan sulit bagi Anda untuk mengenalnya lebih jauh. Bahasan lain yang penting tentang Streamster tetap akan kami berikan melalui artikel lain di blog ini.
Bila Anda mengalami masalah atau kesulitan mengenai Streamster, Anda juga bisa bertanya melalui Support Marketiva, melalui fitur discussions di Aplikasi Streamster. Thx

Readmore → mengenal streamster

belajar ngeblog