January 2012 ~ Blog Teknologi Informasi Se Dunia

Tuesday 31 January 2012

Cara Membuat Efek Zoom Pada Gambar di Blog

categories: Blog

Cara Membuat Efek Zoom ( Membesar ) Pada Gambar di Blog - Memodifikasi template tidak sekedar hanya utak atik bagian luar postingan saja, bagian dalam pun ( Artikel ) yang akan menjadi tujuan mata para pengunjung seharusnya harus kita perhatikan.
Setelah sebelumnya saya memposting cara memasang tombol follow dan dashboard di blog, kali ini saya akan memposting tentang Cara Membuat Efek Zoom pada Gambar di Blog. Dengan menggunakan efek ini, setiap gambar yang ada dalam postingan akan tampil dengan pilihan Zoom seperti yang terlihat pada gambar berikut.

Selain itu, cara ini juga bisa di gunakan untuk gambar yang berada di luar postingan seperti di sidebar, header, footer atau bagian lain dari halaman blog.
Sobat yang tertarik untuk membuat efek zoom pada gambar di blog, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript
3. Masukkan kode berikut ke dalam kotak.

4. Klik Save.. nah sekarang saatnya di terapkan pada gambar.

Untuk menggunakan efek ini pada gambar di artikel, silahkan gunakan kode pemanggil berikut

Keterangan :

Ganti kode berwarna biru dengan Url Gambar Sobat
Ubah Lebar dan tinggi ( Width - Height ) sesuai keinginan.
Angka 2 pada kode adalah Skala Pembesaran. Nilai lebih besar dari 1 akan membesarkan gambar dan nilai kurang dari 1 akan mengecilkan gambar. Contohnya 0.5

Untuk cara menerapkannya pada gambar di artikel , sobat tinggal memasukkan kode tersebut di Edit HTML pada postingan ( bukan Compose ).

dan untuk memasukkannya di sidebar atau di tempat lain selain postingan, silahkan masukkan saja kode tersebut di HTML/Javasript sobat.

Sekian cara memasang efek zoom pada gambar di blog, semoga bisa membantu...

Cara Membuat Redirect Link Blog Dengan Javascript

by: Valdani No comments

categories: Belajar SEO, Tips dan Trik Blogging

Redirect link

atau link yang bersifat mengembalikan adalah salah satu teknik untuk mendongkrak visitor. Script redirect link biasanya digunakan ketika seorang web master ingin meningkatkan traffic untuk web atau blog barunya dari web atau blog yang sudah ada sebelumnya (tentunya memiliki traffic yang tinggi).

Redirect Link ini terkadang juga digunakan untuk melakukan teknik blackhat seo. So teknik redirect link ini sebaiknya digunakan dengan bijak.

Cara membuat redirect link pada blog

Untuk membuat script redirect link sobat bisa menggunakan 2 cara dan semuanya menggunakan bantuan javascript.

Cara yang pertama untuk

membuat redirect link

adalah dengan cara langsung, maksudnya eksekusi redirect link akan dilakukan seketika juga.

<script type="text/JavaScript"> location.replace('http://blogedek[dot]blogspot[dot]com/'); </script>

Sedangkan cara yang kedua kita bisa menyisipkan jeda atau delay pada script redirect link ini sehingga

proses redirect link

akan menunggu beberapa saat

<script type="text/JavaScript"> setTimeout("location.href = 'http://blogedek[dot]blogsppot[dot]com/';",5*1000); </script>

Simple kan cara membuat redirect link blog? Sobat juga bisa mengaplikasikan script ini untuk redirect broken link di blogspot. Semoga bermanfaat.

Cara Mengatur Timeline Facebook Agar Privasi Terjaga

by: Valdani No comments

categories: Serba Tips dan Trik

Atur / Setting Timeline Facebook Untuk Menjaga Privasi - Facebook telah memperkenalkan fitur Timeline, perubahan besar-besar pada halaman profil Facebook, sejak September 2011. Sampai saat ini, Facebook masih memberi kesempatan penggunanya untuk menggunakan profil "versi lama".
Namun beberapa minggu lagi, Facebook akan "memaksa" seluruh pengguna menggunakan Timeline. Meski sebenarnya banyak pengguna tidak menyukai fitur baru ini terkait masalah privasi.
Berikut lima hal yang harus Anda ketahui mengenai Timeline, sebelum Facebook benar-benar menerapkan fitur ini ke seluruh pengguna.

1. Maksimalkan penggunaan pilihan "Hide from Timeline"
Jika Anda tidak jeli mengatur Timeline, semua hal yang Anda lakukan akan terekspos dengan jelas kepada publik, meskipun mereka belum menjadi teman Anda di Facebook.
Jadi, manfaatkan pilihan "Hide from Timeline" agar Anda bisa menyembunyikan apapun yang ingin Anda sembunyikan dari orang lain.

Cara: Untuk setiap kotak posting Anda di profil, Anda bisa klik bagian kanan atas dan akan muncul pilihan bergambar pensil dan bintang. Klik pilihan bertanda pensil lalu pilih "Hide from Timeline" jika Anda menginginkan untuk menyembunyikannya dari Timeline.

2. Ganti cover album
Mungkin Anda sudah mengetahui cara mengatur album mana saja yang bisa dilihat oleh teman, oleh orang yang bukan teman, atau bahkan hanya dapat dilihat oleh Anda sendiri. Perlu Anda ketahui, untuk semua album yang Anda atur dengan pilihan "Public" akan muncul di Timeline Anda dengan cover album yang cukup besar dari sebelumnya.
Anda bisa memilih untuk mengubah cover album dengan foto yang menurut Anda paling menarik agar orang tertarik membuka album tersebut.

Cara: Klik menu edit album pada albumAnda, klik edit foto, lalu pilih foto mana yang paling menarik menurut Anda, dengan memberi tanda titik pada pilihan "This is the album cover".

3. Bijak menggunakan Geotag
Facebook sekarang telah melengkapi Timeline dengan informasi geotag, dimana foto dan album foto bisa dilengkapi dengan lokasi.
Misalnya, saat Anda berlibur di pantai Kuta, Anda bisa memasukkan lokasi pantai Kuta di foto Anda. Nantinya setiap orang yang melakukan geotag pantai Kuta di foto mereka, juga akan mengetahui kehadiran Anda di pantai itu, sesuai tanggal yang tertera.
Mereka akan bisa melihat foto Anda di lokasi itu. Jika sudah terlanjur melakukan geotag pada foto, Anda masih bisa lakukan "untag" untuk menghilangkan lokasi detail dari foto Anda.

