}
Tampilkan postingan dengan label Tentang Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tentang Blog. Tampilkan semua postingan

Cara Membuat Kotak Suka Facebook di Blog

Friday, 20 April 2012
Posted by: Wayne Rachmat

Cara Membuat Kotak Suka Facebook di Blog

Cara Membuat Kotak Suka Facebook di Blog | Setelah Anda selesai membuat Halaman Facebook, kini saatnya untuk membuat kotak like (suka) di blog.

Perlu anda ketahui bahwa:
Menaikkan Pengunjung Blog dengan Facebook. Kita tidak bisa pungkiri bahwa kehadiran Facebook sangatlah penting untuk menaikkan rating atau pengunjung blog kita. Facebook adalah salah satu situs jejaring sosial yang sangat populer sekarang ini. Walau pada dasarnya facebook diciptakan untuk menjalin hubungan silaturahmi antara teman-teman yang sedang berjauhan.


Kegunaan facebook pun bukan hanya sekedar upload status dan chating. Facebook sangatlah multi fungsi. Anda dan saya bisa memanfaatkan facebook untuk mempromosikan blog. Dengan demikian pengunjung pada blog kita akan semakin meningkat.

Berikut langkah-langkah bagaimana Cara Membuat Kotak Suka Facebook di Blog
1. Tentunya anda harus masuk dulu ke Halaman Facebook anda
2. Jangan lupa anda harus masuk ke blog anda.
3. Siapkan dulu kopi, teh, atau minuman lain untuk menemani anda biar enjoy gitu loh.

Setelah anda mempersiapkan langkah 1 sampai 3, maka kita memulai langkah selanjutnya.
1. Copylah alamat halaman facebook anda terlebih dahulu.


2. Setelah Anda Copy, carilah Promosikan Halaman ini di situs web Anda seperti gambar dibawah ini.


3. Klik Tambahkan Kotak Suka. Akan muncul gambar dibawah ini.

4. Gantilah alamat facebook platform diatas dengan alamat halaman facebook anda (lihat gambar dibawah otomatis akan berubah)

5. Setting lah Platform Halaman Anda seperti dibawah ini. Anda boleh mempertahankannya atau anda mengosongkan tanda centrang. Sesuai keinginan anda.

6. Selanjutnya Klik Get Code untuk mendapatkan Scriptnya

7. Lihat Gambar berikut

8. Jangan tutup dulu. Buka Blog anda. dan Pilih Rancangan pada blog anda. Pilihl widget HTML/Javascript.

9. Copylah script yang telah disediakan. (ingat copy keduanya).

 10. Jangan lupa Simpan. Sukses anda telah berhasil Membuat Kotak Suka Facebook di Blog.

Itulah Cara Membuat Kotak Suka Facebook di Blog. Selamat Mencoba.
READ MORE - Cara Membuat Kotak Suka Facebook di Blog

Diposting oleh RAHMAT.S 0 komentar  

Label:

Smooth Scrolling Back To Top Dengan jQuery

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Smooth Scrolling Back To Top Dengan jQuery

Setelah sebelumnya telah dibahas mengenai Back To Top yang biasa, kali ini ada tombol Back To Top yang keren dengan effect scrolling.  Bedanya dengan Back To Top biasa, widget yang menggunakan jQuery ini jika di klik akan mengerahkan page ke atas blog dengan lembut dan tidak langsung lompat keatas blog seperti Back To Top biasa.

      
Back To Top degan jQuery ini juga memiliki effect lain yang lumayan keren, tombolnya akan menghilang jika page nlok masih berada pada bagian atas, tapi jika visitor mulai melihat bagian bawah blog maka tombol Back To Top baru akan muncul. Contohnya seperti yang terpasang pada www.katakan-hey.com ini. :)

