RSS2.0

Tampilkan postingan dengan label Modifikasi Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Modifikasi Blog. Tampilkan semua postingan

Cara Menghapus Title Blog dan Deskripsi Blog

Jumat, 18 Maret 2011

Title Blog atau yang sering disebut Judul Blog merupakan Judul dari Blog tersebut.Sedangkan Deskripsi Blog adalah Suatu teks dibawah Judul Blog.Kali ini saya Akan Mengulas tentang"Cara Menghapus Title Blog dan Deskripsi Blog".Pasti semua blogger di Dunia ingin Di Header Blognya terdapat Gambar yang menyangkut isi blog atau Gambar Tulisan yang Merupakan Nama Blog itu Sendiri. Supaya Header Blognya Dapat Diberi Gambar,alangkah baiknya kalau "Title Blog dan Deskripsi Blog"Di hilangkan/dihapus. Dengan Menghilangkan/dihapusnya Title Blog dan Deskripsi Blog Ruang Gambar akan lebih jelas dan Bagus.Tidak usah panjang lebar lagi,Berikut Tutorialnya:

  •  Cara Menghapus Title Blog
1. Login Ke Blogger.Com 2. Masuk ke Tab Tata Letak---->Edit HTML 3.Cari Kode Berikut ini
#header h1 {
........... ........... ........... ........... ...........
}
4. Kemudian Copy Paste kode berikut tepat sebelum kode penutup }
visibility:hidden; Atau display:none;
  • Cara Menghapus Deskripsi Blog
1. Login Ke Blogger.Com 2. Masuk ke Tab Tata Letak---->Edit HTML 3.Cari Kode Berikut ini
#header .description {
........... ........... ........... ........... ...........
}
4. Kemudian Copy Paste kode berikut tepat sebelum kode penutup }
visibility:hidden; Atau display:none;
Dan Yang Terakhir"SIMPAN TEMPLATE" Semoga Bermanfaat

Mengubah Blog NoFollow Menjadi DoFollow

Kamis, 17 Maret 2011


Pada postingan yang sebelumnya saya telah membahas tentang pengertian blog dofollow dan nofollow serta keuntungan dan kerugiannya, supaya lebih lengkap, kali ini saya akan mencoba menulis cara untuk menjadikan blog nofollow menjadi dofollow.
Bagi anda yang memilih mengubah blognya menjadi dofollow maka akan terjadi link blog yang ditinggalkan oleh para komentator akan ditelusuri oleh robot google atau mesin pencari.
Secara default biasanya template blog yang berplatform blogger sudah diset menjadi nofollow.
Cara Membuat Blog Menjadi Dofollow seperti dibawah ini :
1.Masuk ke akun blogger
2.Pilih Rancangan/Design
3.Pilih Edit HTML
4.jangan lupa download dulu template anda sebagai cadangan jika nanti terjadi kesalahan dalam pengeditan
5.Centang Expand Widget Templates
6.Cari kode seperti dibawah ini



<a expr:href='data:comment.authorUrl' rel="
nofollow">
<data:comment.author/></a>


Hapus tulisan yang berwarna merah
sehingga Menjadi seperti


<a expr:href='data:comment.authorUrl'><data:comment.author/></a>


7.Save Template.
Semoga Berhasil.

Cara Pasang TV Di Blog

Minggu, 06 Maret 2011


Buat anda yang ngak mau ketinggalan Acara di TV tidak perlu khawatir,apalagi jika sobat sedang online atau Update postingan blog.
nah.. dalam postingan kali ini saya akan menjelaskan tentang Cara Pasang Tv Di Blog.
Blog anda bisa juga dipasangin TV. jadi pengunjung blog anda bisa nonton TV di blog anda secara online.
Tujuan dari pemasangan TV di blog biasanya supaya pengunjung di blog kita betah berlama-lama ada di blog kita sambil nonton tv.
Cara Pasang TV di Blog juga cukup mudah. tapi sebelumnya saya mau kasih contoh TV nya di bawah ini.


Live TV (Mivo TV-RCTI-TRANS TV-SCTV-GLOBAL TV):