4. Perhatikan aplikasi dari pihak ketiga
Jangan sembarangan mempersilakan aplikasi pihak ketiga memenuhi Timeline Anda. Jika tidak berhati-hati, semua hal yang dilakukan di aplikasi tersebut akan muncul di Timeline dan memenuhi Timeline.
Anda harus mengatur aplikasi mana saja yang layak memunculkan informasinya di Timeline.

Cara: Di samping tulisan "Home" di kanan atas halaman Facebook, klik tanda panah, lalu klik "Account setting". Lalu klik menu "Apps" yang terletak di samping kiri layar. Di sini, Anda bisa memilih aplikasi mana saja yang terhubung dengan akun Anda.
Hapus aplikasi-aplikasi yang sudah tidak pernah digunakan lagi. Anda juga bisa memilih apakah setiap postingan dari aplikasi tersebut bisa terlihat di Timeline oleh teman, oleh publik, atau hanya oleh Anda sendiri.

5. Intip dulu sebelum dipublikasi
Anda bisa melihat tampilan Timeline baru Anda sebelum dipublikasi. Gunakan pilihan "View As" untuk melihat apakah Timeline Anda sudah layak untuk dipublikasikan. Dengan menggunakan "View As", Anda masih bisa memperbaiki Timeline berkali-kali sebelum profil Anda berubah tampilan dengan permanen.

sumber : tekno.kompas.com

Cara Membuat Floating Share Button

by: Valdani No comments

categories: Tips dan Trik Blogging

Floating share button

atau tombol berbagi adalah salah satu widget yang sangat dianjurkan untuk dipasang di blog sobat. Setelah memudahkan pengunjung dengan memasang fitur related posts di sidebar, menambahkan breadcrumbs navigation dan juga widget recent posts sehingga sobat bisa meningkatkan pageview maka berilah kesempatan kepada pengunjung blog sobat untuk membagikan artikel favorit mereka.

Dengan memasang floating share button atau tombol berbagi ini bisa memudahkan pengunjung untuk membagikan artikel sobat ke social media ataupun social bookmark plus dapat bonus backlink.

Sebenarnya

share button

ini sudah disediakan oleh blogger akan tetapi tampilannya yang super biasa membuat share button bawaan blogger ini kurang bisa menarik minat pengunjung. So kali ini kita akan mencoba untuk membuat floating share button (melayang).

Keuntungan floating share button

Floating share button atau tombol berbagi melayang ini mempunyai beberapa kelebihan, salah satunya adalah

share button ini tidak hanya berada di halaman artikel

sehingga sobat juga bisa mempromosikan homepage blog sobat dengan floating share button ini.

Cara membuat floating share button

Seperti biasa login dulu di blogger.

Pilih Rancangan (Design) > Edit HTML > Centang Expand Template Widget.

Kita taruh dulu kode css-nya, cari ]]></b:skin> kemudian copast kode berikut:

#sharebutton { background-color:#FFFFFF; border-color:#C1CDCD; border-style:solid; border-width:1px; left:5px; bottom:150px; margin-top:10px; position:fixed; width:64px; } #sharebutton .float {margin:7px} .FBConnectButton_Text { font-size: 8px; padding:2px 4px 3px !important; }

Tulisan yang berwarna merah bisa sobat sesuaikan sendiri. Jika sudah cari kode </body> dan copast kode berikut ini tepat diatasnya

<div id='sharebutton'> <div class='float'> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div> <div class='float'> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> <div class='clear'/></div> <div class='float'> <a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/> </div> <div class='float'> <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/> </div> </div>

Save dan lihat hasil membuat floating share button sobat.

Sekian tutorial

membuat floating share button (tombol berbagi yang melayang)

semoga bermanfaat. Kalau ada teknik yang lebih oke boleh donk saya dikasih tau hehehe...

Cara Memasang Tombol Follow dan Dashboard di Blog

by: Valdani No comments

categories: Blog, Widget

Cara Memasang / Membuat Tombol Follow dan Dashboard di Blog - Bila sobat melihat pada bagian atas sebelah kanan blog ini, maka sobat akan melihat tampilan 2 tombol dengan fungsinya masing masing. Tombol dashboard yang sebenarnya sudah ada pada navbar blogger berfungsi sebagai jalan pintas bagi sang admin untuk menuju dashboard nya dan tombol follow yang berfungsi memudahkan orang / blogger untuk men - follow blog kita.

Bagi sobat yang tertarik untuk memasang tombol follow dan dashboard di blog silahkan ikuti tutorial berikut:

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript
3. Masukkan kode berikut pada kotak yang sudah tersedia.

4. Ganti tulisan kode yang berwarna biru dengan id blog sobat. untuk mengetahui Id sobat, lihat gambat berikut.

untuk mengubah posisinya jadi, silahkan sobat ubah tulisan yang berwarna merah.

5. Klik Simpan.

Demikianlah Cara Memasang Tombol Follow dan Dashboard di Blog dan semoga membantu...

Cara Membuat 2 Kolom Header

by: Valdani No comments

categories: Blog

Cara Membuat 2 Kolom Header - Apa kabar sobat blogger?? pagi yang cerah ini saya harapkan dapat membawah suasana nyaman untuk sobat blogger terutama nyaman berada di blog ini. hehehe.. sebagai postingan ke 2 setelah berganti nama menjadi tatelu saya harapkan dapat memberi faedah untuk sobat blogger.

Kali ini saya akan kasih tahu bagaimana cara membuat 2 kolom header di blog. Dulunya saya pernah memposting topik yang sama yaitu cara membagi header menjadi 2 kolom elemen, tapi rasanya kurang cocok tuch kata elemennya... nah jadi dech christian tatelu posting ini.

Bagi sobat yang tertarik, silahkan ikuti cara membuat 2 kolom header berikut ini.

1. Pertama sobat login ke akun blog sobat
2. Klik rancangan--> edit HTML
3. Jangan centang kotak expand template widget
4. Cari kode css yang mirip di bawah ini:

    #header-wrapper {
    width:900px;
    margin:0 auto 0px;
    background:$bgheadercolor;
    height:190px;
    }
    #header-inner {
    width:900px;
    background-position: center;
    margin-$startSide: auto;
    margin-$endSide: auto;
    }
    #header {
    margin: 0px;
    text-align: left;
    color:$pagetitlecolor;
    }

5. Ganti kode di atas dengan kode berikut.

    #header-wrapper{
    width:980px;
    padding:20px 0 0 0;
    background:#000000;
    margin:0 auto;
    border:;}

    #header-inner{
    background-position:center;
    margin-left:auto;
    margin-right:auto}

    #header{
    float:$startSide;
    width:400px;
    margin:0 auto;
    border:0px solid $bordercolor;
    text-align:left;
    color:$pagetitlecolor
    }

    #header2{
    float:$endSide;
    width:400px;
    margin:0 auto;
    text-align:left;
    }