Cara membuatnya :
  1. Masuk pada Blogger
  2. Arahkan pada Rancangan > Elemen Laman
  3. Pilih salah satu tempat untuk Tambakan Widget (tempat bukan masalah)
  4. Pilih HTML/JavaScript
  5. Pastekan kode berikut TANPA Judul :

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" >
    /***********************************************
    * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Modified by www.MyBloggerTricks.com
    * Republish by www.katakan-hey.com
    * This notice MUST stay intact for legal use
    * Visit Project Page at http://www.dynamicdrive.com for full source code
    ***********************************************/
    var scrolltotop={
        //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
        //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
        setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
        controlHTML: '<img src="IMAGE LINK" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
        controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
        anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
        state: {isvisible:false, shouldvisible:false},
        scrollup:function(){
            if (!this.cssfixedsupport) //if control is positioned using JavaScript
                this.$control.css({opacity:0}) //hide control immediately after clicking it
            var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
            if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
                dest=jQuery('#'+dest).offset().top
            else
                dest=0
            this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
        },
        keepfixed:function(){
            var $window=jQuery(window)
            var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
            var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
            this.$control.css({left:controlx+'px', top:controly+'px'})
        },
        togglecontrol:function(){
            var scrolltop=jQuery(window).scrollTop()
            if (!this.cssfixedsupport)
                this.keepfixed()
            this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
            if (this.state.shouldvisible && !this.state.isvisible){
                this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
                this.state.isvisible=true
            }
            else if (this.state.shouldvisible==false && this.state.isvisible){
                this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
                this.state.isvisible=false
            }
        },
       
        init:function(){
            jQuery(document).ready(function($){
                var mainobj=scrolltotop
                var iebrws=document.all
                mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
                mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
                mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                    .attr({title:'Scroll Back to Top'})
                    .click(function(){mainobj.scrollup(); return false})
                    .appendTo('body')
                if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
                mainobj.togglecontrol()
                $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                    mainobj.scrollup()
                    return false
                })
                $(window).bind('scroll resize', function(e){
                    mainobj.togglecontrol()
                })
            })
        }
    }
    scrolltotop.init()
    </script>

  6.  Setelah itu ganti  IMAGE LINK dengan Link gambar tombol yang anda inginkan (Anda dapat memilih dari beberapa gambar diatas).
  7. Simpan dan lihat hasilnya.
Jika setelah disimpan dan ternyata tombol tidak terlihat maka artinya kode HTML blog Anda sudah mempunyai jQuery Scripts. Cara mengatasinya dengan :
  1. Masuk pada widget Back To Top yang tadi.
  2. Cari :
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    Letaknya ada paling atas dari scripts.
  3. Hapus kode diatas lalu Simpan.
Selamat Mencoba. Semoga Berhasil.
READ MORE - Smooth Scrolling Back To Top Dengan jQuery

Diposting oleh RAHMAT.S 0 komentar  

Label:

Membuat Headline News V1

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Membuat Headline News V1


Sudah taukan apa itu HeadLine News? Headline Nwes ini widget blog yang akan menampilkan postingan dan artikel-artikel terbaru blog Anda. Widget ini tergolong diperlukan bagi sebagian blogger, widget ini akan tampil pada bagian atas blog Anda dan memiliki fungsi "close" jika diinginkan.

 
Tampilan Headline News-nya seperti diatas. Widget ini akan membuat blog Anda terlihat lebih padat dan berisi serta mempunyai navigasi tambahan karna link pada headline news ini akan mengarahkan visitor langsung ke posting dan artikel blog Anda.

Cara membuat Headline News :
  1. Masuk Pada blogger.com
  2. Pilih Rancangan >> Elemen Laman >> Tambah Gadget (dimanapun posisinya)
  3. Pastekan kode berikut ini :

    <script type="text/javascript">
    var hn_url_blog = "http://NamaBlogAnda.blogspot.com";
    var hn_jumlah_post = 5;
    var hn_warna_latar = "#EEEEEE";
    var hn_warna_garis = "#000000";
    var hn_posisi = "top";
    var hn_tampilkan_judul = true;
    var hn_backlink = true;
    </script>
    <script src="http://katakan-heydotcom.googlecode.com/files/headlinenews.js">
    </script>
    Ubah:
    • NamaBlogAnda menjadi alamat blog Anda
    • hn_jumlah_post = 5 menjadi menjadi berapun jumlah post yang ingin Anda tampilkan
    • EEEEEE dengan warna latar keingin Anda
    • 000000 dengan warna garis keinginan Anda
  4. Pilih Simpan dan Lihat Hasilnya.
Selamat Mencoba. Happy Blogging.
READ MORE - Membuat Headline News V1

Diposting oleh RAHMAT.S 0 komentar  

Label:

Cara Membuat Privacy Policy

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Cara Membuat Privacy Policy