sudah lihatkan contoh TVnya? buat anda yang ingin Pasang TV Di Blog caranya cukup mudah kok, anda tinggal ikuti tutorial Cara Pasang TV di Blog di bawah ini.
1.Login Ke Blogger.
2.Klik Tata Letak/Layout.
3.Klik Tambah Gadget.
4.Pilih HTML/javascript.
5.Kemudian Copy Dan Paste Kode berikut di dalamnya.


<span style="font-weight:bold;">Live TV (Mivo TV-RCTI-TRANS TV-SCTV-GLOBAL TV):</span><br /><br /><iframe src="http://zons.000a.biz/etc/tv/multitv01.html" scrolling="no" frameborder="0" height="321" width="376"></iframe><br />


6.Klik SIMPAN.
7.Selanjutnya tinggal anda lihat deh hasilnya.
Keterangan :
Sebaiknya TV dipasang di dalam postingan atau jika sidebar blog anda lebar silakan pasang di sidebar saja, dengan risiko loading blog anda bertambah berat.
Silahkan anda pilih mau pasang di mana?
Semoga Berhasil.

Membuat Search Engine di Blog


Buat anda pasti sudah tau kan apa itu search engine?
buat yang belum tau sedikit saya terangkan apa itu search engine.
search engine adalah sebuah mesin pencari yang jika kita masukan sebuah kata kunci akan banyak sekali pilhan dari kata kunci tersebut.
Pengen taruh search engine di blog kalian?
Ikuti aja langkah Cara Buat Search Engine Di blogger.
Bagaimana caranya ?
Segera Kita Praktek.
Ikuti lankah-langkah berikut :
1. Login Ke Blogger.
2. Klik Layout.
3. Klik Page Elements.
4. Klik Link Add a Gadget.
5. Pilih HTML/Javascript.
Kemudian copy paste Kode Berikut ke dalam Kontent HTML tadi.



<form action="http://
nama-blog.blogspot.com/search" method="get">
<input class="textinput" name="q" size="25" type="text"/>
<input value="search" class="buttonsubmit" name="submit" type="submit"/>
</form>


Ganti nama-blog Dengan alamat Blog Kamu, Dan angka 25 Di atas menunjukan panjang kotak search engine/text box.
Semakin tinggi angka yang anda masukan semakin panjang pula kotak search engine tersebut .
Semoga Bermanfaat.

Tutorial Membuat Foto Bergerak/Berjalan


Dalam postingan kali ini saya akan menerangkan bagaimana cara membuat foto berjalan di blog.
Foto Yang berjalan di blog memang sangat menarik untuk dilihat. Sama seperti teks yang berjalan gambar yang berjalan ini juga menggunakan efek dari marquee.
Langsung saja kita praktekkan.
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog
Copy dan Paste kode berikut ke blog anda :


<table border="10" cellpadding="3" height="135" width="195"/>
<tr>
<td>
<marquee
onmouseover="this.stop()"
onmouseout="this.start()"
scrollamount="2" direction="up" width="192" height="132" align="center">
<img src="
http://www.binar.jw.lt/images/header1_1.gif" height="130" width="190"/>
<br/>
<img src="
http://www.binar.jw.lt/images/binar_3_thumb.gif"
height="130"
width="190"/>
</marquee>
</td>
</tr>
</table>



hasilnya sebagai berikut:









atau
Membuat Gambar berjalan Dari kiri ke kanan
Copy dan paste kode berikut ke blog anda :

<marquee align="center" direction="left" height="200" scrollamount="3" width="100%">
<img src="
http://www.binar.jw.lt/images/header1_1.gif"
width="190" height="130"/>
</marquee>


Hasilnya Adalah sebagai berikut :





Keterangan:

Ganti alamat gambarnya yang berwarna merah dengan alamat gambar yang anda inginkan.

untuk memasangnya dalam blog ikuti langkah beriku:
1. Login di blogger
2. Pilih Design / Rancangan
3. Pilih Page Elements
4. Pilih Add Gadget
5. Pilih HTML/Javascript
6. Pastekan code yang telah anda copy di atas
7. Save
sekarang lihat hasilnya.
Semoga Berhasil.

