Cara Membuat Kotak Link Exchange

Hai semua sahabat blogger.. Apa kabar hari ini? Saya share lagi nih sedikit yang saya dapat. Mungkin teman-teman sudah pernah mendengar kata Link Exchange atau Tukaran Link. Nah, ini berfungsi untuk memperlebar jaringan teman-teman. Kalau ada blogger lainnya membuka blog yang sobat pasang link-nya dan melihat blog sobat maka atau mungkin blogger lain bakal klik deh tuk liatnya..
Langsung aja yah sobat. Tapi sebelumnya saya perlihatkan contohnya (ada di bawah nih).

 cols="20"</span>><a href="<span style="color: rgb(0, 0, 0);">http://berbagilewatinternet.blogspot.com/</span>"><img src="<span style="color: rgb(0, 0, 0);">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmLySj7AcbRwXm_0dST8-Q3HJFGYrtJWJ_qCD_mWqz6XHc0pfaov2EcQHK1YHoLPnq3UGVKCaE_QfyO2-MfcxEt06hB7va51mcBgbP8QR2Hw6srEMpiRJjJk2wTZPk31kxYKS7ID0ZR7d/s1600/Untitled+picture.png</span>" width="140" height="80" border="0" /></a>

 Penasaran banget kan cara membuatnya? Langsung nih saya bagikan :
1. Login ke blogger.
2. Rancangan (Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT.
5. Copy Kode Dibawah ini ke dalamnya :

<textarea name="textarea" cols="20"><a href="http://berbagilewatinternet.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmLySj7AcbRwXm_0dST8-Q3HJFGYrtJWJ_qCD_mWqz6XHc0pfaov2EcQHK1YHoLPnq3UGVKCaE_QfyO2-MfcxEt06hB7va51mcBgbP8QR2Hw6srEMpiRJjJk2wTZPk31kxYKS7ID0ZR7d/s1600/Untitled+picture.png" width="140" height="80" border="0" /></a></textarea>

Untuk text yang berwarna biru adalah link blog sobat, ganti text tersebut dengan alamat blog sobat dan text warna merah adalah alamat gambar beserta ukurannya, silahkan ganti text tersebut dengan alamat gambar sobat..

6. Save template sobat. Lihat hasilnya.

Wah, gampang kan? gak rumit kok.. Jangan lupa di komentari yah.. :)

Read More

Membuat Tombol Share Melayang

 


Untuk membuat tombol share seperti yang terlihat digambar sobat ikuti langkah-langkahnya di bawah ini.
 
Langkah 1
- Masuk ke blog sobat.
- Masuk ke template -> Edit HTML -> Lanjutkan -> Expand template widget.
- Klik CTRL+F. Lalu cari kode ini </body> 

Langkah 2
- Masukan kode ini tepat diatas </body> :