Sebagian dari kita mengangap bahwa Privacy Policy tidak-lah begitu penting untuk sebuah blog atau situs, itu juga saya pikirkan awalnya. Anggapan ini keliru terutama bagi Anda yang menggeluti dunia bisnis online dan ingin menjalin hubungan dengan Adsense ternama seperti Google Adsense.

Semua jasa Adsense ternama seperti Google Adsense mengharuskan blog atau situs yang digunakan sebagai publishernya memiliki Privacy Policy yang dapat diakses oleh siapapun.

Privacy Policy tidak hanya untuk Adsense saja, Privacy Policy juga menunjukkan siapa Admin yang bisa dihubungi jika ingin menanyakan hal tentang situs tersebut, memberitahukan tentang File Log blog atau situs Anda, mengatur penggunaan artikel dan lain-lain.

Susah-kah membuat Privacy Policy? Lumayan kalau mau buat secara manual, karna kita harus membuatnya dengan bahasa dan ejaan yang baik menurut EYD, terlebih lagi kebayakan Privacy Policy yang dianggap baik harus berbahasa Inggris karna Bahasa kita Indonesia belum menjadi bahasa Internasional. Tapi jangan risau dan galau, kita bisa membuatnya dengan Privacy Policy Generator yang hasilnya sudah tentu bagus dan langsung berbahasa Ingriss, bagi yang mau berbahasa Indonesia bisa langsung ditranslate di Google.

Cara Membuat Privacy Policy :
  1. Kunjungi http://www.serprank.com/privacy-policy-generator/index.php
  2. Pada General Information isi :
    • Site URL ( isi dengan alamat URL blog atau situs Anda )
    • Email Address ( isi dengan Email valid Admin dari blog atau situs Anda )
  3. Pada Use of Cookies centang "Yes, we use cookies" jika blog Anda menggunakan Cookies dan "No, we don't use Cookies" jika tidak
  4. Pada Advertise Information pilih salah satu jasa Advertise yang Blog atau Situs Anda gunakan / akan diigunakan seperti Google Adsense dan Amazon.
  5. Jika semua telah tersisi dengan benar pilih Create my Privacy Policy

Privacy Policy Anda telah jadi, Selajutnya tinggal Anda yang memasukkannya pada blog atau situs yang akan menggunakannya.


Selamat Mencoba & Happy Blogging.
READ MORE - Cara Membuat Privacy Policy

Diposting oleh RAHMAT.S 0 komentar  

Label:

Membuat Contact Form Pada Blog

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Membuat Contact Form Pada Blog

Beberapa waktu yang lalu, saya menerima email dari Contact Form blog saya. Teman saya ini bertamanya "cara buat contact seperti ini gimana gan? "  dan saya memjawab "gampang ", juga telah berjanji untuk membuatkan artikel untuk membuat Contact Form atau lebih familiar disebut Contack Me. Inilah saya dan artikel Membuat Contact Form Pada Blog untuk memenuhi janji.  : D

Sebenarnya peranan Contact Form ini untuk blog kita sangat penting. Form ini akan memjaga ke-privacy-an komunikasi antara Admin blog dan Visitor. Contact Form ini juga terbukti menghindarkan Admin dan Visitor terkena spam saat berkomunikasi, juga membantu Visitor blog Anda untuk bertanya lebih lanjut mengenai suatu hal.

Untuk membuat Contact Form :

  1. Silahkan pilih salah satu penyedia jasa Contact Form dibawah ini :

  2. Buatlah akun pada penyesia jasa Contact Form yang telah anda pilih. Setelah terdaftar dan tervalidasi Anda dapat mengubah tampilan dasar Contact Formnya dengan Costumize. Penggunaan setiap situs-situs tersebut sangat mudah sehingga tidak perlu dibahas lagi pada artikel ini.
  3. Setelah itu copy kode dari form yang telah dibuat. Ada banyak pilihan untuk memasang kode pada blog yang bisa Anda pilih ; untuk blogger/bloggsopt atau pilih kode HTML/JavaScript. Jangan pilih kode jenis PHP.
Memasang pada Blogger :
  1. Masuk pada Blogger
  2. Pilih Posting >> Edit Laman >> Laman Baru
  3. Pada Laman Baru pilih Edit HTML
  4. Paste kode Contact Form yang sudah di copy sebelumnya

  5. Setelah selesai pilih Tayangkan Laman
