Easymadeit: Tips dan Trik

Showing posts with label Tips dan Trik. Show all posts

Tuesday, February 21, 2012

Free Download Template SEO Friendly Terbaru 2012

Asalamualaikum.Wr.Wb. Kembali lagi bersama kertas kecil kita kali setelah saya share tentang Cheat Point Blank 21 Februari 2012 Kali ini saya akan share tentang Template Kertas Kecil Kita ini yang SEO Friendly. langsung saja saya tampilkan preview kertas kecil kita.

PREVIEW KERTAS KECIL KITA

Blog yang saya pakai saat ini sudah saya modif sedemikian rupa. jadi tidak sama dengan blog dalam preview saya saat ini. Mungkin bila ada tambahan tambahan yang lain, nantinya sobat bisa kembali lagi dengan tips dan trik saya dalam memodifikasi template ini. langsung saja ini link download dan demo dari Template SEO Friendly Terbaru 2012 dengan Pasword : kertas kecil kita

SEMOGA BERMANFAAT

DAN JUMPA KEMBALI PADA MODIFIKASI DAN TIPSTRIK TEMPLATE BLOGGER

Sunday, February 19, 2012

Cara Memasang Meta Tag di Blogspot

Asalamualaikum.Wr.Wb. Setelah saya posting tentang kenakalan afika dan berkali kali optimasi lomba SEO klikhotel.com. kali saya akan share tentang Cara Memasang Meta Tag di Blogspot merupakan trik kuno yang sudah lama diterapkan oleh para blogger master, tapi tidak ada salahnya jika saya mencoba untuk mempostingnya kembali untuk blogger pemula yang membutuhkannya. Meta tag merupakan sarana bagi blog/website agar lebih mudah untuk di crawl / di telusuri oleh mesin pencari google sehingga ujung ujungnya di harapkan blog kita nantinya akan menjadi lebih SEO dan artikel-artikel postingannya dapat menduduki rangking dihalaman pertama hasil pencarian google search. Cara pasang meta tag di blogspot ini sebenarnya cukup mudah yang terpenting ada kemauan untuk berexperiment. Yang terpenting meta tag yang saya berikan ini merupakan gabungan meta tag Super yang berasal dari para master master SEO tentunya, jadi saya yakin Anda tidak akan menyesal menggunakannya.

Berikut Langkah- langkahnya :

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 <head>
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=' ISI DENGAN DESKRIPSI BLOG SOBAT ' name='DESCRIPTION'/>
<meta content=' ISI DENGAN KEYWORD BLOG SOBAT ' 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, ISI DENGAN 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'/>

8. Simpan / save

Catatan :
- Silahkan ganti kode warna Merah diatas sesuai dengan blog sobat
- Untuk perubahan silahkan tunggu sekitar 2-3 hari hingga mesin pencari mengunjungi dan mengindeks blog. sobat dan cek perubahannya dengan mengetikkan setiap judul posting di google search engine.

Saturday, February 11, 2012

Cara Memasang Tools Parse HTML

Parse HTML adalah salah satu cara yang di gunakan para blogger untuk memposting artikel yang berkaitan dengan code HTML/javascript. Kegunaannya agar kode yang kita posting di dalam artikel akan tampil menjadi sebuah karakter/tulisan. Karena jika kita memposting kode script ke dalam artikel, maka tulisan tidak akan muncul atau malah muncul sebagai widget.

Sebagai alat bantu untuk memudahkan kita memparse kode HTML supaya dapat ditampilkan menjadi tulisan di postingan kita, kita membutuhkan tools parse HTML

Jika Anda ingin memasang tools parse HTML di postingan atau halaman blog Anda, silahkan lakukan beberapa langkah mudah di bawah ini :

[1]. Login ke akun blogger anda, sehingga anda akan di bawa ke halaman dasbor akun blogger anda.
[2]. Posting sebuah entri/artikel baru dengan memasukkan code script di bawah ini pada mode "Edit HTML" (Ingat! Masukkan pada mode "Edit HTML")

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=320&h=200&title=Code+HTML+Converter&border=%23ffffff%7C0px%2C1px+solid+%2399BB66%7C0px%2C2px+solid+%23AACC66%7C0px%2C2px+solid+%23BBDD66&output=js"></script>

Dan Hasilnya akan jadi seperti ini :

[3]. Terbitkan entri/artikel anda. Maka tools parse HTML sudah ada di dalam postingan atau halaman blog anda.

Saya kira cukup mudah bagaimana membuat dan memasang tools parse HTML di blog kita. Jika ada pertanyaan mengenai cara memasang tools parse HTML ini, silahkan tuliskan pertanyaan Anda di kotak komentar di bawah.

SELAMAT MENCOBA

SEMOGA BERMANFAAT

Friday, February 3, 2012

Cara Membuat Menu Scroll di Blogger

Bila kita mempunyai teman blogger banyak yang ingin memasang linknya pada blog kita, sementara itu daftar teman kita banyak dan kit dituntut untuk memajangnya di halaman utama, bisa dibayangkan seberapa panjang blog yang kita pajang pada halaman depan, maka dari itu kita harus memodifikasi daftar suatu blogroll yang panjang dengan fitur Scrolling pada blogspot. Selain untuk menempatkan daftar blogroll cara ini dapat juga di manfaatkan untuk memasang info, label daftar menu artikel dan widget-widget anda yang lainnya.

Langkah-langkah untuk membuat menu scroll :

1. Login ke Blogger anda, klik Design, lalu klik add a gadget.

2. Pilih HTML/JavaScript, lalu masukkan kode dibawah ini :

<div style="border: 1px solid rgb(255, 255, 255); height: 170px; overflow: auto; padding: 10px; text-align: justify; width: 260px;">
Isi dengan MENU, BLOGROLL, LABEL atau daftar apa saja yang anda ingin jadikan sebuah Menu Scroll
</div>

Keterangan :

Teks berwarna merah adalah daftar menu berbentuk scroll yang ingin anda tampilkan .

Kode height: 170px adalah tinggi kotak menu scroll, sesuaikan dengan kebutuhan tinggi dari sidebar blog anda. Anda bisa menggantinya dengan auto atau 100%, width: 260px adalah lebar kotak menu scroll, sesuaikan angkanya dengan kebutuhan sidebar blog anda agar lebarnya proporsional .

3. SAVE/Simpan dan lihat hasilnya.

Semoga Bermanfaat bagi Kita Semua

Cara Membuat Menu Scroll di Blogger

Friday, January 27, 2012

Cara Membuat Tombol Hide dan Show pada Blogger

Yak para sobat blogger sudah lama saya tidak posting, kali ini saya ingin posting tentang tips dan trik tentang mempercantik blog kita agar pengunjung tertarik. Pertama saya akan membahas tentang bagaimana cara membuat tombol Hide dan Show pada blog.

Contohnya seperti di bawah ini. dan langsung saja Copy-paste kode dibawah ini :

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

"dan disini isi yang akan sobat kehendaki"

Untuk width:100px; bisa sobat ubah sesuai keinginan sobat sendiri

Klik show untuk melihat

Kalau anda menginginkan tampilan seperti ini, anda hanya perlu menghilangkan kode JUDUL SPOILER lalu anda ganti kata show dan hide sesuai keinginan anda.

Selamat mencoba sobat blogger