Posts

Showing posts from November, 2011

Memasang Slideshow Foto Dengan Link Artikel di blog

Image
Bagi sobat blogger yang gemar ngutak - atik template, kali ini saya sarankan untuk tidak melewatkan yang satu ini. Setelah sebelumnya saya memposting bagaimana cara membuat daftar isi sitemap di blog , kali ini ane akan ngasih tahu pada sobat blogger Bagaimana Cara memasang Slideshow foto di blog dimana setiap foto tersebut mengandung link . Maksud mengandung link yaitu ketika kita mengklik salah satu slideshow foto, kita otomatis akan ter arahkan ke posting lain di blog sobat bahkan di blog lain. KLIK DEMO Tertarik untuk mencoba?? ikuti langkah - langkahnya : 1. Log in ke akun blog sobat. 2. Klik rancangan --> Edit HTML 3. Letakkan kode berikut di atas kode </head> ( Cari kode </head> menggunakan Ctrl + F ). <script type='text/javascript'> //<![CDATA[ //** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com. //** May 2nd, 08'- Script rewritten and updated to 2.0. //** June 12th, 08'- Script updated t...

Simplebox Shadow Blogger Template

Image
Template seo friendly dan mudah di edit. DEMO | DOWNLOAD

Cara Membuat Daftar Isi Sitemap di Blog

Image
Apa kabar sobat blogger?? Pasti sehat kan? nah karena kali ini ane juga lagi fit, maka ane akan berbagi sesuatu pada sobat blogger. Kali ini saya akan memposting bagaimana cara membuat daftar isi sitemap di blogspot . Saya rasa sobat blogger semua sudah tahu apa itu daftar isi sitemap . Daftar isi sitemap menurut pemahaman saya bisa diartikan sebagai suatu halaman website yang di dalamnya mengandung isi dari blog atau website  dalam bentuk judul yang di susun berderet ke bawah dengan tujuan memberikan informasi pada pengunjung tentang keseluruhan isi dari blog/website tersebut. Pertanyaannya yang mungkin muncul adalah bagaimana cara membuatnya?? Bagi yang tertarik memasangnya, silakan ikuti langkah - langkah berikut: 1. Log in dulu ke akun blog sobat. 2. Buat postingan baru dengan nama yang sobat inginkan. 3. Pilih Tab Edit HTML dan jangan Compose . 4. Masukkan kode berikut di dalamnya. <script src="http://tateluproject.googlecode.com/files/tatelu.js "></script> ...

Cara memasang icon di samping judul artikel

Image
Bagi sobat blogger yang sering blogwalking tentunya sering melihat postingan yang judulnya di sisipkan icon di terutama disamping kirinya. Bagaimana..?? mau memasangnya di blog sobat?? jika mau memasang ikon di samping judul artikel , ikuti langkah - langkah berikut. 1. Log in ke akun blog sobat. 2. Klik rancangan --> Edit HTML --> centang kotak expand widget template . 3. Cari kode berikut menggunakan Ctrl + F atau F3 untuk memudahkan pencarian. <a expr:href='data:post.url'><data:post.title/></a> 4. bagi ke 2 kode tersebut sehingga menjadi seperti berikut. <a expr:href='data:post.url'> <data:post.title/></a> 5. Masukkan URL gambar sobat di antara ke 2 kode tersebut. Hasilnay akan seperti berikut. <a expr:href='data:post.url'> <img src=" http://i1108.photobucket.com/albums/h405/christian410/Soccer-icon.png " width="20" hight="20" border="0"></img>  <data:po...

Cara Memberi Background pada Arsip Blog

Image
H ai sobat blogger..  Bosan dengan tampilan default arsip blog blogspot?? mau tampilan arsip blog yang lebih keren?? Kali ini saya akan memposting bagaimana cara membuat atau memasang background pada arsip blog . Bisa juga sobat gunakan pada daftar link teman , Label/kategori atau apapun di blog sobat. Contohnya sobat bisa lihat pada arsip blog di blog ini. Berbeda dengan cara yang lain yang mengharuskan sobat men centang kotak expand template widget , kali ini sobat hanya harus meletakkan beberapa kode di atas kode ]]></b:skin> . Penasaran?? ikuti langkah - langkah berikut: 1. Log in ke akun blog sobat. 2. Klik Rancangan --> Edit HTML. 3. Letakkan kode berikut di atas kode ]]></b:skin>. #BlogArchive1 .widget-content{height: 200 px;background:url( http://i1108.photobucket.com/albums/h405/christian410/renderNarutoAkatsukiKyubi-1.png )no-repeat; width:100%; font-weight:bold; overflow:auto} 4. Simpan template. Tambahan: Kode 200 bisa di seduaikan dengan keingin...

Cara Memasang Iklan di Samping Artikel