Tambahan :

Edit kode di atas sesuai keinginan sobat terutama kode width yang harus di sesuaikan dengan ukuran header blog sobat.

6. Scroll ke bagian bawah, dan temukan kode yang mirip seperti ini

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section>

Fokuskan pencarian pada kode

7. Ganti kode di atas dengan kode berikut:

8. Klik simpan perubahan

9. Langkah terakhir, klik ELEMEN LAMAN dan lihat bila sudah menjadi 2 kolom.

Selesai
Semoga membantu!!

Idebagus Jadi CHRISTIAN TATELU

by: Valdani No comments

categories: Blog

Meninggalkan sesuatu yang sudah lama melekat tak semuda yang kita bayangkan. Termasuk sebuah nama. Seperti yang saya lakukan saat ini, dengan terpaksa saya harus mengganti nama idebagus yang sudah melekat di blog ini dengan nama yang baru yaitu CHRISTIAN TATELU.

Demi mendapatkan sitelink dari google, saya korbankan nama idebagus yang bagus itu. karena kita tahu bersama bahwa Sitelink google merupakan hal mutlak yang harus di miliki oleh sebuah blog, tak ada sitelink maka blog bagaikan sayur tanpa garam ( meskipun masih bisa di makan ).

Mungkin ini dapat menjadi masukkan untuk sobat blogger dalam memilih judul blog. lihat saja blog ini, sudah hampir 2 tahun ngeblog sitelinknya nggak datang - datang juga. Jika sobat menuliskan idebagus di kotak search google, sobat hanya akan menemukan blog ini pada posisi ke 2 di bawah www.idebagus.com.

Oleh karena itu, saya harapan dengan mengganti nama blog ini dengan nama yang baru yang jelas kurang kompetitornya, bisa mendapat sitelink setidaknya 2 , 3 atau beberapa bulan ke depan ( pengen nya sih begitu )

Oleh karena itu pula, dengan sangat menyesal dan sangat menyesal sekali.. saya memohon kepada sobat blogger yang terlanjur memasang link blog ini di blog sobat untuk dapat mengubah judul dari link yang dipasang di blog sobat sesuai nama baru blog ini. yaitu CHRISTIAN TATELU.

Atau silahkan langsung saja menuju ke link sobat di sini! Please!!!!!

Meningkatkan Pageview Secara Instan (Fake Pageview)

by: Valdani No comments

categories: Tips dan Trik Blogging

Saya nemu di forum adsense neh :D jika sobat ingin meningkatkan pageview secara instan bisa kok tanpa melakukan 10 tips dan cara meningkatkan pageview.

Script fake pageview ini bisa dibilang ilegal mungkin ya karena kita melakukan fake pageview pada pengunjung yang tak berdosa hahaha... Yaudah langsung saja neh script untuk meningkatkan pageview (fake)

script fake pageview

<script type='text/javascript'> var sLocation = document.referrer.toLocaleLowerCase(); //Links to boost var rDomains = ["http://situs1[dot]com","http//situs2[dot]com","http://situs3[dot]com"]; //Allowed domain referrer var aDomains = [".com"]; var valid = 0; //Valid referrer for (i=0;i<aDomains.length;i++) { //Check referrer if (sLocation.indexOf(aDomains[i], 0) > -1) { valid = 1; break; } } //Valid referrer if (valid == 1) { //Loop for (i=0;i<rDomains.length;i++) { //alert(rDomains[i]); invisibleWindow("mydiv" + i,rDomains[i]); } } function invisibleWindow(iframeID, url) { divel = document.createElement("div"); divel.id = "div" + iframeID; divel.style.width = "5px"; divel.style.height = "5px"; divel.style.visibility = "hidden"; //Add div document.body.appendChild(divel); domiframe = document.createElement("iframe"); domiframe.id = iframeID; domiframe.src = url; domiframe.style.width = "5px"; domiframe.style.height = "5px"; domiframe.style.visibility = "hidden"; var divid = document.getElementById("div" + iframeID); divid.appendChild(domiframe); } </script>

Keterangan

Silahkan sobat ganti namasitus dengan URL yang ingin ditingkatkan pageviewnya.

var aDomains = [".com"];

Ini adalah Referrer Check. Jika sobat ingin script ini hanya jalan untuk Visitor dari google.com. tinggal ganti "google.com" disana. Sobat juga dapat memakai koma dan membuat list sebanyak yang sobat inginkan misal ["google.com","yahoo.com","bing.com] dst.

Untuk pengguna blogspot, letakkan kode tersebut pada gadget HTML, atau bisa juga langsung di tambahkan di gadget yang sudah ada.

Untuk wordpress, buka .html atau .php file cari tag <body> setelah itu paste kode tersebut.
Ubah var rDomains = var rDomains = ["SITUS1[dot]COM","SITUS2[dot]COM","SITUS3[dot]COM"]; Dengan URL sobat.
Ubah var aDomains = [".com"] sesuai keinginan lihat petunjuk diatas.
Untuk bypass referrer validation dan Allow Semua referrers
Ubah var valid = 0; Menjadi var valid = 1;

Gunakan script fake pageview tersebut dengan bijak ya hehehe... semoga bermanfaat :D

Cara Membuat Menu Horisontal di Blog

by: Valdani No comments

categories: Blog

Cara Membuat Menu Horisontal di Blog - Banyak sekali blog tutorial yang mungkin sering membahas cara memasang menu horisontal di blog. Mulai dari yang biasa - biasa ( di sediakan pihak blogger ) hingga yang nggak biasa alias lebih canggih.( bisa sobat liat di menu horisontal blog ini .. hehehe)

Seperti yang kita ketahui bersama bahwa menu yang di sediakan pihak blogger memiliki tampilan yang tetap. ( sepengetahuan saya ) sehingga bagi sobat blogger yang hobby utak atik blog, mungkin sedikit kurang mengasikkan. Kali ini, setelah memposting artikel cara mengetahui blog dofollow atau nofollow, saya akan mencoba sharing pada sobat blogger tentang cara membuat menu horisontal di blog yang di lengkapi dengan fasilitas dropdown atau lebih tepatnya cara membuat menu horisontal dropdown di blog. Untuk demonya sobat nggak perlu jauh jauh, cuma perlu liat aja menu di bawah header blog ini.

Bagi sobat yang tertarik untuk membuat menu horisontal di blog,silahkan ikuti tutorial berikut.

1. Log in dulu ke akun blog sobat.
2. Klik Rancangan --> edit html
3. Cari kode ]]></b:skin> ( Gunakan Ctrl + F untuk memudahkan percarian)
4. Letakkan kode berikut di atasnya.

