Daftar Isi




Tampilkan postingan dengan label Serba Serbi. Tampilkan semua postingan
Tampilkan postingan dengan label Serba Serbi. Tampilkan semua postingan

Sabtu, 04 Agustus 2012

Membuat Sliding Box

Membuat Sliding box, code Scriptnya :
<!--Slidbox -->
<script type="text/javascript" src="http://marewainfo.googlecode.com/files/slidboxordinary.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMBa9-9xf3dY750aGaIn8lyp_ThWXtFNPQAspMcM5xAib-eU1I-bc40N2PducBOr-WsPGz6mOGjbwCbLCKIdqZRdwy5OxWOQ9xzImv4qlqY4NkYr-Jb_RvHGEDYg3qZGL9RJiLzKk4YNOP/s0/bo-bg-html.gif)
repeat; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">

<div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">

<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<!--Slidbox tempat isi -->
<strong style="color:#66ad3d;">JUDUL</strong>
Diisi Sesuka Hati
<!--Slidbox end tempat isi -->
</div></div>
<!--Slidbox end -->
<div style="-moz-border-radius: 12px 12px 12px 12px; background-color: #e6e6e6; border: 2px solid rgb(204, 204, 204); color: black; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
Hasil CodeScript </div>

Read more »
Diposting oleh di 3 komentar:
Label: , , ,

Rabu, 01 Agustus 2012

Cara Membuat Postingan Terbaru Blog Otomatis menjadi Status Facebook

Cara Membuat Postingan Terbaru Blog Otomatis menjadi Status Facebook - Cara agar postingan terakhir blog masuk di akun facebook - Setelah posting mengenai cara membuat fanpage di facebook dan cara membuat like box facebook di blog, kali ini saya akan bahas bagaimana kita bisa memanfaat keduanya untuk mendapatkan traffic tambahan untuk blog kita. Bagi anda yang suka ngeblog (blogger) dan juga online terutama dengan facebook, tentunya ingin juga posting blog terbaru langsung ter-update di facebook. Sekarang ini situs jejaring sosial seperti facebook sungguh luar biasa penggemarnya, hampir setiap orang online atau terkoneksi internet, website yang pertama kali dibuka biasanya adalah facebook.com - login ke account masing-masing dan update status atau baca-baca status orang lain, member komment, sampai-sampai status gak pentingpun rasanya ingin sekali dibagikan di facebook. Bagi para blogger sebagian besar menginginkan blognya rame di kunjungi orang, atau mungkin para pebisnis online yang menginginkan usaha onlinenya (toko online - nya) di serbu orang, pasti sangat menginginkan hal ini, dengan cara menampilkan informasi terbaru (update) dari blog/ web kita di situs jejaring social terutama facebook, dan ini sangat memungkinkan penambahan kunjungan ke blog/ web kita. Pada kesempatan yang sangat baik ini saya akan berbagi tutorial singkat tentang bagaimana cara membuat Posting Blog Terbaru Otomatis Update di Status Facebook kita. Sulitkan membuat postingan terbaru pada blog otomatis update di status facebook? Jawabannya silakan simak panduan (tutorial) Posting Blog Terbaru Otomatis Update di Status Facebook kita di bawah ini. Berikut cara agar postingan terakhir blog masuk di akun facebook:
  1. Silahkan anda buka alamat https://twitterfeed.com/
  2. Klik Register Now maka akan tampil gambar , silahkan anda isi email aktif anda, password untuk login ke twitterfeed, tulis kode yang tampak dan klik create account.
  3. Setelah anda klik create account, selanjutnya anda masukan Feed Name (boleh anda tulis dengan nama blog anda), kemudian pada kolom Blog URL/ RSS Feed anda isi http://nama-blog-anda.blogspot.com/atom.xml
  4. Tahap selanjutnya anda pilih situs jejaring sosial facebook.
  5. Selanjutnya anda disuruh menghubungkan ke account facebook anda, akan ada jendela aktifasi, setelah anda klik izinkan maka account facebook anda akan masuk didalam kotak Authenticated account facebook.
  6. Terakhir Anda klik Create Service, jika berhasil maka akan tampil “congrulation”.