Selamat Mencoba & Happy Blogging
READ MORE - Membuat Contact Form Pada Blog

Diposting oleh RAHMAT.S 0 komentar  

Label:

Cara Membuat Banner Bergerak Bolak Balik

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Cara Membuat Banner Bergerak Bolak Balik

Banner berupakan gambar yang ditampilkan pada halaman blog yang bertujuan memperkenalkan / mempublikasikan sesuatu. Banner biasanya digunakan sebagai alat untuk mengiklankan sesuatu, Banner juga kadang digunakan sebagai link bergambar yang mengarah pada sebuah alamt URL baik itu postingan artikel dan lain-lain.

Jika banner pada sebuah blog semakin banyak tentu ini akan menjadi sesuatu yang rancu, perlu dilakukan manage banner. Cara yang satu ini dapat digunakan untuk memanage banner karna dapat menampilkan banyak banner dalam satu deretan atau sekedar membuat banner Anda menjadi terlihat mencolok karna trik ini akan membuat banner bergerak secara bolak balik dan hanya akan berhenti jika disorot oleh kursor mouse.

Contoh Banner bergerak :







Sudah ada bayangankan jadinya kalau dipasang pada blog Anda.
Langkah pembuatan :
  1. Masuk pada akun Blogger Anda
  2. Pilih Rancangan >>  Elemen Laman >> Tambah Gadget pada tempat yang diinginkan
  3. Pilih HTML / JavaScirpt
  4. Pastekan kode berikut :

    <marquee align="center" behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="340 px">
    <a href="URL Tujuan Gambar 1" target="_blank"><img border="0" height="80" src="URL Gambar Banner 1" width="130" /></a>
    <a href="URL Tujuan Gambar 2" target="_blank"><img border="0" height="80" src="URL Gambar Banner 2" width="130" /></a>
    <a href="URL Tujuan Gambar 3" target="_blank"><img border="0" height="80" src="URL Gambar Banner 3" width="130" /></a>
    <a href="URL Tujuan Gambar 4" target="_blank"><img border="0" height="80" src="URL Gambar Banner 4" width="130" /></a>
    <a href="URL Tujuan Gambar 5" target="_blank"><img border="0" height="80" src="URL Gambar Banner 5" width="130" /></a>
    </marquee><div style="font-size: 8px; text-align: right;"><a href="http://www.katakan-hey.com/2012/04/cara-membuat-banner-bergerak-bolak.html" target="_blank">Widget by Katakan-Hey</a></div>

  5. Ganti :
    • width="340 px" ganti 340 menjadi total lebar banner Anda
    • height="80" ganti 80 menjadi tinggi banner Anda
    • width="130" ganti 130 menjadi lebar persatu banner Anda
    • URL Tujuan Gambar ganti menjadi alamat URL yang dituju oleh gambar
    • URL Gambar Banner ganti menjadi alamat URL gamabr banner yang akan tampil
  6. Setelah semuanya selesai Simpan tanpa memberikan judul widget dan lihat hasilnya
Selamat Mencoba & Happy Blogging
READ MORE - Cara Membuat Banner Bergerak Bolak Balik

Diposting oleh RAHMAT.S 0 komentar  

Label:

Cara Membuat Forum Pada Blog

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Cara Membuat Forum Pada Blog

Forum pada blog? Ini bukanlah hal baru, adalah Nabble salah satu penyedia jasa forum gratis yang padat dipasang pada blog. Jika pada blog Anda terdapat sebuah forum tentu saja akan menjadi nilai tambah dari blog itu sendiri.

Forum pada blog bisa digunakan oleh admin dan visitornya sebagai media sharing diluar post artikel admin dan komentar-komentar pada artikel tersebut. Sebuah forum dapat digunakan oleh visitor untuk bertanya atau bahkan membantu menjawab pertanyaan visitor lain pada forum. Vistor dapat memberikan pertanyaan yang beragam pada forum, karna tidak semua hal dapat dibahas pada post artikel maka forum ini dapat membantu.