Cara Memasang Musik Pada Blog

Sabtu, 05 Maret 2011


Ngeblog sambil dengerin musik memang mengasikkan.
Oleh karena itu, musik bisa juga dijadikan alat untuk menarik minat pengunjung berlama-lama nongkrong diblog kita.
Kali ini saya akan memberikan tutorial website mengenai cara memasang musik pada blog kita. Sehingga blog kita terlihat lebih mewah dan lebih keren. Caranya?
Ikuti saja langkah berikut:
1.Buka situs http://www.musik-live.net .
Tujuannya adalah untuk mendapatkan kode musik yang akan kita pasang pada blog.
Disana tersedia banyak lagu yang bisa Anda pilih.
Klik salah satu daftar lagu.

2.Kemudian akan muncul halamanyang berisi beberapa link kode yang bertuliskan "Play & Embed Code". Anda bisa memilih salah satunya.

3.Kemudian Anda akan masuk ke halaman kode lagu yang telah terpilih.
Di sebelah kiri halaman Anda bisa mendengar lagu yang Anda pilih melalui music player pada situs tersebut.
Sedangkan dibagian tengah, Anda akan melihat kolom "Embed code" yang berisi kode dari lagu yang kita pilih.
Kode tersebutlah yang akan kita masukkan ke dalam blog kita. Untuk mengcopy kode, silahkan klik tombol "copy" yang ada di sebelah kanan kolom tersebut.

4.Sekarang login di blogspot.
Pada bagian dasbor, klik link menu "Rancangan". Kemudian, klik link "Tambah Gadget" pada bagian dimana Anda ingin menempatkan musik tersebut pada blog Anda.
5.Akan muncul window "Tambahkan Gadget".
Silahkan Anda cari dan pilih gadget "HTML/Javascript".

6.Copy paste kode yang Anda dapat pada langkah 3 ke dalam kolom kode gadget "HTML/Javascript" tersebut. Setelah itu klik "Simpan".
Selamat Mencoba,
Semoga Berhasil

Cara Pasang Snap Shots diBlogger

Sabtu, 26 Februari 2011

Tahukah apa itu Snap Shot? Bagi para pengguna blog ber-platform Wordpress tentu akan sering menemuinya, karena itu adalah salah satu fitur blog yang disediakan Wordpress. Kembali ke pertanyaan tadi, Snap Shots adalah semacam screen shoot suatu Website ketika kursor mouse diarahka pada suatu link (kira-kira seperti itulah jawabannya). Blogger/blogspot memang tidak memiliki fasilitas ini, namun kita bisa membuatnya sendiri. Untuk membuatnya, berikut langkah-langkahnya: 1. Loginlah ke Blogger 2. Buka URL berikut http://account.snap.com/signup.php 3. Pada bagian itu kita bisa melakukan pengaturan untuk snap shots, mulai dari tema (theme), logo, dan bahasa (language) yang akan digunakan. Jika anda tidak ingin mengaturnya klik Skip. 4. Lalu akan tampil account Info. Isilah data yang ada secara lengkap, dan jangan lupa beri tanda checklist pada opsi I agreeto Terms & Condition Above. 5. Klik Continue 6. Setelah Tampil Halaman Instal Snap Shots on Blogger, klik tombol INSTALL NOW 7. Lalu akan tampil halaman Add Page Element. Anda klik pada ADD WIDGET , maka secara otomatis page elements Anda akan bertambah Sekarang cobalah akses blogspot anda, dan arahkan kursor pada suatu link, jika muncul screen shoot maka pengaturan anda berhasil. Semoga Berhasil

Cara Pasang Tombol Save As PDF di Bawah Postingan

Jumat, 25 Februari 2011

Nah buat anda yang kepingin artikel blognya mudah disave sama pengunjung kali ini saya punya tipsnya nich ... yaitu Cara Pasang Tombol Save As PDF di Bawah Postingan. dilihat dari judulnya aja sudah jelas kitaakan pasang Tombol Save As PDFdi Bawah Postingan yang bertujuan supaya pengunjung yang ingin menyimpan artikel blog kita lebih mudah menyimpanya untuk dibaca secara offline. contoh tombolnya kaya gambar di bawah ini nich...