#tejahtc{
height:33px;
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMfacn60ZsM5HB3jSTP1Ua_EzkxRdj7OBVb6cU7YXFnM37wxq3rpZIr_-KNi8Vq_ThsQLBpjc9LPuw0eM-i3JOJuxzTMj92Ahiyb2ymf8gb-ZSuwWQYiutkO1499CEoqBbDxqgct9ZH22A//) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}

#tejas{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMfacn60ZsM5HB3jSTP1Ua_EzkxRdj7OBVb6cU7YXFnM37wxq3rpZIr_-KNi8Vq_ThsQLBpjc9LPuw0eM-i3JOJuxzTMj92Ahiyb2ymf8gb-ZSuwWQYiutkO1499CEoqBbDxqgct9ZH22A//) repeat-x;
height:33px;
}

#tejas ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#tejas li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#tejas li a, #tejas li a:link, #tejas li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}

#tejas li a:hover, #tejas li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyZ-q8tFPuH-QxAKCTH-KxxavySEJ4WP6ei1Ek0FqclAGkky542zcUGX07zqWqveSQ1v9X_9HSK1a0LDsDnwR75L6b_6N7WXL_hXdUpoUdoPoBiW0QiXvYMWMrfD3yiczNDmwutGSRvbQ//) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}

#tejas li li a, #tejas li li a:link, #tejas li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;
}

#tejas li li a:hover, #tejas li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyZ-q8tFPuH-QxAKCTH-KxxavySEJ4WP6ei1Ek0FqclAGkky542zcUGX07zqWqveSQ1v9X_9HSK1a0LDsDnwR75L6b_6N7WXL_hXdUpoUdoPoBiW0QiXvYMWMrfD3yiczNDmwutGSRvbQ//) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}

#tejas li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#tejas li li {
}

#tejas li ul a {
width: 140px;
}

#tejas li ul a:hover, #tejas li ul a:active {
}

#tejas li ul ul {
margin: -34px 0 0 170px;
}

#tejas li:hover ul ul, #tejas li:hover ul ul ul,
#tejas li.sfhover ul ul, #tejas li.sfhover ul ul ul {
left: -999em;
}

#tejas li:hover ul, #tejas li li:hover ul,
#tejas li li li:hover ul, #tejas li.sfhover ul,
#tejas li li.sfhover ul, #tejas li li li.sfhover ul {
left: auto;
}

#tejas li:hover, #tejas li.sfhover {
position: static;
}

tambahan :

Modifikasi kode di atas terutama ukuran lebar dan tinggi yang harus di sesuaikan dengan ukuran template blog sobat.
Hampir semua bagian dari kode di atas bisa di edit, tapi kalo menurut saya sih tampilannya sudah pas tinggal tinggi dan lebarnya saja... terserah sobat..

5. Letakkan kode berikut di bawah kode <div id='content-wrapper'> ( cari dengan Ctrl+F )

Ganti tulisan yang berwarna biru dengan link dari kategori atau bisa juga dengan link posting.

contoh link kategori atau label, modelnya seperti ini.
http://christiantatelu.blogspot.com/search/label/BLOG

sedangkan link posting seperti ini .
http://christiantatelu.blogspot.com/2012/01/membuat-link-terbuka-di-tab-baru.html

Ganti tulisan berwarna ungu dengan url blog sobat.

Ganti link name dengan judul kategori atau judul posting atau apapun yang penting menarik untuk di klik. untuk link title samakan saja dengan link name.

6. Save template..

Semoga cara membuat menu horisontal di atas bisa membantu sobat blogger.

10 Tips dan Cara Meningkatkan Pageview Blog

by: Valdani No comments

categories: Tips dan Trik Blogging

Pageview pada sebuah blog sering dijadikan indikator akan ramai atau tidaknya blog tersebut. Sebelum membahas tentang bagaimana meningkatkan pageview mungkin bagi sebagian sobat masih belum mengerti

apa itu pageview

Apa sih pageview itu?

Pageview adalah istilah untuk menyatakan berapa banyak halaman dalam suatu web atau blog yang dibuka atau dibaca oleh pengunjung.

Apakah penting mengetahui pageview?

Menurut saya ya penting, percuma saja kita mendatangkan ribuan traffic tapi ternyata pengunjung blog tidak menemukan informasi seperti yang diharapkan, ujung-ujungnya akan di close tab nya dan mencari referensi lain.

Dengan meningkatkan pageview juga bisa membantu posisi artikel atau blog untuk bersaing dan bertahan di SERP

10 tips dan cara meningkatkan pageview

Update isi blog
Tidak bisa dipungkiri, dengan rutin mengupdate isi blog kita maka semakin banyak informasi yang didapatkan oleh pengunjung, tentunya isi atau konten tersebut original dan bisa memberikan manfaat bagi pembaca.

Memasang breadcrumbs navigation
Selain ramah dengan search engine, breadcrumbs navigation bisa membuat pengunjung mengetahui lokasi artikel yang sedang dibaca dan bukan tidak mungkin label atau kategori artikel tersebut ditelusuri lebih jauh oleh pengunjung.

Meningkatkan Pageview dengan random posts
.
Widget radom posts sangat membantu untuk meningkatkan pageview blog karena widget ini akan menampilkan postingan secara acak mulai dari yang paling lama sampai yang terbaru sehingga bisa membantu pengunjung untuk mencari artikel menarik lainnya dari blog sobat.

Fitur related posts.
Selain random posts, fitur related posts juga berperan penting untuk meningkatkan pageview blog. Fitur related posts akan memberikan artikel-artikel yang berkaitan dengan artikel yang sedang dibaca oleh pengunjung sehingga peluang untuk mempertahankan pengunjung dan meningkatkan pageview semakin besar.

Buat judul yang menarik.
Meningkatkan pageview juga bisa dilakukan dengan membuat judul yang menarik sehingga pengunjung merasa penasaran dengan isi artikel atau posting tersebut.

Widget artikel terpopuler.
Widget ini juga bisa digunakan untuk merangsang pembaca supaya lebih betah lagi berada di blog sobat dan meningkatkan pageview blog. Widget ini berisi daftar artikel andalan yang sudah sobat tulis.

Internal linking.
Kalau yang satu ini saya rasa sudah pada tau ya, selain berguna untuk optimasi on page, internal linking bisa memudahkan pengunjung untuk menelusuri blog sobat lebih jauh serta meningkatkan pageview.

Menu navigasi.
Menu navigasi sangat penting untuk meningkatkan pageview blog sobat
. Buatlah menu navigasi sejelas mungkin dan semudah mungkin supaya pembaca tidak kesulitan menemukan artikel yang diinginkan.