</span> <code><!-- Start Shareaholic Sassy Bookmarks HTML (helperblogger.com)--><br><div class="shr_ss shr_publisher"><br><br></div><br><!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) --><br><!-- Start Shareaholic Sassy Bookmarks settings --><br><script type="text/javascript"><br>var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};<br></script><br><!-- End Shareaholic Sassy Bookmarks settings --><br><!-- Start Shareaholic Sassy Bookmarks script --><br><script type="text/javascript"><br>(function() {<br>var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;<br>sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";<br>var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);<br>})();<br></script><br><br><!-- End Shareaholic Sassy Bookmarks script (helperblogger.com) --></code> <span style="color: red;">

 - Save template anda.
- Lihat hasilnya.

Read More

Cara Membuat Efek Bunga Sakura Berguguran Di Blog

Kurang puas posting sedikit-sedikit.. hehe
Untuk sobat yang pengen buat efek ini silahkan coba. Dijamin bagus deh??

Kali ini saya akan mengajak sobat untuk Membuat Efek Bunga Sakura Berguguran Di Blog sobat.
Hmmm, biar nggak kelamaan, langsung aja yaa.


Ikuti langkah berikut. (jangan sampai salah) hehe..

1. Login blogger.
2. Rancangan (Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Ke dalamnya :

<script src="http://postrecent.googlecode.com/files/SakuraGugurdj.js" type="text/javascript"></script>

6. Save Template Dan Lihat hasilnya..

Nb: Sebaiknya Javascript sobat Download dan masukkan Ke hostingan sobat karena ada jangka waktu tertentu sampai efek ini tidak berfungsi lagi. Dan jika sudah unlimited dan tidak berfungsi tolong laporkan di kotak komentar agar saya upload ulang..

Read More

Cara Membuat Efek Salju Di Blog

Hai sahabat blogger.. Apa kabarnya nih? Udah lama saya nggak posting yah? hehe
Kali ini saya mencoba menguraikan tahap-tahap Cara Membuat Efek Salju Di Blog sobat.. Udah menanti kann? hehe

Langsung aja, jika sobat ingin blognya dihiasi dengan salju yang turun bagaikan musim dingin di negeri sakura, pakai saja Cara Membuat Efek Salju Di Blog.

Note:  blog yang diberi efek salju sebaiknya jangan berlatar belakang putih.. nanti saljunya nggak kelihatan :) Paling pas kalau template/warna latarnya gelap, jadi lebih okee..

Langsung aja caranya :

1. Masuk Blogger sobat

2. Rancangan ---> Elemen Laman ---> Tambah Gadget 

3. Pilih HTML/Javascript

4. Copy script di bawah ini dan masukkan ke kolom yang sudah tersedia.

<script src="http://masterendi.googlecode.com/files/salju.js"></script>

5. Simpan/Save

Lihat blog sobat, pasti ada saljunya.. Menarik kan..???
hehehe
Jangan lupa komentarnya. :)

Read More

Cara Mengubah Tampilan Kursor Blog

Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi sobat yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung.

Sobat bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog sobat, tampilan kursornya akan berubah sesuai dengan icon yang sobat gunakan. Agar lebih jelas sobat bisa lihat Disini.

Jika sobat tertarik dengan mengubah kursor blog sobat baca langkah-langkahnya.

Langsung aja, 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
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 sobat gunakan.

4. Setelah itu, simpan template sobat. Selesai

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

Selamat berkreasi dalam blog sobat.. Dan semoga bermanfaat..

Jangan lupa komentarnya..

Read More

Meningkatkan Pengunjung Blog Dengan BlogUpp

Jika blog sobat masih sepi dan ingin meningkatkan pengunjung bagi blog sobat maka fitur yang satu ini patut anda pertimbangkan. Namanya adalah BlogUpp.

BlogUpp adalah sebuah situs yang menghubungkan blog yang satu dengan blog lain. Konsepnya hampir sama dengan link exchange dimana saya memasang link blog sobat, sobat juga memasang link blog saya.

Hanya saja tampilannya lebih menarik karena menggunakan screenshot tampilan blog sobat. Bentuknya seperti di bawah ini :

Dengan memasang widget blogupp, maka screenshot blog lain akan muncul di blog sobat dan screenshot blog sobat juga akan muncul di blog milik orang lain.

Jika ada pengunjung yang tertarik dengan screenshot tersebut dan mengkliknya maka pengunjung akan dibawa ke blog yang bersangkutan. Begitu juga sebaliknya, sehingga pemilik blog yang menggunakan widget bloggupp akan saling mendapat tambahan pengunjung dari blogger lain.

Untuk mendaftar ke BlogUpp, caranya sangat mudah. Silahkan ikuti langkah-langkah dibawah ini:

1. Buka situs http://www.blogupp.com/. Kemudian masukkan alamat url blog sobat pada kotak yang disediakan lalu klik Get Widget!.

2. Setelah itu, pilih salah satu layout yang mau sobat gunakan pada blog sobat.



3. Lalu copy kode pada kotak yang disediakan.

4. Buka Blogger. Klik menu Layout->Page Elements

5. Klik Add a gadget. Klik tombol + pada HTML/ Javascript.

6. Pastekan kodenya dalam kotak lalu klik Save.

7. Selesai. Silahkan klik View blog untuk melihat hasilnya.


Lagi-lagi mudah caranya. Sekarang giliran kamu..Selamat mencoba..

Read More

Cara Membuat Menu DropDown

Apa itu menu dropdown? Itu lho..,sobat pasti tahu program office yang bernama Microsoft Word. Suatu ketika sobat ingin menyimpan file, maka sobat akan meng-klik menu File, dan setelah itu langsung muncul banyak sub menu seperti Save, save As, dll. Nah, menu yang seperti itulah yang dinamakan sebagai menu dropdown. Manfaat dari menu dropdown ini antara lain menghemat tempat pada halaman blog sobat agar tidak memanjang ke bawah. Gimana sobat, sudah ada bayangan? kalau belum ada, sobat bisa lihat contoh tampilan di bawah ini :

Arsip Blog Pasang Kode Warna Panduan Membuat BlogApa Itu Blog

Ingin cepat punya menu seperti di atas? Yuk kita lanjut..

Untuk membuat menu dropdown-nya ikuti langkah-langkah berikut.

1. Login ke Blogger.

2. Klik Tata letak.

3. Klik Tambah Gadget >> JavaScript/HTML, dan isikan kode berikut :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Menu DropDown</option>
<option value="Link 1">Teks 1</option>
<option value="Link 2">Teks 2</option>
</select>

Tulisan yang berwarna merah akan muncul sebagai nama menu, seperti halnya contoh tampilan sebelumnya dengan nama menu Tutorial Blogger. Yang biru silahkan diisi dengan link sobat, sedangkan yang hijau adalah teks yang merupakan keterangan dari link yang sobat pasang.

Nb :
Untuk menambah menu, tinggal anda tambahkan kode : <option value="Link 1">Teks 1</option>

4. Save dan Selesai.


Menu DropDown Terbuka Pada Halaman Baru

Untuk kode yang di atas cocok digunakan untuk link yang masih ada hubungannya dengan blog sobat, dengan kata lain apabila anda mengkliknya maka akan tetap terbuka di tab window yang sama. Bagi sobat yang membutuhkan menu dropdown yang akan digunakan sebagai blog roll, maka akan lebih cocok jika sobat menggunakan menu dropdown dengan tipe open new tab/ window, karena walaupun para pengunjung meng-klik link yang tertera di menu dropdown, para pengunjung tidak akan meninggalkan halaman blog sobat. Untuk membuat menu dropdown yang dimaksudkan, sobat cukup mengganti kode :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

Dengan kode berikut ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Sehingga susunannya menjadi seperti berikut ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="#" selected>Menu DropDown</option>
<option value="Link 1">Teks 1</option>
<option value="Link 2">Teks 2</option>
</select>

Dan Hasilnya seperti di bawah ini :

Arsip Blog Pasang Kode Warna Panduan Membuat BlogApa Itu Blog

Silahkan Klik untuk mengetahui perbedaannya. Nah,mudah bukan cara membuatnya?
Sekarang giliran Anda.. Jangan lupa comment dan follow blog ini yaa.. Selamat mencoba dan semoga bermanfaat..

Read More

Cara Modifikasi Blockquote Blogger

Seperti apa sih Blockquote itu?

Pasti sobat berpikir untuk apa memasang blockquote di blog atau web site kita. Langsung aja saya jelaskan untuk mempersingkat waktu sobat. hehehe

Untuk platform blogger, blockquote memiliki tampilan default yang dapat dikatakan 'biasa saja'.
Blockquote adalah unsur dalam posting yang digunakan untuk menunjukkan kutipan dari sebagian besar teks dari sumber lain atau teks yang menunjukkan suatu penjelasan garis besarnya. Selain itu dapat  untuk menunjukkan bagian tulisan yang paling penting untuk dilihat dan digunakan sebagaimana mestinya seperti yang sudah saya jelaskan di atas. Sebagai contoh agar sobat tidak kebingungan, perhatikan gambar di bawah ini :





Nah..,sudah paham nggak nich? Pastinya sudah dong.. Setidaknya nyentuh sedikit dalam otak sobat.. hehe

Untuk membuatnya, lihat langkah-langkah berikut.
1. Login di Blogger
2. Pergiilah ke Dashboard blog sobat lalu pilih Rancangan atau Tata Letak.
3. Pilih tab Edit HTML lalu contreng tulisan Expand Widhet Templates
4. Cari kode ]]></b:skin> . Untuk mempermudah gunakan keyboard dan tekan Ctrl + F atau F3,setelah ketemu, tepat diatas kode tersebut letakkan kode berikut :