jadi pengunjung blog yang kepengen nyimpen artikel blog kita mereka tinggal mengklik tombol tersebut aja .dan postingan blog kita pun tersimpan dengan format file PDF. jika anda tertarik untuk Memasang Tombol Save As PDF di Bawah Postingan langsung aja ikuti langkah-langkah berikut ini. 1.Klik http://web2.pdfonline.com/pdfonline/web/signup.asp . 2.Silakan Isi Form pendaftaran dengan lengkap. 3.Beri tanda centang pada I agree with the Terms of Use agreement above . 4.Klik SIGNUP . 5.Setelah berhasil silakan anda Login dengan akun yang tadi didaftarkan. 6.Setelah Berhasil Login silakan anda klik tombol generate the javascript seperti yag terlihat pada gambar di bawah ini. 7.Setelah muncul Script nya pada steep 2 silakan anda Copy Semua kode tersebut . 8.Selanjutnya Login Ke Blogger . 9.Klik Tata Letak . 10.Klik Edit HTML . 11.Selanjutnya cari Kode yang ada dibawah ini.
<p><data:post.body/></p>
12.Biar lebih gampang carinya teken aja tombol CTRL+F . 13.Kalo udah ketemu Paste Kodeyang tadi tepat dibawah kode
<p><data:post.body/></p>
14.Klik SIMPAN TEMPLATE dan lihat hasilnya. Semoga Berhasil

Memasang Toolbox Bookmark & Share Addthis di Bawah Postingan

Minggu, 13 Februari 2011

Salah satu cara untuk memperbanyak trafik/pengunjung ke blog kita adalah dengan bantuan situs-situs sosial bookmarking seperti technorati, delicious, stumble upon, dan berbagai macam situs sosial bookmarking terkenal lainnya. Karena dengan di bookmark /sharenya blog dan artikel kita pada situs sosial bookmarking tersebut,maka akan peluang blog kita untuk dilihat oleh jutaan orang pun bisa terwujud dan mereka akan dengan mudah menemukan artikel kita kembali, karena mereka sudah membookmark artikel kita di account mereka. Bagi anda yang sudah pasang addthis button dan anda bosan dengan tampilanya, anda dapat mengubahnya karena Addthis telah mengembangkan sebuah wigdet baru yang berbentuk Toolbox. Tampilan Toolboxnya seperti ini : Cara pasang nya sebenar nya sangat mudah, untuk yang belum tau, begini cara nya : 1. Masuk ke addthis.com . 2. Buat account baru, kemudian Login ke account anda. 3. Pilih GET YOUR BUTTON CODE pada bagian kanan atas. 4. Kemudian anda akan ditunjukkan pada setingan bentuk tampilan, pilih sesuai dengan keinginan anda, lalu pada menu WHERE , pilih BLOG , pada PLATFORM pilih BLOGGER . 5. Klik menu GET YOUR BUTTON CODE , kemudian anda akan mendapatkan kode javascript yang harus anda pasang pada blog anda. Copy kode tersebut. 6. Masuk ke account blogger anda, pilih TATA LETAK --> EDIT HTML (beri tanda centang pada expand widget ). 7. Anda cari kode :


<div class='post-footer'>
8. Paste kode javascript tersebut DI BAWAH kode di atas. 9. Save dan lihat hasilnya... Sama halnya dengan layanan sosial bookmark lainnya. Selain itu layanan Addthis juga menyediakan fasilitas one button one content yang sudah terintegrasi dengan beberapa platform. Beberapa layanan Addthis lainnya: 1. Create custom sharing menu configurations. 2. Receive the same analytics, performance and reliability as thestandard AddThis button. 3. Toolbox implementations adopt the CSS styling of your site. Selamat mencoba, Semoga Berhasil

Cara Menampilkan dan Menghilangkan New Post, Home dan Old Post di Blog

Kamis, 10 Februari 2011