Sembunyikan widget yang tidak terlalu penting.
Terkadang kita ingin membuat blog yang cantik dengan menambahkan berbagai macam widget. Sobat perlu mempertimbangkan lagi penggunaan widget-widget tersebut. Aturlah dengan menyembunyikan widget pada halaman tertentu supaya loading blog tidak terlalu berat.

Hindari iklan yang berlebihan.
Memasang iklan boleh-boleh saja akan tetapi janganlah terlalu berlebihan, cukup satu iklan dan letakkan di tempat yang strategis, seperti di tengah posting, sudah bisa menghasilkan keuntungan plus bisa
meningkatkan pageview
blog sobat.

Dengan menerapkan 10 tips dan cara meningkatkan pageview di atas bukan hal yang mustahil untuk meningkatkan pageview blog dengan cepat. Semoga bermanfaat.

Manfaatkan Google Analytics Untuk Analisa Traffic Blog

by: Valdani No comments

categories: Belajar SEO, Tips dan Trik Blogging

saya yakin sobat sudah pada tau kalo mbah google sebagai search engine terbesar meyediakan layanan gratis bernama Google Analytics. Tool ini sangat banyak manfaatnya, bahkan bisa dibilang cukup komplit. Setelah mencari keyword populer dan menulis artikel yang seo friendly dengan optimasi keyword density pasti sobat juga ingin tau kan seberapa besar efeknya? Selain melihat dari SERP, Google Analytics ini cocok untuk menganalisa traffic blog.

Fitur-fitur Google Analytics

Kalo bicara fitur sih sepertinya banyak banget yak, yang jelas tool ini buatan mbah google, so ya pasti recommended lah untuk analisis blog sobat. Selain itu ada juga beberapa kelebihan Google Analytics seperti:

Mengetahui sumber pengunjung, apakah dari search engine atau dari link yang terkait dengan blog sobat.

Mengetahui seberapa lama pengunjung blog berada di blog sobat.

Mengetahui berapa persen kunjungan baru ke blog sobat.

Ada juga fitur untuk bisnis alias E-commerce.

Tab-tab tersebut bisa sobat gunakan untuk menganalisis keyword apa yang paling populer di blog sobat dan loyalitas pengunjung terhadap blog sobat.

Banyak kan fitur-fitur yang bisa sobat gunakan dengan Google Analytics? Terus bagaimana cara menggunakan Google Analytics? Baca ajah terus artikel ini hehehe...

Cara memulai menggunakan Google Analytics

Langsung saja ke Google Analytics.

Kalau belum pernah daftar silahkan Sign Up menggunakan akun google sobat.

Jika telah selesai mendaftar sobat akan diberi kode javascript yang harus diletakkan di template blogspot. Hal ini untuk memudahkan Google Analytics menganilisa blog kita.

Copy dan paste kan kode tersebut di atas kode </head> pada template blog sobat.

Jika di poin ketiga sobat tidak mendapatkan kode javascript tersebut ikuti langkah-langkah berikut:
- Masuk ke Dashboard > pilih profil blog yang ingin di verifikasi (satu akun bisa memanage beberapa blog sekaligus) > klik Edit (bagian sebelah kanan) > klik Periksa Status
- Pilih yang sesuai blog sobat kemudian tinggal copy paste ajah seperti di atas.

Save template dan tunggu saja beberapa hari, ga bisa langsung kan baru dipasang kodenya.

Ya begitulah memanfaatkan Google Analytics untuk menganilisis traffic blog sobat. Semoga bermanfaat..

Cara Mengetahui Blog Dofollow Atau Nofollow

by: Valdani No comments

categories: Blog

Cara Mengetahui Blog Dofollow atau Nofollow - Seperti kita ketahui bersama, bahwa blog dofollow atau blog yang ber atribut kan dofollow atau tak jarang juga orang menuliskan dofolow , adalah blog yang mengijinkan si robotnya om google untuk mengindeks seluruh link di blog kita termasuk link di kotak komentar. Dengan kata lain, bahwa siapa saja yang berkomentar di blog dofollow akan mendapatkan backlink satu arah langsung ke blognya.

Cara Mengetahui Blog Dofollow atau nofollow ini bagi sebagian blogger mungkin sudah basi bahkan mungkin menyangkah bahwa blogger yang posting artikel ini udah nggak punya ide posting lagi, tapi bagi saya selama jari ini masih bisa mengetik dan masih bisa makan (Mengetik kan butuh tenaga, tenaga kan dari makanan), masih sah sah aja.

cara mengetahui blog dofollow atau nofollow ini, saya posting berdasarkan pengalamn saya. dulunya saya hanya memanfaatkan Klik kanan ( pada salah satu halaman posting )--> view page source --> kemudian menekan Ctrl +F dan mencari salah satu komentar yang ber atributkan dofollow pada mozilla yang sebenarnya saya tahu cara tersebut bikin puyeng.. bikin pusing....!!!@!@

gambarnya seperti ini :

Tampilan view page source blog dofollow

tapi tenang...!! kali ini saya tidak akan membuat sobat pusing. kali ini saya akan kasih tahu bagaimana cara mengetahui blog dofollow atau nofollow tanpa ribet.
Sobat hanya perlu menggunakan add-ons Nodofollow dari mozilla. Bagi sobat blogger yang tertarik cara ini, silahkan ikuti langkah - langkah di bawah ini:

1. Install Exensionnya di sini!
2. Klik Continue to Download seperti gambar berikut .

3. Restart mozilla sobat.
4. Sekarang siap untuk di gunakan.

Silahkan sobat klik kanan pada salah satu pemberi komentar pada blog yang ingin sobat ketahui apa dofollow atau nofollow, kemudian klik Nodofollow.

Link pemberi komentar yang berwarna biru adalah blog dofollow sedangkan yang berwarna merah adalah blog nofollow.

Tampialn komentar blog dofollow

tampilan komentar blog nofollow

5. Yang terakhir silahkan buktikan sendiri...

Sekian..

Semoga cara mengetahui blog dofollow atau nofollow di atas dapat membantu sobat dalam mencari backlink.

Membuat Link Terbuka di Tab Baru

by: Valdani No comments

categories: Blog

Cara Membuat Link Terbuka di Tab Baru - Salah satu hal yang ada dan akan selalu ada di blog adalah Link. Tidak ada link maka tak ada backlink dan juga pagerank. Bahkan Tak ada link, tidak ada juga blog. Kali ini saya akan sedikit share tentang Link yang lebih tepatnya membuat link agar terbuka di tab baru.

Sobat hanya perlu menyisipkan kode target="_blank" pada URL.

Contohnya

<a href="http://christiantatelu.blogspot.com" target="_blank">idebagus</a>

