Home » Posts filed under tips trik blog
Posted by
wiwied dyat on Wednesday, September 14, 2011
Hal yang utama bagi blogger yang ingin menjadikan blognya SEO atau Search Engine Optimatizion salah satunya adalah dengan memberi kotak Search, yang memudahkan visitor untuk searching post-post yang ada di blog anda secara cepat dan tanpa kompromi hehe.. kalau sekarang yang akan saya berikan adalah kotak search versi saya, simple dan tidak memakan tempat. Setelah itu tidak membuat lambat halaman.
Tutorialnya Langsung Saja:
- Masuk lah ke Akun Blogger anda
- Menuju rancangan
- Buatlah Gadget baru, dan pilih HTML / Javascript
- Masukkan kode berikut
<div class="block-widget_search" id="instance-search-3">
<div class="search-form">
<form action="/search" class="clearfix" id="searchform" method="get">
<fieldset>
<div id="searchfield">
<input class="text clearField" id="searchbox" name="q" onclick="thisClear()" type="text" value="" />
<input class="submit" type="submit" value="GO" />
</div></fieldset>
</form>
</div>
</div>
Sekian Tutor dari saya Terimakasih
Posted by
wiwied dyat on Tuesday, September 13, 2011
cara memberi forum simple pada blog - kali ini saya akan berbagi ilmu tentang forum pada blog. Forum yang akan saya beritahu ini sangat simple dan cepat pemasangannya. Dengan begitu anda dapat bertukar pikiran dengan visitor anda. Untuk pemasangannya liat di bawah ini:
- Pertama, bukalah http://tal.ki
- lalu login, anda dapat menggunakan account facebook, Gmail , dan lain-lain
- klik GET YOUR EMBEDDABLE FORUM
- setelah itu klik try it for free
- setalah itu akan muncul scriptnya, copy lah scriptnya
- paste scipt tersebut ke tempat yang anda inginkan
sekian tutorial tentang cara memberi forum simple pada blog, semoga bermanfaat :D
More about → Cara Memberi Forum Simple Di Blog
Posted by
wiwied dyat on Monday, September 12, 2011
Hallo...
sekarang saya akan memberitahu tentang Cara Memasang Toolbar Alexa pada Google Chrome. banyak yang mengatakan bila menggunakan toolbar alexa akan meningkatkan alexa traffic rank kita. saya juga tidak tahu apa benar atau salah dan bagaimana bisa meningkatkan alexa traffic rank... hmmm... tapi setelah saya coba ternyata benar traffic rank saya meningkat dari 'No Data' menjadi ber 'angka' hehe..
caranya gampang anda tinggal klik disini atau http://www.alexa.com/toolbar?utm_source=top-nav&utm_medium=www&utm_campaign=toolbar
setelah itu klik "Install Alexa Extension"
nah setelah itu anda bisa melanjutkannya sendiri dengan mengikuti perintah.
Terima kasih telah membaca :D
tutor by http://tipstrikseoblogger.blogspot.com/
Posted by
wiwied dyat on Sunday, September 11, 2011
Saya menemukan tutorial untuk blog yang keren. Bagi para blogger yang ingin memperindah dan mempercantik blog anda dapat menggunakan ini yaitu Mengubah Kursor Pada Blog saat berada di link. yap, jadi saat ada button atau tulisan yang mengarah ke suatu web atau page akan berubah cursornya...
Caranya:
- masuklah ke akun blogger.com anda
- pergilah ke rancangan, Edit HTML nah disini coba cari code a:hover{
- lalu tambahkan code cursor:wait;
jadi akan menjadi, contoh:
a:hover {
color:#d2691e;
font-size:19px;
font-style:strong;
cursor:wait;
}
anda dapat merubah code yang berwarna merah menjadi keinginan anda. anda bisa melihat daftar HTML cursor code di post saya ini.
Terima kasih telah membaca
More about → Cara Mengubah Kursor Pada Blog saat berada di link
Posted by
wiwied dyat
Nah, ini dia Daftar code HTML yang sudah saya janjikan..
untuk contoh tampilannya anda tinggal pindahkan cursor anda ke code di bawah ini.
HTML cursor CODE
HTML cursor codes - "Auto"
HTML cursor codes - "Default"
HTML cursor codes - "Text"
HTML cursor codes - "Help"
HTML cursor codes - "Pointer"
HTML cursor codes - "Wait"
HTML cursor codes - "Crosshair"
HTML cursor codes - "Move"
HTML cursor codes - "Smile"
HTML cursor codes - "Progress"
HTML cursor codes - "e-resize"
HTML cursor codes - "ne-resize"
HTML cursor codes - "nw-resize"
HTML cursor codes - "n-resize"
HTML cursor codes - "se-resize"
HTML cursor codes - "sw-resize"
HTML cursor codes - "s-resize"
HTML cursor codes - "w-resize"
Sekian info dari saya terima kasih
More about → Daftar HTML Cursor Code
Posted by
wiwied dyat
sekarang saya akan memberikan tutorial yang sangat mudah dan gampang. Nah, yang akan saya share adalah Cara Mengubah Font Tulisan di Blogspot yahh.. walaupun ada cara otomatisnya tetapi saya akan memberitahu manualnya. Tutornya langsung saja:
masukkan code di bawah ini pada kalimat yang anda inginkan
<span style="color:
black; font-family:
Verdana,Arial,Helvetica,Georgia; font-size:
14px;">
Lalu pada akhir kalimat akhiri dengan </span>
contoh:
<span style="color:
red; font-family:
Verdana,Arial,Helvetica,Georgia; font-size:
14px;"> http://tipstrikseoblogger.blogspot.com/ </span>
akan menjadi:
http://tipstrikseoblogger.blogspot.com/
Jangan lupa pada postingan taruh code di atas di 'Edit HTML' bukan 'compose'!! bisa digunakan juga pada tulisan yang lain
*ket: yang berwarna merah bisa di ganti dengan font yang anda suka , yang berwarna biru bisa anda ganti dengan ukuran yang anda inginkan, dan yang berwarna hijau bisa di ganti dengan warna yang anda inginkan contoh: Black diganti menjadi blue atau red.
sekian tips trik blog dari saya TERIMA KASIH telah membaca
tutor by http://tipstrikseoblogger.blogspot.com/
More about → Cara Mengubah Font Tulisan di Blogspot
Posted by
wiwied dyat on Saturday, September 10, 2011
Dalam pembuatan Blog untuk menjadi Blog yang SEO atau Serch Engine Optimization banyak cara untuk menjadi SEO salah satunya adalah KECEPATAN BLOG kita. Dengan blog kita yang cepat dan gampang di buka pengunjung akan merasa nyaman dan tidak kesal menunggu ber abad-abad untuk membukanya. Sedangkan dengan Blog yang berat dan loading yang ber abad-abad akan menyebabkan pengunjung merasa jenuh dan tidak nyaman untuk mengubah-ubah page di blog kita. nah sekarang saya akan memberi link yang yang bisa sahabat blogger gunakan untuk menge-Check kecapatan blog anda, sehingga sahabat blogger tidak repot-repot menyuruh teman anda untuk membukanya :D. kalu misalkan blog anda lemot di buka, saya sarankan hapuslah widget dan gambar yang tidak perlu. langsung saja link2nya:
1. Webwait
4. Iwebtool
5. Web hosting top
6. Webisite Goodies
7. Joomlaspan
sekian tutor dari saya terima kasih :D
More about → Check Kecepatan Blog / web anda
Posted by
wiwied dyat
udah lama saya tidak mengeshare dan berbagi tutorial karena mempunyai urusan diluar blog. nah sekarang tutor yang saya kasih adalah Cara Memasang Google translate dengan gambar negara yang ada bayangannya tidak jauh berbeda dari tutor yang sebelumnya yaitu, Cara Memasang Google Translate With flag tranparant. langsung saja ke tutor nya ya
berikut tutornya:
- masuklah dasbor blog anda
- menuju rancangan
- buatlah Gadget baru dengan klik 'Tambah Gadget'
- lalu pilih 'HTML/Javascript'
- setelah itu masukan kode di bawah ini
More about → Cara Memasang Google translate dengan gambar negara yang ada bayangannya
Posted by
wiwied dyat on Tuesday, August 30, 2011
Cara Menampilkan Postingan hanya judulnya - sekarang saya akan memberitahu tentang cara menampilkan postingan ganya judulnya saja. Mungkin kebanyakan blog memakai readmore yang menampilkan beberapa tulisan yang berada di postingan itu, tetapi sekarang ada cara baru dengan hanya menampilkan judulnya saja. Tidak perlu basa-basi lagi langsung saja tutorialnya
- Silahkan masuk dan login ke blogger
- Pergilah ke rancangan
- klik edit HTML
- bila anda kurang yakin atau berjaga-jaga bila terjadi kesalahan download teamplate anda terlebih dahulu.
- carilah kode ]]></b:skin>
- masukan kode dibawah tepat dibawah kode ]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
namun, dengan memasang kode diatas masih menyisakan beberapa elemen seperti tanggal posting, komentar dan yang lainnya. untuk menghapusnya juga silahkan gunakan kode di bawah:
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
Dengan begitu hanya muncul judul postingan tanpa tanggal posting, komentar dan yang lainnya.
sekian tutorial dari saya terima kasih :D
Posted by
wiwied dyat on Monday, August 29, 2011
Cara Memsang Google Translate With flag tranparant-Widget translate memang sangat di butuh kan sebagai penerjemah di blog kita, jika tidak ada translate pengunjung dari luar negeri pasti sulit sekali untuk membaca artikel kita yang biasanya berisi bahasa sehari hari. Di widget translator hanya bisa mentranslate dari bahasa baku. jadi usahakan Postingan anda berisi bahasa baku. jika anda ingin memasang widget translator.
tutorialnya sebagai berikut:
1. untuk model yang pertama (single cloumn)
Posted by
wiwied dyat
Sitemap merupakan sebuah hal yang sangat penting bagi para blogger. Sitemap sangat di perlukan oleh search engine dalam melakukan pendataan sebuah blog/website yang kita miliki. Sebuah sitemap sangat di perlukan oleh sebuah website untuk mengijinkan search engine meng-crawl situs kita.
- Login dulu ke webmaster google : http://www.google.com/webmasters/tools/
- Pada tab sites, centang blog yang akan anda manage dan klik tulisan manage lalu pilih "Google analiytics Profile"
- Setelah itu pilih blog yang akan anda manage, lalu klik save.
- Pada bagian Sitemaps, Klik " Submit Sitemaps " Pada kolom tersebut, isi dengan "Atom.xml" setelah itu klik Submit sitemap.
selamat mencoba
sekian Tutor dari TERIMA KASIH. semoga bermanfaat :D'
referensi = http://tutorialbloggingindonesia.blogspot.com
More about → Masukan Sitemap Blog anda ke Goggle Webmaster
Posted by
wiwied dyat on Sunday, August 28, 2011
Hal pertama yang harus kita lakukan dalam proses posting kode HTML adalah "parse" atau bisa disebut juga dengan penguraian kode-kode HTML yang akan kita gunakan ke posting tersebut. Anda dapat menggunakan widget dibawah ini untuk mem-parse Kode HTML anda
Ikuti tahap ini:
1. klik "clear" untuk menghapus tulisan
2. Pastelah Kode HTML yang akan di paste ke kotak di atas
3. klik "convert" untuk mem-parse kode HTML nya
More about → HTML Code Parser
Posted by
wiwied dyat
Cara Memberi Gambar Pada Background Blog - sebuah blog yang indah akan membuat pengunjung juga memiliki kesan tersendiri, dengan begitu akan meningkatkan traffic blog kita. Nah, sekarang saya akan memberi tips untuk memberi gambar pada background agar lebih indah di lihat.
Berikut langkah - langkahnya :
- Login ke Blogger.
- Klik Tata Letak --> Edit HTML.
- Kemudian cari kode yang mirip seperti ini :
body { background: #FFFFFF;
margin:0; color:#000000;
font:12px trebuchet ms;
text-align: center }
Atau jika bingung silahkan klik
Ctrl + F kemudian ketikkan
body {, biasanya letaknya diatas.
- Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFF dengan kode lain, untuk kode warna bisa dilihat disini. Contoh saya mengganti background dengan warna abu - abu, hasilnya akan menjadi seperti berikut :
body { background: #D8D8D8;
margin:0; color:#000000;
font:12px trebuchet ms;
text-align: justify }
- misalnya gambar yang sudah saya simpan di blogger, kode url-nya seperti ini :
lh6.googleusercontent.com/-GyNqvkAtJwI/TlfxQm9AazI/AAAAAAAAAKM/f1EctB9F9Eo/Untitled-1.gif
- Sehingga hasilnya menjadi seperti berikut ini :
body { background:#FFFFFF url(lh6.googleusercontent.com/-GyNqvkAtJwI/TlfxQm9AazI/AAAAAAAAAKM/f1EctB9F9Eo/Untitled-1.gif) repeat-x;
margin:0; color:#000000; font:12px trebuchet ms;
text-align: justify}
- Jika sudah selesai kemudian Simpan Template.
Itulah tips singkat dari saya, semoga bermanfaat :D .
More about → Cara Memberi Gambar Pada Background Blog