Pastinya Sudah Tahu Dong yang namanya New Post, Home, Older Post Tulisan Itu Akan Muncul Ketika Anda Membuka Salah satu Postingan di suatu blog, Tulisan Itu ada yang bermanfaat dan ada yang tidak bermanfaat bagi pemilik suatu blog, Buat Yang Merasa Itu Bermanfaat / Penting, Mereka Biasanya Memodifikasi Tulisan Tersebut ( untuk tutorial tersebut bisa di lihat di sini dan di sini ) Tapi buat yang Merasa itu tidak penting / bermanfaat bisa menghapusnya dengan mengikuti tutorial dibawah ini: 1. Login dulu di Blogger 2. Pilih Design / Rancangan 3. Pilih Edit Html 4. Ingat!!! jangan centang expand widget 5. cari kode ini :


#blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; }
6. Bila sudah ketemu tambahkan kode display:none; sehingga menjadi seperti ini
#blog-pager-newer-link { float: left; display:none; } #blog-pager-older-link { float: right; display:none; } #blog-pager { text-align: center; display:none; }
7. Save bagaimana, mudahkan? Selamat Mencoba Semoga Berhasil

Membuat Fasilitas Print di Blog Kita

Selasa, 08 Februari 2011

Pengen Punya Fasilitas Print Di Blog Kamu? Fasilitas Print ini cukup membantu para pengunjung blog kita yang ingin menge-print tulisan kita tanpa harus menge-print lewat Ms.Word, langsung saja tutorialnya, sebelum itu ini adalah contoh fasilitas printnya print this page  Print halaman ini Berikut cara membuatnya : Dibawah ini script fasilitas print, silahkan ganti alamat icon ( teks yang berwarna merah ) dengan alamat yang anda miliki, sedangkan teks yang berwarna biru adalah teks yang akan muncul disamping icon print (bisa diganti).


<a href="javascript:window.print()"><img src="http://i396.photobucket.com/albums/pp48/putro16/iconprint.png" alt="print this page" border="0"/> Print halaman ini</a>
lalu 1. Login di Blogger 2. Pilih Design / Rancangan 3. Pilih Edit HTML 4. Cari kode : <p><data:post.body/></p> bila tidak ada pilih yang ini <data:post.body/> 5. Untuk memudahkan pencarian, cari dengan menekan Ctrl +F. 6. copy script di atas, lalu paste di bawah kode tadi 7. Save Lalu lihat Hasilnya Semoga Berhasil

Membuat Tulisan Gaya Koran (Drop Cap)

Minggu, 06 Februari 2011

Pengen Postingan di Blog kamu bergaya koran (Drop Cap) Atau huruf besar di awal Paragraf Pertama, gimana? Pengen membuatnya? Caranya Mudahkok, Ikuti Tutorial di bawah ini 1. Login di blogger 2. Pilih Layout 3. Pilih Edit HTML 4. Cari kode ]]></b:skin> 5. Paste kode di bawah ini di atas kode tadi
/* kode untuk drop cap - edit by binar-------------------------------- */ .dropcap { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px; }
6. Jika anda ingin memasangnya di posting maka cara postingnya seperti ini <span class="awal">huruf awal </span> Contoh: <span class="awal">A</span> Selesai, Semoga Berhasil

Cara Membuat Scrollbar Agar Hemat Tempat

Kalian Semua Pasti Sudah Tahukan Apa Itu Scrollbar, yah scrollbar berguna untuk menghemat tempat (seperi pada judul) untuk kalian yang lagi krisis tempat. Cara membuatnya sangat mudah: 1. Login di Blogger. 2. Pilih Layout -> Page Elements 3. Klik Add a Gadget. 4. Lalu Pilih Add HTML/Javascript 5. Masukkan kode yang dibawah ini:
<left><div style="border: 3px solid rgb( 255 , 102 , 0 ); padding: 5px; overflow: auto; width: 140px; height: 80px; background-color: rgb( 204 , 204, 255);"> Tambahkan kode yang ingin ditampilkan dengan fungsi scroll disini </div>
KETERANGAN: *.Angka-angka yang berwarna biru adalah ukuran kotaknya. Anda bisa ganti dan sesuaikan dengan yang anda mau. *.[ background-color: rgb( 204 , 204, 255) ] yang ini adalah codewarna bacground nya. *.rgb( 255 , 102 , 0 ) yang ini adalah code warna bingkai nya. *.Anda bisa mengganti warnanya sesuai dengan yang anda suka. Untuk code warnanya, anda bisa melihat DISINI *.SELESAI. Contohnya