maka hasilnya sepeti ini:

idebagus

Gunakan variasi efek berkedip untuk menarik minat pengunjung untuk mengklik Link tersebut. Misalnya

<a href="http://christiantatelu.blogspot.com/" target="_blank"><blink>idebagus<./blink></a>

idebagus

Bisa juga dengan menyisipkan gambar pada Link seperti berikut :

<a href="http://christiantatelu.blogspot.com" target="_blank"><img src="http://i1108.photobucket.com/albums/h405/christian410/cooltext610503717.gif" /></a>

Hasilnya :

Untuk memodifikasi tampilan huruf , warna huruf dan sebagainya cukup tambahkan kode berikut :

Misalnya :

<a href="http://christiantatelu.blogspot.com/" target="_blank"><span style="color: blue; font-family: georgia; font-size: 20px; font-style: italic; ">idebagus</span></a>

Hasilnya :

idebagus

Semoga Cara Membuat Link Terbuka di Tab Baru ini bisa berguna untuk sobat blogger.

Selamat Berkreasi!

Cara Membuat / Memasang Burung Twitter Terbang di Blog

by: Valdani No comments

categories: Blog, Widget

Cara Membuat Burung Twitter Terbang di Blog - Lebih suka mana?? ngetweet apa ngeblog?? kalo ane sih kedua - duanya.. Kali ini ane akan kasih tahu bagaimana cara memasang burung twitter terbang atau melayang - layang atau mondar - mandir di blog sobat. Bagi sobat yang tertarik untuk memasang burung twitter terbang atau melayang - layang ini, silahkan ikut tutorial berikut .

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.

<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNZuM8RFO30x4VjMvytDHwuVVny1A4hGwlDAjnobZ7cN2h3wI5xHzNW8eIDQcjI6NkSvIPYUamQVjhOlcEyFkf85hEBwgPc_vDbIOwhocE-yIDqzzKtAdBBlFxuZeFWlnA_4LTDYD9A4/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/deactivatednumi";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat.

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJi85r6zfPxjZumGyL4MGouUu4Moi4Vj0q_282sFC5O5wMK1drqNYP43lMikmuz63vFB8B1b3h6IWNgCJ7ex3OxFZRoNBUDsaxUqGcOzeYuSbdfmAmFXOBYlKVIN66Al4FgMVkxyk-MY/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggo3MyExdq5jQrZ03E9DRVAPtnXmL38E8r8o1d6s6SqCAfhkKMCyyg2oe7a9CzU6wauq7MZIxlE1FPZxO9uhx5tfwu4EBC18lcss7IQzn6j2wcsoPRi4l_U-Pw5QqfvC-YzRWbG1XR0L0/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfrm_S7iLibRmZ3mKLYgEeXgLDLgRrUPWDwrSKQyz0Z6RLrAff33zLlFTVrGifFJo2mn3Zz7UD4miBTCvFjQpj-in8ejftbHpa0u9DeLncOp8GtvUMIndBbiy5BI5i1x6i1jSe3D68Y8o/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1A-vnd3rsWvM-VkuuLkzfZMKGp9LZz1Zn0tSNsnV7r0-4ZqMMaAqFYWfIiCiJ2n5DzLFDhlsXgV_CS1OzxjkwrDSK2jVQ_uzR2bmA_U6rraOPyQB6iwFIKGjfnrvPR-8abkCvzy64Nnc/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw4_Xx0TrVR3E9xNl0-V2_b66YTKfc2zIv5CK6EIjoLLi7oU0xf79m2_B4absgNhQTQcZbnrVH7SOum8KH116Su3MEuOobTv-h6GBMSwQeJ32KIelFe8jk8BFGWTLGdQGb670uQXn_dfo/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVD8ZBe8mfP5950tIDIK8c7fMstTyi66K8HfvkMN1ZNHylFRknfs7n7qXivFnjF9f4l9y9QVXLhxkQ4hjBW93oLfamg7i4EdKYLYV-FK0bvWUPK9rhbPvyC28yqTqtNSgbiYgLcSVtYIU/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdtkk3dREnBntCxW6NqjKJRUG1ty1WwMpiBRAtxWs_40hBhU2vWjblpzuISKlOhHxjrJhkL1WvgCIyeqPdzIMYb3I1pNR0kWNqustM9PgmGZcPLquTRP8DF4yhCe6ACGQz3am1-Kwauas/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfCcoVXm-HE9A89D3wUlZ3nvku5Y7wOMb0qgLiitzHoDizrQSsbSMqvwBbVXmY-n9FwpbT82wjZoQc7ULM4GxejLR0zX8Wpq7b0wofpaUbAEpCje7Mlhc-GQAfBaD6kP45sGLnHKSX2HY/s1600/red+bird.png

Ganti Tulisan yang berwarna biru dengan username twitter sobat.

Semoga membantu!!

Pemenang Kontes SEO Century 21

by: Valdani No comments

categories: Kontes SEO

Tanggal 25 Januari adalah tanggal penutupan kontes seo yang diadakan oleh Century 21. Kontes yang telah berlangsung dari tanggal 7 November 2011 ini memperebutkan posisi nomor wahid di SERP google.co.id dengan target keyword Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia.

Berikut hasil pemenang kontes seo century 21 seperti dikutip dari website resminya di alamat http://seocontest.century21.co.id/2011/winner.php

1. Nama: Lerry apriantoni
Winning URL: http://www.ovcio.com/century-21-broker-properti-jual-beli-sewa-rumah-indonesia.html

2. Nama: Syahrullah
Winning URL: http://lingkarmerah.blogspot.com/2011/11/century-21-broker-properti-jual-beli.html

3. Nama: Dede Yahya
Winning URL: http://www.dedeyahya.com/2011/11/century-21-broker-properti-jual-beli.html

4. Nama: Ahmad Subhan
Winning URL: http://seoblogger4.blogspot.com/2011/11/century-21-broker-properti-rumah.html

5. Nama: Aris Nurbawani
Winning URL: http://arisnb.nulis.web.id/century-21-broker-properti-jual-beli-sewa-rumah-indonesia.html

6. Nama: Ulun Nuha Hafidhi
Winning URL: http://www.holic.web.id/century-21-broker-properti-jual-beli-sewa-rumah-indonesia.html

7. Nama: Yoga Ailala
Winning URL: http://www.yoga.web.id/2011/11/century-21-broker-properti-jual-beli.html

8. Nama: Khoirudin
Winning URL: http://pendhowo.com/century-21-broker-properti-jual-beli-sewa-rumah-indonesia

9. Nama: Wahyu Winoto
Winning URL: http://www.wahyu-winoto.com/2011/11/century-21-broker-properti-jual-beli.html