A pa kabar sobat blogger!! Suatu kebanggan bagi saya saat kembali berbagi pada sobat blogger. Kali ini saya akan memposting Bagaimana cara memasang iklan di samping artikel baik kanan maupun di kiri postingan sobat.  Jika di bandingkan dengan memasang iklan di sidebar, trik kali ini masih lebih baik dalam pengoptimalan PPC . Mengapa demikian?? Kita semua tahu bahwa pengunjung yang berasal dari search engine umumnya menemukan blog kita lewat artikel yang kita posting, dengan kata lain pengunjung langsung tertuju pada area postingan kita. Sedangkan di sidebar dan bagian - bagian lain bisa di katakan hanya bagian kedua nya. Tertarik untuk memasangnya?? ikuti langkah - langkah berikut ; 1. Log in ke akun blog sobat. 2. Download template lengkap ( Untuk Mencegah Eror ) 3. Klik Rancangan --> Edit HTML --> centang kotak expand widget template. 4. Cari kode <data:post.body/> ( Jika sobat telah memasang Readmore, kode tersebut akan berjumlah 2, pilih yang kedua ) 5. Ganti kode ...

Cara Memasang Widget Kristiani di Blog

Wah.. nggak terasa ternyata tinggal sebulan lagi umat Christiani akan merayakan Hari Natal. Bagi para blogger, terutama yang ber agama Kristen, inilah saatnya untuk berbagi salam kepada sahabat-sahabat pengunjung blognya. Pertanyaannya! Apakah yang hendak sobat bagi??   Ketika saya sedang blogwalking, saya bergabung dengan suatu komunitas Kristen online yang ber alamat di http://forumkristen.com . Dari sanalah saya dapat scriptnya.. Dengan memasang widget ini, sobat akan mendapatkan ayat alkitab yang otomatis ter update setiap hari. Untuk tertarik  memasang widget kristen di blog , Ikuti langkah - langkahnya. DEMO 1. Log in ke akun blog sobat. 2. Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript 3. Masukan kode berikut kedalam konten. <style type="text/css"> #topbar { position:absolute; z-index: 100; padding: 8px; background: #eee; background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9)); background: -webkit-gr...

Cara Memasang Emoticon Kaskus di Kotak Komentar Blog

Setelah sebelumnya saya pernah memposting Bagaimana cara memasang emoticon skype di kotak komentar blog , kali ini lagi - lagi Ide bagus akan memposting cara yang mirip yaitu memasang emoticon kaskus di kotak komentar blog . Scriptnya saya ambil dari  http://tejahtc.blogspot.com Tertarik untuk memasangnya?? ikuti langkah - langkah berikut. 1. Log in ke akun bog sobat. 2. Klik rancangan --> Edit HTML --> Centang kotak expand widget template widget. 3. Letakkan kode berikut di atas kode ]]></b:skin> #kaskusemoticon { width:auto; margin:10px; padding:10px; } 4. Letakkan script berikut di atas kode </body> <script src='http://muhammadsuteja.googlecode.com/files/emoticon1.js' type='text/javascript'/> <script src='http://muhammadsuteja.googlecode.com/files/emoticon.js' type='text/javascript'/> 5. Cari kode berikut menggunakan Ctrl+f  ( memudahkan pencarian ) <b:include data='post' name='comment-form'/> 6...

Cara Mudah dan Cepat Dapat Backlink

Image
Backlink adalah suatu hal yang tak bisa di pisahkan dari dunia blog. Tanpa backlink, suatu blog/website akan kalah dalam persaingan di search engine. Suatu hal yang sangat mustahil jika blog tanpa Backlink. Backlink sifatnya seperti selebaran, pengumuman atau spanduk yang di pasang agar di baca orang dengan tujuan memperkenalkan sebuah produk atau apapun yang ingin di tawarkan, sama halnya ketika Link kita ketika di pasang di blog orang lain ( Terutama yang Dofollow ). Pertanyaannya.. Bagaimana cara mendapatkannya?? Sebenarnya caranya susah - susah gampang, yang perlu di perhatkan adalah kualitas dari backlink tersebut dan dari situs mana dia berasal, apakah sealiran dengan blog anda atau tidak.. Pada postingan kali ini saya akan kasih tahu sedikit tips bagi sobat blogger bagaimana cara mendapat backlink . Postingan kali ini mungkin lebih mendekati pada pencarian blog Dofollow bukan backlink instan. bagi yang mau mencoba ikuti cara berikut. 1. Masuk ke Situs http://backlinkwatch.com. ...

Cara mengganti tulisan poskan komentar dengan gambar/icon