Tambahkan kode yang ingin ditampilkan dengan fungsi scroll disini
SELAMAT MENCOBA!

Mengganti Tulisan Home/Beranda dengan Gambar

Jumat, 04 Februari 2011


Sebelumnya telah saya posting tentang Mengganti Tulisan Posting Baru/Lama dengan Gambar, jika tulisan Artikel Sebelumnya atau Artikel Selanjutnya sudah di ganti dengan gambar maka akan jadi tidak cocok atau kurang pas bila kata Home/Beranda tidak di ganti dengan gambar juga,
untuk menggantinya cukup mudah, ikuti tutorial di bawah ini:
1. Login dulu di blogger
2. Pilih Design/Rancangan
3. Pilih Edit HTML
4. Beri tanda centang pada kotak "Expand Widget Template"
5. Cari kode berikut ini

<data:homeMsg/>

6. Biasanya ada 2 kode tersebut,ganti dengan

<img src="http://jinsoosong.com/icon-home5.jpg"/>

7. Ganti alamat yang bercetak tebal dengan alamat gambar yang sudah kalian punya.
8. Save
dan lihat hasilnya
Semoga Berhasil

Mengganti Tulisan Posting Baru/Lama dengan Gambar

Kamis, 03 Februari 2011

Biasanya dibagian paling bawah artikel kamu terdapat tulisan seperti ini "Older Post / NewerPost" atau "Posting Lama / Posting Baru" . Nah mungkin awal-awalnya kamu nggak tahu maksudnya apa tulisan tersebut dan setelah tahu oooo..... ternyata itu link menuju ke artikel-artikel sebelumnya dan juga artikel-artikel yang baru. Nah mungkin kamu ingin mengganti tulisan tersebut dengan tulisan yang lain,misalnya dengan tulisan "Artikelku Sebelumnya" atau "Coretanku Yang dulu" atau bahkan dengan sebuah gambar. Nah pingin tahu caranya? mari kita mulai Tutorialnya... 1. Login dulu ke blogger 2. Pilih Design/Rancangan 3. Pilih Edit HTML 4. Beri tanda centang pada kotak "Expand Widget Template" 5. Cari kode berikut ini, <data:newerPageTitle/> agar mudah mencarinya copy kode berikut ini lalu tekan "Ctrl + F " dan paste kedalam kotak yg disediakan. 6 . Ganti kode tersebut dengan tulisan yg kamu inginkan. Tapi jika kamu pengen ganti dengan gambar panah misalnya, ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/newblue.gif"/>
text yg dicetak tebal adalah lokasi dari gambar, kamu bisa menggantinya dengan gambar yang kamu inginkan atau bisa diganti dengan gambar yang aku sediakan dibawah. 7. Yang diatas untuk mengganti tulisan "Newest Post" atau "Posting Baru" . 8. Terus untuk tulisan "Older Post" atau "Posting Lama" anda harus mencari kode berikut ini, lokasinya tidak jauh dari kode diatas atau dibawahnya sedikit. <data:olderPageTitle/>
9. Kalo sudah ketemu ganti lagi dengan tulisan yang kamu inginkan. Jika pingin diganti menjadi gambar coba ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/oldblue.gif"/>
10. Jika kamu pingin ganti warna biru jadi warna merah, tinggal ganti "newblue.gif" dengan "newred.gif" dan "oldblue.gif" ganti dengan "oldred.gif" Berikut ini gambar panah dan kodenya oldblue.gif newblue.gif oldblack.gif newblack.gif oldgreen.gif newgreen.gif oldpink.gif newpink.gif oldred.gif newred.gif oldyellow.gif newyellow.gif
Semoga Berhasil

Membuat Iklan Melayang 2