10. Nama: Sugianto
Winning URL: http://sugicloud.com/century-21-broker-properti-jual-beli-sewa-rumah-indonesia.html

Selamat kepada para pemenang :)

Cara Menyembunyikan Widget Pada Halaman Blogspot

by: Valdani No comments

categories: Tips dan Trik Blogging

Menyembunyikan widget pada halaman tertentu adalah hal yang cukup penting, selain untuk efesiensi dan optimasi seo on page, menyembunyikan widget pada halaman tertentu bisa mengurangi kesumpekan sebuah blog.

Misalnya sobat ingin menampilkan widget recent posts pada blog sobat, nah apakah hal ini perlu juga ditampilkan di homepage yang mana memang isinya adalah daftar artikel atau posting terbaru kita? Mubadzir kan? So kita harus mengatur atau menyembunyikan widget tersebut di halaman yang kita inginkan, tertarik? Caranya mudah kok..

Cara menyembunyikan atau menampilkan widget pada halaman tertentu

Seperti biasa, login dulu ke blogger.

Masuk ke Desgin (Rancangan) > Edit HTML > Centang Expand Template Widget.

Cari Widget yang ingin sobat atur, untuk memudahkan pake Ctrl + F misal di sini saya ingin menyembunyikan widget Recent Posts pada home page

<b:widget id='HTML3' locked='false' title='RECENT POSTS' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url != data:blog.homepageUrl'>  <H2 class='title'><data:title/></H2> <div class='widget-content'> <data:content/> </div> </b:if> </b:includable> </b:widget>

Perhatikan tulisan berwarna merah tersebut, kode data:blog.homepageUrl bisa sobat isi dengan alamat halaman langsung dengan tanda petik misalnya seperti
<b:if cond='data:blog.url != "http://blogedek.blogspot.com"'>

Yang perlu diingat, jangan sampai sobat lupa memasukkan penutup tag if, yaitu </b:if>

Tag atau kode != artinya jika kondisi tidak sama dengan, untuk perintah yang menyatakan kondisi sama dengan maka gunakan ==

Selesei deh menyembunyikan atau menampilkan widget pada halaman tertentu, tinggal sobat atur sendiri mana widget yang akan ditampilkan atau disembunyikan. Semoga bermanfaat...

Tags: menyembunyikan widget, menyembunyikan widget pada halaman posting, menyembunyikan widget di homepage, menampilkan atau menyembunyikan widget, menyembunyikan widget pada artikel tertentu

Top 10 Syntax Google Search (SEO Tips)

by: Valdani 4 comments

categories: Belajar SEO, Tips dan Trik

Bagi para master mungkin sudah hafal luar kepala tentang 10 syntax wajib google search ini, tapi bagi yang masih newbie seperti saya ini kayaknya masih membutuhkan referensi lagi.

Dalam dunia per-seo-an, mencari keyword dengan tepat adalah salah satu ujung tombak untuk mendatangkan visitor. Sebelum mengoptimalkan keyword density, untuk lebih bisa memetakan persaingan keyword yang sobat tembak sobat bisa menggunakan beberapa syntax dasar untuk google search sehingga sobat mendapatkan real number dari pesaing.

Bukan hanya untuk keyword saja, 10 syntax wajib google search ini juga bisa digunakan untuk keperluan lain yang masih berhubungan dengan SEO misalnya syntax untuk mengetahui backlink atau syntax untuk mengetahui berapa jumlah halaman blog sobat yang sudah terindeks oleh google.

Selain untuk SEO, 10 syntax dasar google search ini juga bisa membantu sobat untuk mendapatkan hasil pencarian yang lebih spesifik

Top 10 Google Search Syntax

Syntax google search site
. Berguna untuk melihat jumlah halaman web atau blog yang sudah terindeks oleh google.

site:blogedek.blogspot.com

Syntax google search cache
. Mengetahui cache terakhir suatu halaman yang terekam oleh google sobat bisa melihat tanggal dan versi terbaru halaman tersebut.

cache:blogedek.blogspot.com

Syntax google search info
. Menampilkan informasi yang berguna tentang suatu web seperti web lain yang memilik niche yang sama atau halaman yang menampilkan URL web tersebut.

info:blogedek.blogspot.com

Syntax google search link
. Menampilkan eksternal link terhadap suatu web

link:blogedek.blogspot.com

Syntax google search related
. Menampilkan web yang berhubungan dengan web tertentu.

related:blogedek.blogspot.com

Syntax google seacrh allinurl or inurl
. Membatasi pencarian dengan menampilkan URL yang mengandung keyword. Syntax allinurl akan menampilkan hasil yang lebih spesifik jika keyword yang dicari dalam bentuk frase.

inurl:seo blogger

maka hasilnya adalah url yang mengandung kata seo atau blogger atau keduanya

allinurl:seo blogger

maka hasilnya adalah url yang mengandung seo blogger

Syntax google search allintext dan intext
. Jika sobat menggunakan syntax ini Google akan menampilkan hasil pencarian keyword berupa text. Contoh [ intext: design ruby rails ] maka hasilnya adalah semua halaman yang mengandung kata words “design,” “ruby,” and “rails” yang berupa text.

intext:keyword

Syntax google search allinanchor or inanchor
. Membatasi pencarian dan menampilkan web atau halaman yang menggunakan anchor text sesuai keyword. Sama seperti syntax URL, allinanchor lebih spesifik untuk mencari anchor text yang berupa frase.

inanchor:keyword

Syntax google search allintitle or intitle
. Membatasi pencarian dengan menampilkan web atau blog yang menggunakan keyword sebagai title. Sama seperti syntax URL dan text, untuk lebih spesifik gunakan syntax allintitle

intitle:keyword

Syntax google search define
. Syntax ini mungkin tidak berhubungan dengan SEO tapi cukup berguna untuk mencari referensi tentang suatu topik yang akan sobat tulis.

define:keyword

Itulah 10 syntax google search yang bisa membantu sobat dalam optimasi mesin pencari atau SEO. Semoga bermanfaat..

Cara Membuat / Memasang ShoutCamp di Blog

by: Valdani No comments

categories: Blog, Widget

Cara Pasang ShoutCamp di Blog - Awal tahun ini merupakan awal yang paling membosankan bagi para pengguna chatbox atau buku tamu shuotmix. Semenjak di tutup untuk pelanggan gratisan pada tanggal 1 januari 2012 lalu membuat para blogger beralih ke chat box lain seperti Cbox, Fibox, ShuotChamp dan lain lain.
Kali ini saya akan share tentang ShuotChamp atau lebih tepatnya Cara membuat buku tamu ShoutCamp di blog. widget ini biasa di tempatkan di sidebar dan tak jarang juga di pasang dengan Popup ( melayang ).