.post-body blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png) no-repeat left top;
border-left: 10px solid #666666;
}

5. Lalu Save Templates sobat, dan selesai.

Catatan:

Jika css blog sobat sudah ada kode .post-body blockquote {, maka tinggal ganti dengan kode diatas. 


Cara Buat Blockquote Dalam Postingan

Jika sudah selesai di Save, langkah selanjutnya sobat tinggal mempostingkan tulisan atau ide-ide sobat. Dapat secara manual dan dapat pula secara WYSWYG. Agar sama seperti contoh di atas, sobat lakukan langkah berikut.
1. Untuk secara manual sobat tinggal sisipkan kode:
<blockquote> Tulisan Sobat </blockquote> dalam kalimat atau paragraf, contohnya :

<blockquote>Terima kasih karena sobat telah mengunjungi dan belajar lewat blog ini. Semoga melalui tutorial ini sobat bisa menjadi blogger yang lebih baik dan keren.. hehe</blockquote>

Nah,dari penulisan diatas, akan menghasilkan tanpilan blockquote seperti ini :

Terima kasih karena sobat telah mengunjungi dan belajar lewat blog ini. Semoga melalui tutorial ini sobat bisa menjadi blogger yang lebih baik dan keren.. hehe

2. Cara instant, dengan memblok postingan dan tinggal klik deh tanda blockquote-nya seperti gambar ini:

Semoga artikel ini bermanfaat untuk sobat..
Selamat mencoba..

Read More

Cara Menambah Gadget Di atas Header

Pada umumnya blog bawaan dari blogger tidak terdapat gadget yang berada diatas header. Tapi kita sering melihat web maupun blog yang meletakkan gadget diatas header, seperti iklan baris, banner, gambar, teks berjalan, animasi, atau apa saja sesuai selera atau kebutuhan blog. Lalu bagaimana cara menambah gadget diatas header?

Ok....Silahkan ikuti langkah - langkah berikut ini :

1. Login ke Blogger.

2. Klik Tata Letak/layout/rancangan.

3. Klik Edit HTML.

4. Lalu cari kode berikut :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Catatan : 

Setiap template mempunyai kode yang berbeda-beda, cari saja yang mirip seperti kode diatas.

5. Ganti kode diatas dengan kode berikut ini :

<b:section class='header' id='header' preferred='yes'>

6. Klik Save Template

7. Klik Page Element ->
Lihat perubahan yang terjadi, sudah terdapat penambahan add a gadget diatas header yang dapat sobat isi sesuai kebutuhan blog sobat.

Mudah kan.....???

Selamat mencoba dan Semoga bermanfaat..
Sobat juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan sobat masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentarnya yaa.. hehe

Read More

TV Streaming

Kali ini saya mencoba untuk menyajikan TV Streaming buat anda, semoga saja TV Streaming Online ini bisa membantu anda saat tidak bisa nonton acara televisi. Dengan adanya TV Streaming ini anda bisa melihat televisi sambil browsing atau download. TV yang saya ambil dari Mivo ini memberikan banyak chanel yakni meliputi Trans TV, Indosiar, DAAI TV, SCTV, TV One, Trans 7, ANTV dan Spacetoon. Nah,jika bosan browsing atau download buka aja TV Online ini, Gratis...

Postingan ini hanya sekedar menghibur kepada anda yang sedang repot didepan komputer dan tidak bisa menikmati acara televisi. Mungkin dengan inilah cara lainnya untuk menyaksikan acara kesayangan anda. Dari pada anda penasaran, langsung aja nonton. Selamat menonton...

Read More