Di postingan Sebelumnya, saya telah memposting bagaimana cara membuat iklan melayang, di kesempatan kali ini saya akan kembali memposting cara membuat iklan melayang 2, Saya telah menemukan cara yang baru dan lebih rapih, pengen membuat yang seperti yang di atas? cara membuatnya cukup mudah, ikuti tutorial di bawah ini: -.Login ke Blogger -.Pilih Design/Tata Letak -.Pilih Edit HTML -.Cari kode ]]></b:skin> -.Copy kode di bawah ini dan paste di atas kode
#topbar{ position:absolute; visibility: hidden; width: 350px; z-index: 100; padding:5px; background-color: #FFFFFF; border: 1px solid #333333; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin:0 auto 10px; float:left; color: #505050; text-align: justify; font-size: 12px; font-family: Verdana, serif; }
-.Kemudia psate kode berikut diatas kode </head> <script src="http://s2.sigmirror.com/files/52659_xu57s/js_pop_up.js" type="text/javascript"></script> <script type="text/javascript"> var persistclose=0 var startX = 20 var startY = 20 var verticalpos="fromtop" </script> -.Terakhir paste kode di bawah ini di atas kode </body> <div id="topbar"> <div align="right"> <a href="" onclick="closebar(); return false"> <img src="http://mortgage-education.com/Images/Close.png"/> </a></div> Masukan Code Iklan Di Sini </div>
-.Klik Save/Simpan Semoga Berhasil

Membuat Fungsi Login to Blogger di Home Page alamat Kita

Selasa, 01 Februari 2011

Banyak dari sebagian blogger ketika akan mengakses blognya tidak langsung menuju ke halamanlogin terlebih dahulu tetapi langsung ke alamat Home Page blognya, ya bisa jadi karena ingin langsung melihat berapa komentar yang masuk atau sekedar melihat siapa saja yang sudah bertamu atau yang lainnya. Nah, ketika ingin melakukan semisal posting atau edit pada blognya tentu harus login dulu, tentunya kita harus mengetik alamat blogger.com untuk bisa login, tapi itu mungkin sedikit kerja dua kali, hehehe. Ok, ketimbang kita harus kerja dua kali, maka kita akan membuat Blogger Login nya ada di halaman Home Page blognya (Sidebar Widget) agar kita bisa langsung mengakses halaman dashboard, editing post dan lain sebagainya. Langkah-langkah membuat Blogger Login: 1. Login dulu di blogspot, 2. Klik Design/Rancangan >> Page Element >> Add a Gadget >> HTML/Javascript, 3. Copy semua kode di bawah ini dan pastekan ke dalam konten HTML/Javascript: ..: <blink> Blogger Login </blink> :.. <form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"> <input value="http://www.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fwww.blogger.com%2F"name="continue" type="hidden"> <input value="blogger" name="service" type="hidden"> <input value="8" name="nui" type="hidden"> <input value="8" name="naui" type="hidden"> <inputvalue="2" name="fpui" type="hidden"> <input value="3" name="uilel" type="hidden"> <input value="true" name="skipvpage" type="hidden"> <input value="false" name="rm" type="hidden"> <input value="true"name="alwf" type="hidden"> <inputvalue="http://www.blogger.com/login.g" name="roeu" type="hidden"> <input value="0" name="alinsu" type="hidden"> <input value="WbQ8QiJfUvA" name="GA3T" type="hidden"> <div> <label for="Email"> Email Google: <input id="Email" tabindex="1" value="" name="Email" size="20" type="text"> </label> </div> <div> <label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) </label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"> </div> <input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"> </form> <span >Buat Widget Login Seperti Ini di<a href="http://www.binar.tk/2011/02/membuat-fungsi-login-to-blogger-di-home.html" target="_blank"> Binar.tk</a></span> 4. Jika sudah maka tinggal save dan lihat hasilnya. Bagaimana teman-teman, menarik bukan Blogger Login nya untuk dipasang di blog teman-teman? Oiya jangan khawatir akan membuat load blog semakin lama, karena Blogger Login ini tidak lebih dari 1kb size nya, jadi bisa dipasang dengan baik di blog teman-teman semua. Ok, seperti itulah Cara Membuat Blogger Login di Home Page Blogspot , semoga bisa bermanfaat