Untuk membuat forum pada blog ini tergolong mudah. Silahkan ikuti langkah-langkahnya :

  1. Kunjungi http://www.nabble.com/
  2. Setelah itu pilih "Start a New Forum"

  3. Setelah itu Anda akan diarahkan pada pendaftaran dengan mengisi mulai dari username hingga nama forum Anda.

  4. Klik Create Forum jika semua telah diisi, maka akan muncul pemberitahuan Anda telah membuat forum.

  5. Berikutnya verifikasi forum lewat email Anda.
  6. Setelah verifikasi telah dilakukan buka forum yang telah dibuat pada Nabble.
  7. Pilih Option >> Embedding Options

  8. Nabble akan memberikan kode HTML yang dapat dipasang pada blog.

  9. Berikutnya pansang pada blog :
    • Buka blog Anda
    • Pilih Posting >> Edit Laman >> Laman Baru
    • Pilih Edit HTML

    • Pilih Tayangkan Laman dan selesai.
Selamat Mencoba & Happy Blogging
READ MORE - Cara Membuat Forum Pada Blog

Diposting oleh RAHMAT.S 0 komentar  

Label:

Memasang Video Dari Youtube Pada Posting Blog

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Memasang Video Dari Youtube Pada Posting Blog

Memasang Video dari Youtube pada posting blogger, sebenarnya artikel yang sama sudah banyak beredar di internet tapi tidak ada salahnya kita bahas lagi berhubung youtube.com juga sudah berganti interface yang lebih modern.

Youtube sebagai salah satu investasi Google mulai dari tahun 2006 tentu mendukung hal ini, Blogger dan Youtube bapaknya tetap Google jadi menhubungkan keduanya bukan masalah. Dengan memasang video dari youtube tentu kita tidak perlu lagi mengupload video yang sama pada blog kita.

Ada beberapa alasan bagi admin sebuah blog harus memasang video pada postingannya, entah itu karna harus menyertakan video tutorial, video hiburan, video iklan barang dan lain-lain. Masalahnya jika video itu kita harus upload sendiri, pastilah sedikit banyak akan menyita waktu. Salah satu cara mengatasi masalah ini adalah dengan memasang video dari youtube.

Walaupun tidak menemukan video yang Anda inginkan di youtube, ada baiknya Anda mengapload video sendiri pada youtube dan baru kemudian dimasukkan pada blog, ketimbang langsung mengaploadnya di blog. Kenapa? Karna youtube dikunjungi oleh jutaan orang didunia, jika video tersebut benar-benar bagus Anda dapat mengisipkan alamat URL blog Anda sebagai deskripsi video tersebut. Dengan cara ini secara tidak langsung Anda sudah membangun backlink blog Anda.

Berikut cara untuk menyisipkan video dari youtube pada posting blog :

  1. Carilah video pada youtube yang hendak dimasukkan pada posting blog.
  2. Setelah itu pilih Share >> Embed >> copy kode HTML yang diberikan :

  3. Pastekan kode HTML pada posting blog :
    • Masuk Blogger
    • Pilih Posting >> Entri Baru >> Edit HTML


    • Lanjutkan dengan menambahkan beberapa penjelasan pada posting yang diperlukan lalu Terbitkan Entri.

      Hasilnya :





Selamat Mencoba & Happy Blogging
READ MORE - Memasang Video Dari Youtube Pada Posting Blog

Diposting oleh RAHMAT.S 0 komentar  

Label:

Membuat Menu Horizontal Pada Blog V1

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Membuat Menu Horizontal Pada Blog V1


Perlukah sebuah menu dalam blog / site? Tentu saja, menu merupakan alat navigasi sebuah blog atau web site yang digunakan visitornya untuk menjelajah lebih jauh dalam blog / web site tersebut. Masalahnya, beberapa template baik itu bawaan dari blogger.com atau template jadi yang bisa kita download di internet kadang tak memiliki menu, tapi tenang saja kita dapat membuatnya sendiri dengan mudah.

Sekarang sudah banyak tutorial membuat menu horizontal yang beredar pada internet mulai dari yang sederhana hingga yang menggunakan animasi, kali ini kita akan mencoba membuat menu horizontal yang sederhana. Seperti dibawah ini :



Berikut kode menu horizontal :
<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:0px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>                    
</div>
Keterangan :
  • Ubah # dengan Link Tujuan Menu
  • Ubah Menu dengan nama menu yang Anda inginkan