Mau tahu bagaimana cara memasang shoutcamp di blog? ikuti terus tutorial nya.

1. Terlebih dahulu sobat harus memiliki akun shuotcamp. bagi yang belum punya, silahkan daftar di sini!

2. Setelah masuk ke situs Shuotcamp, klik tulisan register atau cari dan klik Get it now seperti gambar berikut.

3. Isikan data - data yang diminta pada formulir register nya. masukkan username twitter sebagai opsional. tidak di isi pun tak apa - apa. kemudian klik register.

4. Klik pada tulisan seperti gambar berikut.

5. Masukan nama shuotcamp pada ShuotCamp Title dan masukkan Url website sobat pada Website/Url, kemudian klik next.

6. Selanjutnya sobat akan di minta untuk mengupload foto yang nantinya akan di jadikan avatar sobat.

7. Klik Browse dan tekan Upload seperti yang terlihat pada gambar berikut.

8. Sobat akan di minta untuk men Crop atau memotong foto sesuai keinginan sobat. Klik pada tulisan Crop Image and Save As Avatar.

9. Setelah itu, sobat akan melihat tampilan berikut. Klik Install.

10. Ambil kode yang di beri dan pastekan di HTML/Javascript sobat. Jika ada sobat yang belum tahu cara meletakkannya di blog sobat, ikut langkah - langkah berikut.

Log in ke akun blog sobat
Klik Rancangan --> Elemen Laman --> Tambah Gadget --> pilih HTML/Javascript.
Masukkan kode ShuotCamp ke dalam kotak yang di sediakan dan beri nama sesuai keinginan.
Klik Simpan atau Save

11. Untuk mengatur tampilan Shuotcamp klik manage area kemudian Klik Edit Layout yang berada di sebelah kiri Menu twitter setting.

12. Atur tampilan sesuka hati sobat. kemudian ambil kode nya..

Sekian dulu tutorial membuat/memasang shoutcamp di blog, semoga membantu sobat blogger.

Tolong di like fanpage facebook nya ya!!!!

Cara Membuat / Memasang Daftar Isi di Sidebar Blog

by: Valdani No comments

categories: Blog, Widget

Cara Memasang Daftar Isi di sidebar - Daftar isi ( sitemap ) atau tak jarang juga di sebut Table Of Content, adalah bagian yang sangat penting yang harus ada di blog sobat. Umumnya, daftar isi biasa di letakkan di suatu halaman dengan tujuan untuk mengurangi beban blog saat loading.

Berbeda dengan postingan saya sebelum yang membahas tentang cara membuat daftar isi sitemap di blog, kali ini saya akan share untuk sobat bagaimana cara memasang daftar isi pada sidebar blog sobat. Widget ini akan menampilkan daftar isi blog sobat dalam bentuk per label dan akan menampilkan seluruh postingan ( artikel ) jika sobat mengklik opsi All label. Selain itu, widget ini juga di lengkapi dengan fungsi scrolling yang berguna untuk menghemat halaman blog sobat.

Sobat yang tertarik untuk memasang widget ini, silahkan ikuti langkah - langkahnya berikut :

1. Log in ke akun blog sobat.

2. Kliik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript

3. Masukkan script berikut kedalam kotak.

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://tateluproject.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://christiantatelu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script></div>

Lihat Gambar :

Tambahan :

Semua tulisan yang bercetak tebal pada script adalah kode yang bisa di utak-atik atau di ganti terutama kode width ( lebar ) dan height ( tinggi ) yang harus di sesuaikan dengan ukuran sidebar blog sobat dan tentunya nama blog juga..
Kode yang berwarna biru (500) pada script adalah jumlah yang daftar isi yang akan di tampilkan. Ubah kode tersebut jika halaman blog sobat berjumlah lebih dari kode tersebut.

4 . Klik Simpan.

Demikianlah Cara Membuat Daftar Isi di Sidebar Blog, semoga bisa membantu sobat blogger dalam menghias blog sobat.

Cara Mendaftar di Youlikehits.com

by: Valdani No comments

categories: Blog

Cara Mendaftar di Situs Youlikehits - Seperti penjelasan saya sebelumnya pada postingan tentang Mempebanyak Like pada Fan Page Facebook, bahwa situs atau website youlikehits adalah website yang menawarkan membernya untuk memperoleh 'like' secara gratis ataupun berbayar.

Pada postingan tersebut juga sebenarnya sudah ada cara mendaftarnya, tapi mumpung belum ada yang posting untuk cara mendaftar di youlikehits, ane posting dech...

Beriktu cara mendaftar di Youlikehits :
1. Masuk ke situs Youlikehits

2. Masukkan data yang di minta pada SignUp kemudian Klik sign Up seperti gambar berikut.

3. Seperti gambar di atas, sobat yang berhasil mendaftar bisa langsung log in ke akun youlikehits sobat. Setelah login, sobat akan di minta untuk mengisih kode verifikasi seperti gambar berikut.

4. Buka email masuk pada alamat email yang sobat daftarkan tadi. ( buka pada tab baru )
5. Ambil kode verfikasi pada email yang telah di kirimkan. Lihat gambar

6. Masukkan kode verifikasi dan klik Activate.

Lihat cara menggunakannya di postingan tentang cara Memperbanyak Like Pada Fan page Facebook di blog ini.

Tuesday 31 January 2012

Redirect link

Cara membuat redirect link pada blog

membuat redirect link

proses redirect link

Monday 30 January 2012

Floating share button

share button

Keuntungan floating share button

share button ini tidak hanya berada di halaman artikel

Cara membuat floating share button

membuat floating share button (tombol berbagi yang melayang)

Sunday 29 January 2012

Saturday 28 January 2012

script fake pageview

Friday 27 January 2012

apa itu pageview

Apa sih pageview itu?

Apakah penting mengetahui pageview?

10 tips dan cara meningkatkan pageview

Meningkatkan Pageview dengan random posts

Menu navigasi sangat penting untuk meningkatkan pageview blog sobat

meningkatkan pageview

Fitur-fitur Google Analytics

Cara memulai menggunakan Google Analytics

Thursday 26 January 2012

Cara menyembunyikan atau menampilkan widget pada halaman tertentu

Tuesday 24 January 2012

Top 10 Google Search Syntax

Syntax google search site

Syntax google search cache

Syntax google search info

Syntax google search link

Syntax google search related

Syntax google seacrh allinurl or inurl

Syntax google search allintext dan intext

Syntax google search allinanchor or inanchor

Syntax google search allintitle or intitle

Syntax google search define

Monday 23 January 2012

Visitor

Popular Posts

Blog Archive