P ada artikel saya sebelumnya kita telah membahas bagaimana cara membuat gambar atau animasi berada di pojok blog , kali ini kita akan coba mengganti tulisan poskan komentar yang terletak di atas kotak komentar dengan gambar  atau tulisan lain. Baiklah, tanpa panjang - panjang lagi mari kita langsung ke TKP. 1. Log ini dulu ke akun blog sobat. 2. Klik Rancangan --> edit HTML --> centang kotak Expand template widget. 3. Cari kode berikut: <data:postCommentMsg/> Biasanya kode tersebut ada 2 . ganti ke dua kode tersebut dengan kode berikut. <img src=' http://i1108.photobucket.com/albums/h405/christian410/sderd.jpg ' alt='Gambar Komentar'/>  untuk menggantinya dengan tulisan lain, cukup mengganti kode berwarna biru dengan kata atau kalimat yang sobat inginkan. Kode berwarna merah adalah Url gambarnya. bisa di ganti dengan Url gambar milik sobat. Semoga membantu.

Memasang Widget "Berapa Harga Blog Anda" di Blog

Image
Tahukah berapa harga blog anda?? Jika belum, apakah sobat ingin tahu?? kalo begitu mari kita langsung saja. 1. Kunjungi situs http://bizinformation.org/id . setelah sobat masuk, sobat akan melihat tampilan seperti berikut. 2. Masukan URl blog sobat kedalam kotak yang di sediakan. kemudian sobat akan melihat tampilan berikut. 3. Copas kode yang di dapat dan tampilkan di blog dengan cara. 4. Login ke akun blog sobat. 5. Klik rancangan --> Elemen Laman --> add gadget ( Tambah Gadget ) 6. Pilih HTML/Javascript. 7. Pastekan kode tadi di dalamnya. 8. Beri nama widget sesuai keinginan anda. Misalnya, "Harga blogku" dll 9. Selesai.. SEMOGA MEMBANTU

Cara Mengganti Tulisan Older Post, Newer Post dan Home dengan Icon

Image
Pernahkan sobat memperhatikan pada bagian paling bawah halaman posting sobat?? di situ sobat akan melihat tulisan "Posting lebih baru, beranda, posting lama ( Blog berbahasa indonesia ) atau Previous, Home dan next ( blog berbahas inggris )"  atau lebih tepatnya sobat bisa lihat gambar berikut. Kali ini kita akan coba mengganti 3  tulisan tersebut dengan atau icon. Oke! kita langsung saja: Untuk menganti tulisan posting lebih baru, beranda dan posting lama dengan icon , ikuti langkah - langkah berikut. 1. Login dulu ke akun blog sobat. 2. Klik rancangan --> Edit HTML 3. Cari dan ganti kode yang berwarna biru dengan kode yang telah disediakan. <data:newerpagetitle> ganti dengan <img src=" http://i1108.photobucket.com/albums/h405/christian410/dfer.png " alt="Next" /> <data:olderpagetitle> ganti dengan <img src=" http://i1108.photobucket.com/albums/h405/christian410/Actions-media-seek-backward-icon.png " alt="Previous...

Tujuan blogging

A pa yang pertama kali terlintas ketika sobat membuat sebuah blog? Apakah sobat menghendaki kunjungan atau hanya sekedar ikut ramainya saja?? Saya rasa kita semua sepakat bahwa tujuan utama blogging itu adalah untuk menulis kemudian tulisan itu di baca oleh orang lain ( pengunjung ). Ada pertanyaan lagi untuk sobat blogger.. 1. Jika sobat sudah punya blog, sudahkah sobat menulis di blog milik sobat ( tidak kopas )?? 2. Adakah pengunjung di blog sobat? ( dari search engine ) 3. Pernahkah sobat berpikir untuk mencari uang dari aktivitas blogging?? Tiga pertanyaan di atas, mewakili Tujuan utama di ciptakannya blog . Kesimpulan dari 3 pertanyaan di atas adalah, ketika sobat membuat sebuah blog, isilah blog tersebut dengan konten orisinil yang asli dari ketikan jari sobat. kemudian optimalkan SEO onpage dan off page untuk mendapatkan pengunjung dari search engine. Dengan konten yang orisinil dan berkualitas, blog sobat pasti akan di sukai pengunjung dan om google. Dengan kata lain, pengu...

Membuat logo header secara online versi 2

Image
Banyak hal yang bisa sobat lakukan di blog. Blog di ibaratkan sebuah kertas kosong yang harus sobat isi dengan sesuatu. Sesuatu itu seperti apa?? nah... kali ini ane akan kasih sesuatu untuk sobat blogger . Sebagai kelanjutan dari postingan sebelumnya yaitu membuat logo secara online versi 1 , dengan kata lain, kali ini postingan ane tentu masih seputar header. Langsung saja ya!!! 1. Pertama kunjungi situs Supalogo.     Sobat akan melihat tampilan seperti berikut. 2. Masukkan judul blog sobat atau kata apapun yang sobat inginkan di kotak yang di sediakan. 3. Klik tombol Options. kemudian akan muncul tampilan berikut. 4. Atur sesuai keinginan sobat. 5. Klik generate. 6. Kemudian Klik DOWNLOAD 7. Selesai...... Untuk mengaplkasikannya di template sobat, sobat hanya perlu beberapa langka kecil saja. mau tahu?? 1. Log in ke akun blog sobat. 2. Klik Rancangan --> Elemen Laman. 3. Lihat Gambar berikut. 4. Klik Edit. Kemudian muncul tampilan berikut. 5. Klik Browse kemudian pi...

