Membuat Kotak Copy All Di Postingan Blog

Membuat Kotak Copy All Di Postingan Blog - Tombol ini berguna untuk pengunjung meng copy tulisan atau kode html/javasript secara langsung. Ok daripada panjang lebar, langsung meluncur ke caranya.

Membuat Kotak Copy All Di Postingan Blog:

1. Login ke blogger --> Buat entri baru --> Pilih mode HTML

2. Masukan kode ini:

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy all" type="button"> </span></div><p align="center"><textarea style="width: 200px; height: 100px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Masukan Teks Tulisan Atau Kode Html/Javascript Disini</textarea></p></form></div>

3. Maka hasilnya akan seperti ini:

Masukan Teks Tulisan Atau Kode Html/Javascript Disini

4. Selesai

Note:

• Warna merah: Bisa sobat ganti dengan kata-kata sobat (ex: Highlight All, Tekan Ini Dsb)
• Warna biru: Lebar widget
• Warna hijau: Tinggi widget
• Warna oren: Teks atau kode Html/Javasript yang ingin sobat masukan

Begitulah postingan tentang Membuat Kotak Copy All Di Postingan Blog, Semoga berhasil dan bermanfaat bagi sobat.

SELANJUTNYA

Membuat Tombol Keatas Dan Kebawah Di Blog

Membuat Tombol Keatas Dan Kebawah Di Blog - Pasti sobat sudah mengerti apa arti dari postingan ini kan? Jika sobat menginginkannya, langsung ke TKP.

  
Membuat Tombol Keatas Dan Kebawah Di Blog:

• Tombol Keatas 

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Simpan script dibawah ini

<div style="display:scroll; position:fixed; bottom:50px; right:-6px;"> <a href='#' title='Menuju Atas Balaman'><img border="0" src="http://imageshack.us/a/img94/3497/i6mt.png" /></a><br /> </div>

3. Tekan Ok/Simpan
 

• Tombol Kebawah

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Simpan script dibawah ini:

<div style="display:scroll; position:fixed; top:50px; right:-6px;"> <a href='#footer' title='Menuju Bawah Halaman'><img border="0" src="http://imageshack.us/a/img811/959/vtkk.png
" /></a><br /> </div>

3. Tekan Ok/Simpan

Note: Agar script tombol kebawah bisa berjalan, ikuti langkah-langkah dibawah ini:

1. Login ke Blogger --> Template-->Edit HTML
2. Cari kode ini </body> (agar mudah tekan CTRL+F)
3. Copy kode ini <a name='footer'/> dan paste DIATAS kode </body>
4. Prantijau terlebih dahulu agar tidak error, jika tidak error
5. Simpan

Informasi: Kedua kode script tersebut dapat di gabung menjadi satu. (Jika sobat ingin mengunakan keduanya sekaligus)

Begitulah postingan tentang Membuat Tombol Keatas Dan Kebawah Di Blog yang bisa saya berikan untuk sobat. Semoga bermanfaat.

SELANJUTNYA

Membuat Cursor Mouse Bertabur Bintang Di Blog

Membuat Cursor Mouse Bertabur Bintang Di Blog - Banyak cara hal untuk membuat blog sobat menarik, salah satunya bisa di tambahkan efek bintang bertabur di mouse saat sobat menggerakannya. Untuk mendapatkan efeknya, silahkan ikuti langkah-langkah dibawah ini.

Membuat Cursor Mouse Bertabur Bintang Di Blog:

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javasript

2. Copy salah satu script dibawah ini:

Bintang Warna Biru:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

Bintang Warna Silver:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>

Bintang Warna Hitam:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>

Bintang Warna Ungu:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Bintang Warna Hijau:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Bintang Warna Merah:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

Bintang Warna Kuning:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Semoga bermanfaat postingan tentang Membuat Cursor Mouse Bertabur Bintang Di Blog dan selamat mencoba.

SELANJUTNYA

Cara Membuat Breadcrumb Di Blog

Cara Membuat Breadcrumb Di Blog - Para blogger disarankan memasang breadcrumb di blog, agar pengujung mengetahui sekarang sang pengunjung ada di mana apalagi breadcrumb bisa dikatakan SEO (lebih lengkapnya silahkan tanya mbah Google). Biasanya breadcrumb berada di atas judul postingan, sebagai bukti silahkan lihat di atas judul postingan ini. Jika sobat menginginkannya, ikuti yang di bawah ini.

Cara Membuat Breadcrumb Di Blog:

1. Login blogger --> Template --> Edit HTML

2. Cari kode ]]></b:skin>

3. Simpan kode dibawah ini tepat DIATAS kode ]]></b:skin>

.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

4. Kemudian sobat cari kode <div class='post hentry'> atau <b:includable id='post' var='post'>. Kemudian sobat copy kode dibawah ini dan paste tepat DIBAWAHnya

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Sobat disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

5. Prantijau terlebih dahulu, jika tidak error

6. Simpan.

Begitulah trik Cara Membuat Breadcrumb Di Blog yang bisa saya berikan. Semoga bermanfaat untuk sobat.

SELANJUTNYA

Memasang Widget Alexa Di Blog