Dan hasil akhirnya, setiap anda posting tulisan terbaru di blog anda, secara otomatis akan terupdate di status facebook anda. Semoga postingan kali ini bermanfaat.
Read more »
Diposting oleh di Tidak ada komentar:
Label: ,

Membuat Back To Top dengan Efek Smooth Scroll

"Back to Top" adalah salah satu fasilitas yang dapat digunakan pada blog untuk memudahkan pengunjung menavigasi halaman pada blog anda. Fungsi dari Back To Top yaitu mengantarkan kembali pengujung anda ke halaman paling atas. Penggunaan JQuery dengan fungsi ini dapat memberikan hasil scroll yang lebih baik, dalam hal ini scroll menjadi lebih smooth atau halus. Jika anda udah gak sabaran pengen membuatnya langsung aja dipraktekin...

Copyright: Blog Trik dan Tips - http://blogtrikdantips.blogspot.com/2009/10/membuat-back-to-top-dengan-efek-jquery.html#ixzz22JD8SqQM
Tolong sertakan link ini jika mengkopi artikel diatas. Terima kasih

Hasil CodeScript
Read more »
Diposting oleh di 2 komentar:
Label: , , ,

Cara Membuat Link Blog Berwarna-Warni

Sobat pasti sudah pernah melihat link berwarna warni pada blog. Ada berbagai warna yang ditampilkan link tersebut apabila cursor anda berada diatasnya. Kali ini kita akan membuat setiap link berwarna-warni pada blog anda. Javascript yang satu ini sangat mudah untuk diinstal karena anda tidak perlu mengotak atik template. Jika ingin tau caranya ikuti langkahnya dibawah ini:
1. Login ke Blogger
2. Masuk ke Rancangan --> Edit Laman
3. Tambahkan Gadjet lalu pilih HTML Javascript
4. Masukan kode berikut ini:
<script src="http://andreblog.googlecode.com/files/Rainbow_Colors_Way2blogging.js" type="text/javascript"></script>
5. Simpan gadjet anda

Apabila script tersebut tidak bekerja itu disebabkan karena script tersebut tidak cocok pada css template. Untuk itu coba sobat hapus tag !important. Demikian trik dan tips untuk saat ini semoga bermanfaat.


Read more »
Diposting oleh di Tidak ada komentar:
Label: , ,

Senin, 23 Juli 2012

Membuat Efek Refresh di Blog (Redirect)

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.
Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :

<meta http-equiv="refresh" content="10"/>


Simpan kode di atas antara <head> .... </head>

Sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :
<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>
Read more »
Diposting oleh di Tidak ada komentar:
Label:

Membuat Efek Refresh di Blog (Redirect)

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.
Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :

<meta http-equiv="refresh" content="10"/>


Simpan kode di atas antara <head> .... </head>

Sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :
<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>
Read more »
Diposting oleh di Tidak ada komentar:
Label: ,

Membuat Banner Animasi

Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa.
Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.

bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.

Contoh banner animasi : gambar diatas!
Selamat Mencoba dan berkreatifitas
Read more »
Diposting oleh di Tidak ada komentar:
Label:

Cara Pasang Statistik dan Tracker

Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker.
Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.

Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :
Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :
  1. Silahkan kunjungi situs http://www.sitemeter.com.
  2. klik tulisan Sign Up untuk melakukan pendaftaran
  3. klik tombol bertuliskan Next
  4. Klik tombol Next lagi
  5. Isi semua tabel yang ada lalu klik tombol Next lagi
  6. Isi lagi tabel yang ada, lalu klik tombol Next lagi
  7. klik tombol Next lagi
  8. klik tombol Next lagi ( cape dech next..next melulu )
  9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan
  10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com
  11. Silahkan login dengan id anda
  12. Bila sudah login, Klik menu Manager
  13. Klik Menu Meter Style untuk memilih gaya dari site meter anda
  14. Pilih style yang anda sukai, kemudian klik tombol Select
  15. Klik menu HTML Code
  16. Klik tulisan Adding site Meter to a Blogger.com Site
  17. copy semua kode HTML yang di berikan lalu paste pada Notepad
  18. Klik menu Logout untuk keluar dari situs tersebut
  19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita
Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :

khusus blog dengan template klasik :
  1. Sign in di blogger dengan id anda
  2. Klik menu TEMPLATE
  3. Klik Edit HTML
  4. Klik Edit (yang ada pada bar menu browser anda)
  5. Klik Find (on this page)... >>> untuk mempercepat pencarian
  6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find
  7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi
  8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai

Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center>

Untuk blog dengan Template baru :
  1. Login di blogger dengan ID anda
  2. Klik menu layout
  3. Klik Elemen Halaman
  4. Klik Tambahkan sebuah Elemen Halaman
  5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript
  6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)
  7. Copy & paste kode Site meter pada kolom isian
  8. Klik tombol Simpan Perubahan
  9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)
  10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan
  11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN
  12. Selesai
Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....


Selamat mencoba.
Read more »
Diposting oleh di Tidak ada komentar:
Label: , ,

Membuat Logo dan Image Button

Bagi para sobat yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo.
Untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com ada juga Da Button Factory, Silahkan ikuti langkah-langkah berikut ini :
  1. Silahkan buka alamat http://cooltext.com 
  2. Lalu klik tulisan Design a Logo
  3. Klik gambar contoh logo yang sobat sukai
  4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
  5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
  6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
  7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
  8. Klik tombol yang bertuliskan Render Logo Design
  9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
  10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
  11. Selesai. Sobat sudah mempunyai sebuah logo.

Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :
  1. Silahkan buka alamat http://www.photobucket.com,
  2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
  3. Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
  4. Silahkan Sign In dengan Id sobat
  5. Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
  6. Klin tombol yang bertuliskan Upload
  7. Tunggu beberapa saat ketika proses upload berlangsung
  8. Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
  9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
  10. Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif. Disini sobat harus menambahkan kode <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini :

<img src="http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif">

Maka contoh hasilnya akan seperti ini : 


Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. 

Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

<img src="http://i831.photobucket.com/albums/zz233/qcux80/Logo%20Tukar%20Link/cooltext458482277.gif" width="100" height="40" alt="ini contoh saja">


sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :

ini contoh saja

Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan Desiggen a Button bukan Design a Logo

Read more »
Diposting oleh di Tidak ada komentar:
Label:

Membuat Foto dengan efek Animasi

Dalam kesempatan kali ini akan coba di bahas tentang bagaimana cara membuat animasi gambar ataupun foto. Bagi para sobat (mulai sekarang saya akan membiasakan diri menyebut anda menjadi sobat, biar lebih familier ya) yang sudah terbiasa menggunakan program animasi semisal MacroMedia Flash Player ataupun teman-temannya sudah barang tentu bukan hal yang wah ataupun aneh, tapi bagi sekelompok orang seperti saya ini, membuat animasi foto adalah suatu hal yang sangat sulit sekali.
Adakah diantara para sobat blogger yang seperti saya? jika jawabannya ada ya kita emang senasib (hiduplah senasib), tapi jangan dulu patah semangat sobat blogger, pepatah bilang banyak jalan menuju rhoma (irama).. dalam hal inipun sama ada jalannya yakni kita bisa menggunakan jasa situs-situs pembuat animasi. Di internet buaanyak sekali situs pembuat animasi foto, jumlahnya ribuan atau bahkan jutaan. Nah sebagai contoh yaitu http://www.slide.com. Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :
  1. Silahkan buka situs www.slide.com 
  2. Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut
  3. Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)
  4. Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan
  5. Jika sudah, silahkan klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat
  6. Langkah selanjutnya adalah melakukan pembuatan animasi
  7. Klik style, untuk memilih gaya dari animasi
  8. klik skin, untuk memilih bingkai animasi
  9. klik Size untuk memilih ukuran
  10. Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan
  11. klik tombol Upload untuk melakukan proses upload foto
  12. Jika proses upload selesai, klik tombolSave
  13. Copy kode HTML yang di berikan, lalu paste pada program notepad
  14. Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser
  15. Langkah selanjutnya adalah memasukan kode HTML animasi tersebut ke dalam blog sobat.