Membuat Gambar atau Animasi Berada di Pojok Blog

S ebelumnya saya sudah pernah memposting cara membuat gambar berada di pojok tanpa edit HTML , namun kali ini sobat di haruskan mengedit HTML blog sobat. Caranya cukup mudah.. Hanya beberapa langkah kecil saja dan dapat dipastikan pasti berhasil. Sebenarnya Trik ini sudah banyak di posting oleh sobat - sobat blogger lainnya, tapi guna melengkapi postingan saya sebelumnya yang memiliki kekurangan, maka di tulislah artikel ini. Oke sob, tanpa berlama - lama lagi mari kita langsung ke tutorial nya. 1. Pertama, Log in ke akun blog sobat. 2. Klik Rancangan --> edit  HTML 3. Kopas kode berikut di atas kode ]]></b:skin> ( Gunakan CTRL + F untuk memudahkan pencarian) #trik_pojok { position:fixed;_position:absolute; bottom :0px; left :0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } 4. Kod...

Membuat gambar berada di pojok tanpa edit HTML

Image
Hai sobat!! Setelah sebelumnya IDE BAGUS memposting tentang  cara membuat link bergoyang , kali ini akan kasih tips bagaimana membuat sebuah gambar atau animasi berada di pojok blog tanpa edit html . Trik ini sering juga disebut trik pojok atau trik sudut. Pada dasarnya sama saja dengan trik pojok lainnya, tapi bedahnya kali ini sobat tidak perlu meng utak - atik template blog sobat, dengan kata lain nggak ribet bro!! Sebeleumnya mohon maaf ya.. karena script ini saya ambil dari blogger lain yaitu dari adiwidget , maka otomatis gambar tersebut kan mengandung link dari adiwidget. Tapi bagi yang tertarik memasangnya yuk kita meluncur ke TKP. Klik  DEMO 1. Pertama, sobat log in dulu ke akun blog sobat. 2. Klik Rancanagn --> Elemen laman --> Tambah gadget --> HTML/Javascript 3. Masukkan kode berikut kedalam kotak yang di sediakan. <script language="JavaScript" src="http://entry44.googlecode.com/files/entry44 bottomright .js" type="text/javascript"...

Membuat link bergoyang ketika di lewati pointer

Image
Untuk sobat blogger yang hoby utak - atik blog , kali ini CHRIS akan kasih satu tips mantap untuk sobat. Masih seputar tips menghias blog , kali ini ane akan kasi tau cara membuat link bergoyang atau tak jarang juga di sebut Link senggol . Cara kerjanya seperti biasa yaitu ketika pointer mouse menyentuh link, link tersebut akan bergoyang. Kita langsung saja sob...! Klik DEMO . 1. Pertama login dulu ke akun blog sobat . 2. Klik Rancangan >edit HTML 3. Letakkan kode berikut di atas kode </ head >. ( Gunakan Ctrl + F untuk memudahkan pencarian. ) <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() {  slide("#sliding-navigation", 25, 15, 150, .8); }); function slide(navigation_id, pad_out, pad_in, time, multiplier) {  // creates the target paths  var list_elements = navigation_id + " li.sliding-element...

Cara memasang 4 kolom iklan ads tanpa edit HTML

Image
Trik blogging -  Apakah sobat blogger sudah tahu maksud artikel ini?  Bagi yang belum mengerti ni ane jelasin sedikit. Kolom iklan ads adalah 1 atau lebih kolom yang umumnya di pasang di sidebar atau di bawah header suatu blog atau website, yang fungsinya untuk memberikan space bagi para blogger  yang ingin menaruh iklan bannernya di blog sang pemilik. Tahukah anda apa keuntungannya? Dengan teknik ini, kita bisa memasang tarif untuk 1 iklan yang di pasang di blog kita. Lumayan buat nambah isi kantong... hehehe Dalam beberapa kasus ada juga para blogger yang memanfaatkannya sebagai wadah untuk tukar banner. Untuk lebih memahaminya, mendingan kita pasang saja.. oke!! 1. Pertama sobat log in dul ke akun blog sobat. 2. Klik rancangan --> elemen laman ---> add gadget --> HTML/javascript 3. Masukan kode berikut didalamnya. <div align="center"> <table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#fff...