Memasang Widget Alexa Di Blog - Pada postingan sebelumnya telah saya bahas: Cara Claim Alexa Rank Di Blog. Kali ini saya ingin membahas dan melanjutkan artikel sebelumnya yang berjudul Memasang Widget Alexa Di Blog. Ok tanpa basa basi lagi, langsung saja ke TKP.

Memasang Widget Alexa Di Blog:

• Mendapatkan Kode Alexa Rank:

1.Silahkan sobat kunjungi Widget Alexa Rank

2. Lalu sobat akan dihadapkan 3 pilihan:

1. Alexa Site Stats Button: Menampilkan peringkat dan link tautan menuju blog sobat
2. Alexa Traffic Rank Button: Hanya menampilkan peringkat alexa sobat saja
3. Alexa Traffic Graph: Menampilkan grafik lengkap, namun ukuran widgetnya besar

3. Pilih sesuai keinginan sobat dan langusng copy kode widget tersebut di blog

• Memasang Kode Alexa Rank Di Blog:

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Masukan kode alexa di kolom yang telah tersedia

3. Simpan

Terima kasih karena sobat baru saja membaca artikel tentang Memasang Widget Alexa Di Blog. Semoga bermanfaat untuk sobat.

SELANJUTNYA

Cara Claim Alexa Rank Di Blog

Cara Claim Alexa Rank Di Blog - Postingan ini melanjutkan dari postingan sebelumnya: Pengertian dan Cara Mendaftar Alexa Rank. Misal sobat langsung menuju artikel ini, namun belum mendaftar blog sobat ke alexa, silahkan di lihat artikel saya sebelumnya.

Cara Claim Alexa Rank Di Blog:

1. Silahkan sobat login Alexa

2. Lalu sobat kunjungi Alexa Claim Your Site

3. Masukan url sobat di kolom yang telah disediakan, lalu tekan tombol

4. Nanti akan muncul halaman seperti dibawah ini:

Disana ada 2 pilihan:

1. Cara verifikasi untuk sobat yang sudah mempunyai hosting sendiri (cPanel) atau Domain sendiri
2. Cara verifikasi untuk sobat seorang blogger/blogspot

• Note: Saya sarankan pilih option 2, karena saya memakai option 2

Lihat teks yang ada di kotak merah

Sobat copy kode yang tempatnya persis disitu (tulisan yang block warna biru), lalu sobat pergi ke:

1. Blogger sobat --> Template --> Edit HTML

2. Cari kode <head> (Tekan CTRL+F agar mudah)

3. Paste tulisan yang diblock biru tadi (yang dapat di alexa rank), lalu pasang DIBAWAH <head>
 
4. Prantijau terlebih dahulu agar tidak terjadi kesalahan, jika tidak Error. Simpan

5. Kembali ke Alexa, tekan tombol

 

6. Setelah ke halaman baru, isi formulir yang ada di sebelah kanan (Free)

Isi formulirnya di kolom yang tersedia:

1. Kolom awal (No Country Selected): Negara sobat
2. Site Owner: Nama sobat
3. Address: Alamat sobat
4. City: Kota sobat
5. State / Province: Provinsi Kota
6. Postal / Zip Code: Kode Pos
7. Country: Negara sobat
8. Public Email: Alamat email

7. Jika sudah pilih "Save & Continue"

8. Selesai

Begitulah Cara Claim Alexa Rank Di Blog yang bisa saya berikan untuk sobat. Bagi sobat yang ingin memasang widget di blog, sobat bisa ikuti tutorial cara Memasang Widget Alexa Di Blog.

SELANJUTNYA

Pengertian Dan Cara Mendaftar Alexa Rank

Pengertian Dan Cara Mendaftar Alexa Rank - Alexa Rank adalah sebuah perusahaan website yang memberikan sebuah informasi mengenai banyaknya pengunjung suatu situs dan urutannya, atau bisa disebut sarana yang memberikan ranking pada sebuah web/blog tersebut. Sebenarnya fungsi dari alexa rank selain untuk memberikan informasi repurtasi blog, alexa rank digunakan untuk mengetahui perkembangan web/blog tersebut, apakah makin baik atau malah buruk.

Pengertian Dan Cara Mendaftar Alexa Rank:

1. Sebaiknya sobat Registrasi Alexa Rank terlebih dahulu

2. Isi kolom yang tersedia
 

3. Setelah terisi, buka email yang tadi sobat masukan di kolom alexa tersebut

4. Setelah di buka emailnya, sobat masuk ke web yang di tuju

5. Lalu isi kolom yang tersedia

6. Setelah terisi, tunggu beberapa saat. Setelah itu sobat klik tulisan

 7. Selanjutnya sobat pilih yang

8. Masukan Url blog sobat di kolom yang telah di sediakan, setelah di isi, tekan tombol

Begitulah Pengertian Dan Cara Mendaftar Alexa Rank yang bisa saya berikan untuk sobat. Jika sobat hanya mengikuti cara sampai no 8 saya rasa belum sempurna, sobat masih harus meng claim atau verifikasi situs sobat. Untuk cara memasangnya, sobat bisa kunjungi Cara Claim Alexa Rank Di Blog.

SELANJUTNYA