Contoh Gambar Animasi :


Ada pula contoh animasi dari http://www.picturetrail.com :






Atau para sobat bisa juga daftar di http://www.flickr.com


Selamat mencoba !
Read more »
Diposting oleh di Tidak ada komentar:
Label:

Cara Pasang Iklan di Posting

Bagaimana cara memasang iklan di posting?
Sebenarnya ada beberapa cara yang dapat dilakukan misalkan menanamkan langsung code script ke posting baik itu di awal posting ataupun dibawah posting, namun cara ini tentunya sangat merepotkan karena setiap posting kita disibukkan untuk meng copas code script iklan tersebut. Berikut ini adalah cara yang lebih efektif untuk menanamkan iklan kedalam posting dan otomatis muncul pada setiap posting secara otomatis tanpa harus meng kopas kode script ke dalam posting.
  1. Siapkan Code Script Iklan yang akan dipakai (PPC/Adsense)
  2. Parse /Encode Code tersebut dengan program HTML Encode
  3. Login ke account blogger ANDA
  4. Klik Layout - Edit HTML
  5. Jangan Lupa centang Expand Widget Templates
  6. Cari tag post.body (dengan F3 atau Ctrl+F)
  7. Copy Paste Code Scrip iklan yang tadi sudah di Parse/Encoding diatas atau dibawah tag post.body. Diatas: iklan akan tampil diatas posting Dibawah : iklan akan tampil dibawah posting.
  8. Oya...awali dengan <p&gt; dan akhiri dengan </p>, maksudnya supaya ada alinea paragram baru untuk space iklan.
  9. Klik SAVE TEMPLATE dan Selesai...
Selamat Mencoba Mudah-Mudahan Bermanfaat



Read more »
Diposting oleh di 2 komentar:
Label: ,

Membuat Link Banner

Link Banner adalah sebuah banner atau image yang mewakili identitas blogger. Sebenarnya tidak harus memiliki Link Banner, namun dengan memiliki LinkBanner akan tampak lebih menarik. Untuk membuat Link Banner kita harus mempersiapkan :
  1. Memiliki gambar banner yang tersimpan dalam sebuah situs penyimpan foto/gambar (image hosting).
  2. Membuat Gambar Banner, bisa memakai aplikasi CorelDraw, Photoshop, atau aplikasi lain atau dapat juga membuatnya melalui situs CoolText, Da Button Factory, dan lain-lain
Berikut ini ada code script untuk membuat kotak LINK BANNER : (copas aja)

Sedangkan untuk menampilkan previewnya


Condoh hasilnya dapat dilihat di DEMO
Keterangan :
  • URL Situs : Situs Blog ANDA
  • Keterangan Situs : Deskripsi Situs ANDA
  • Nama Situs : Nama Blog ANDA
  • Url Gambar Banner : Image yang disimpan di Image Hosting ANDA yang akan dijadikan Banner

Mudah kan????
diambil dari Blog Tutorial
Read more »
Diposting oleh di Tidak ada komentar:
Label: ,

Memunculkan Status YM di Blog

Untuk Memunculkan status offline/online Yahoo Messeger tidaklah sulit, ikuti copy Scrip dibawah ini :
<a href="ymsgr:sendIM?ID YM ANDA"></a><a href="ymsgr:sendIM?ID YM ANDA"><img style="width: 80%; height: 25px;" src="http://opi.yahoo.com/online?u=ID YM ANDA&m=g&t=2&1=us" /></a>
Keterangan :