Cara memasangnya pada blog.
Cara 1 < Elemen Laman > :
  1. Masuk pada blog Anda
  2. Pilih Rancangan >> Elemen Laman
  3. Pilih Tambahkan Widget >> HTML/JavaScript
  4. Pastekan kode menu horizontal diatas pada widget
  5. Pindahkan wiidget munu kebawah Header blog Anda
Cara 2 < Edit HTML > :
  1. Masuk pada blog Anda
  2. Pilih Rancangan >> Edit HTML
  3. Centang Expand Template Widget terlebih dahulu
  4. Cari kode :
    <div id='content-wrapper'>
  5. Pastekan kode Menu Horizontal tepat diatas kode <div id='content-wrapper'> tersebut
  6. Simpan Template dan lihat hasilnya
Selamat Mencoba & Happy Blogging.
READ MORE - Membuat Menu Horizontal Pada Blog V1

Diposting oleh RAHMAT.S 0 komentar  

Label:

Cara Membuat Counter Histats Pada Blog

Wednesday, 18 April 2012
Posted By: Wayne Rachmat

Cara Membuat Counter Histats Pada Blog



Membuat counter pada blog telah saya bahas sebelumnya pada Membuat Widget Statistik Blog - Blogger Widget, tapi tampilan yang sederhana dan counter yang hanya menmpilkan total tanyangan pages kurang memuaskan. Maka counter Histats merupakan salah satu solusi yang dapat digunakn. Histats dapat memberikan informasi mulai dari pengunjung, total page view sampai jumlah pengunjung yang sedang online.

Cara membuat counter hitstats :
1. Buat akun pada Histats.com

2. Masukkan Nama Domain Anda.
3. Isi Informasi Anda.

4. Setelah semua informasi dilengkapi lalu klik Register.
5. Setelah itu login pada histats.com (jika ada permintaan konfirmasi email, maka konfirmasi terlebih dahulu)

6. Setelah Login and akan dirahkan pada control panel
7. Pada control panel pilih Create New Website/Blog
8. Isi informasi mengenai website/blog anda.

9. Isi semua data yang diperlukan lalu Continue
10. Setelah itu anda akan diarahkan ke control panel
11. Pada control panel sudah terdapat blog yang sudah anda buat informasinya pada histats.
12. Klik nama blog anda.

13. Setelah itu Pilih Counter Code

14. Langkah selanjutnya anda akan diminta untuk mendisain model dari counter anda, buatlah sesuka anda.

15. Langkah Selanjutnya klik counter id dari counter yang sudah di buat.

16. Code script conter sudah ada, silahkan di copy lalu pastekan pada kolom widget blog anda.


Selamat Mencoba
READ MORE - Cara Membuat Counter Histats Pada Blog

Diposting oleh RAHMAT.S 0 komentar  

Label:

Tips&Trik Mempercantik Blog


Seberapa Mahal Blog anda

Punya blog yang lumayan lama,terkenal,dan banyak pengunjungnya...mau tahu seberapa mahal sih harga blog anda?anda bisa mengecek berapa blog anda dihargai..memang sih kita gak bisa menjual blog kita,tapi setidaknya jika kita tahu harga blog kita.kita jadi bisa menilai seberapa penting sih blog kita tersebut.mari kita cek sama sama blog kita

caranya kunjungi http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth
lalu masukkan alamat blog anda disana.nanti akan keluar harga blog anda dalam dollar.semakin rame dan semakin banyak artikel dalam blog anda..maka akan mahal juga harga blog anda.anda juga bisa mencoba memasukkan alamat blog yang abru anda buat untuk mengetahui berapa harga blog anda.
ok selamat mencoba semoga anda bisa mendapatkan hasil yang memuaskan...


Related Posts by Categories

READ MORE - Tips&Trik Mempercantik Blog

Diposting oleh RAHMAT.S 0 komentar  

Label:

Cara Mengubah Tampilan Kursor Blog

Minggu,8 April 2012
Posted by:Wayne Rachmat

Cara Mengubah Tampilan Kursor Blog

 Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan. Agar lebih jelas anda bisa lihat disini.

Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:

1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>
Keterangan:
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.

4. Setelah itu, simpan template anda. Selesai

Jika anda tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera.

Selamat mengkreasi blog anda :)
READ MORE - Cara Mengubah Tampilan Kursor Blog

Diposting oleh RAHMAT.S 0 komentar  

Label:

Langganan: Postingan (Atom)
 
 
 
free counters

Follower

Gunadarma