Cara Menambah Widget Back To Top di Blog

Minggu, 16 Januari 2011


Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang, sehingga anda tidak perlu men-scroll mouse anda untuk kembali ke bagian atas blog anda yang biasanya isinya adalah page navigation yang akan membawa pengunjung untuk menuju ke tautan blog anda. Ok, session basa-basi nya sampai disini saja! Kita mulai dengan:
*.Login ke Blogger
*.Design
*.Edit HTML
*.Cari code ini:

</b:section>

*.Pastikan code tersebut adalah code yang terletak di paling akhir atau paling bawah. Karena dalam pencarian, anda akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling akhir.
*.Letakan code dibawah ini, tepat di bawah code tadi

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='
http://g.imagehost.org/0373/arrow_up_green.png'/></a>



Keterangan:
*.URL yang berwarna merah adalah URL tombol "Back to Top" yaitu seperti ini:

*.Anda bisa mengganti gambar tersebut sesuai yang anda suka, kemudian ganti URL yang berwarna merah dengan URL gambar anda, atau anda bisa menggunakan gambar di bawah ini:



http://g.imagehost.org/0439/arrow_1.jpg





http://g.imagehost.org/0497/arrow_2.jpg





http://g.imagehost.org/0466/arrow_3.jpg





http://g.imagehost.org/0130/arrow_4.jpg





http://g.imagehost.org/0042/arrow_5.jpg



Gimana? mudahkan?
Semoga berhasil

Mengganti Title Blog Dengan Title Postingan

Sabtu, 15 Januari 2011


Menurut master SEO ni, dengan mengganti title blog dengan title postingan ini akan memudah mesin pencarian google untuk melacak keberadaan artikel blog kita. salain itu penelurusan di pencarian google akan lebih rapi.
nah pastinya ini menjadi nilai tambahan untuk blog kita. nah bagi anda yang ingin menerapkan tutorial ini, atau sekadar ingin mencobanya anda bisa mengikuti langkah-langkah dibawah ini.
Berikut ini langkah-langkah cara merubah title blog dengan title postingan:
*.Login ke blogger
*.Tata letak
*.Edit HTML
*.Cari kode

<title><data:blog.pageTitle/></title>

*.Dan ganti kode tersebut dengan

<b:if cond='data:blog.pageType ==&quot;index&quot;'>
<title><data:blog.pageTitle/>
</title>
<b:else/>
<title><data:blog.pageName/>
</title>
</b:if>

*.Simpan template anda. Untuk perubahan title blog menjadi title postingan pada search engine mungkin akan membutuhkan waktu dalam satu hari dan bisa lebih. jadi tidak akan berubah langsung saat kita mengeditnya.
Semoga Sukses

Cara Mencegah GooGLe Mengindexs Gambar Kita


Selain teks, Google juga mengindeks gambar. artinya gambar yang terpampang di situs kita bisa muncul di Google bila seseorang memasukkan kata kunci yang sesuai dengan penamaan gambartersebut. Tidak semua orang senang dengan kondisi ini. beberapa orang justru tak ingin gambar yang dimilikinya ditemukan atau di salin orang lain dari images.google.com. Nah, agar gambar di situs anda tidak di tangkap Google, mudah sekali. kita hanya perlu menambahkan meta tag penolakan indeks gambar di bagian head situs.
tag yang perludi tambahkan adalah :

<meta name="robots" content="noimageindex"/>

Kalau anda menggunakan blog dengan Blogger, lakukan cara ini:
*.Login ke Blogger
*.Pilih Design/Rancangan
*.Klik Edit HTML
*.Cari kode

<b:include data='blog' name='all-head-content'/>

*.Dan letakkan kode di di bawah ini di bawah kode tersebut.

<meta name="robots" content="noimageindex"/>

*.Sehingga seperti berikut

<b:include data='blog' name='all-head-content'/><meta name="robots" content="noimageindex"/>

*.Simpan Semoga artikel singkat di atas bermanfaat dan Semoga sukses...