Yang Berwarna Merah Dapat dirubah ID YM ANDA dan angka 2 adalah image yang muncul adalah gambar image no.2

Contoh Status YM Saya :
<a href="ymsgr:sendIM?qcux80"></a><a href="ymsgr:sendIM?qcux80"><img style="width: 100px; height: 25px;" src="http://opi.yahoo.com/online?u=qcux80&amp;m=g&amp;t=2&amp;1=us" /></a>
Maka Tampilan yang muncul :

Dengan Kode 2


Dengan Kode 1


Dengan Kode 3


Dengan Kode 4


Dengan Kode 5

dan lain sebagainya, anda tinggal mengganti kode angkanya...
Semoga berguna

Read more »
Diposting oleh di Tidak ada komentar:
Label: ,

Menghilangkan Judul Blog

Mungkin dalam suatu waktu kita ingin menghilangkan judul blog untuk dipasang gambar atau apapun yang diinginkan. Untuk menghilangkan "Judul di Blog" Ikuti Caranya berikut ini :

Masuk Ke Tata Letak--> HTML lalu cari kode yang mirip dibawah :
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}
Sisipkan kode visibility:hidden; dan jadinya seperti di bawah ini :
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
visibility:hidden;
}
Selesai... Save Template dan Lihat Hasilnya! Just Simple
Read more »
Diposting oleh di Tidak ada komentar:
Label: ,

Membuat Efek Membesar dan Berpijar pada Link

Satu Lagi Trik untuk mempercantik Blog, yaitu memperbesar dan ada efek berpijar pada Tulisan Link yang ditunjuk. Caranya :
  1. Login dahulu ke Akun blogger
  2. Buka tata letak/Layout
  3. Edit html
  4. Expand template widget
Cari aja kode yang ini :
/* global link attributes */ a {color: $mainLinkColor; text-decoration: underline;} a:hover {color: $mainHoverLinkColor; text-decoration: underline;} a:visited {color: $mainVisitedLinkColor; text-decoration: underline;} a:hover {
kemudian tambahkan kode ini
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }
Sehingga keseluruhannya menjadi :
/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }
Oya sebelum di simpan (simpan template) ada baiknya di pratinjau dulu siapa tau ada error... setelah semua beres baru deh di simpan dan lihat hasilnya.

Selamat Mencoba!
Read more »
Diposting oleh di Tidak ada komentar:
Label: , ,

Memasang Widget Google Translate 1

Memasang translete pada blog sangat perlu karena mungkin saja ada pengunjung dari negara asing yang nyasar keblog anda, tapi yang harus diperhatikan agar tidak terjadi kesalahan translate maka blog anda harus menggunakan bahasa yang resmi, bukan bahasa pasaran atau gaul.
Nah caranya:
  1. Seperti biasa sign in dulu ke blogger.
  2. Masuk/ klik tombol layout/ tataletak.
  3. Klik tombol elemen halaman/ page elemen=>tambah gadget=>HTML/ Java script.
  4. Beri nama/ isi titel dengan kalimat translate atau dengan kalimat yang anda sukai. Kemudian Copi kode berikut dan paste dikolom HTML/ Java Script.

Susunan Translate 2 Baris
Maka Hasilnya akan Seperti :
Mau Seperti Ini?
Arabic Korean Japanese Chinese Simplified Russian Portuguese
English French German Spain Italian Dutch


Susunan Translate 3 Baris
Hasilnya Seperti :
Mau Seperti Ini?
Arabic Korean Japanese Chinese Simplified
Russian Portuguese English French
German Spain Italian Dutch


Susunan Translate 4 Baris
Maka Hasilnya Seperti :

Arabic Korean Japanese
Chinese SimplifiedRussian Portuguese
English French German
Spain Italian Dutch


Pilih yang sesuai dengan kondisi template Anda!
Selamat Mencoba...!

Read more »
Diposting oleh di Tidak ada komentar:
Label: , ,
Langganan: Postingan (Atom)