E-Note: April 2011

Sabtu, 30 April 2011

Membuat Scroll Down & Top

Scroll Up & Down - Kalau dalam postingan yang lalu kita membahastentang pembuatan Scroll Back To Top. Untuk fungsinya tidak jauh berbeda cuma kali ini ada tambahan scroll ke atas dan kebawah, icon tampak seperti gambar di samping, kurang lebihnya seperti itu bro. Jika sobat sudah menerapkan scroll Back to Top aja, maka tidak ada salahnya mencoba yang satu ini. Ok langsung kita olah TKP.

Proses Pembuatan Scroll Up & Down

1. Tetep harus masuk Blogger dulu.
2. Pilih Rancangan/Design
3. Pilih EditHTML jangan lupa centang "Expand Template Widget"
4. Cari Kode </body>
5. Copy script dibawah ini dan letakan tepat di atas kode </body>

Baca selengkapnya »

Membuat Scroll (Back To Top)

Back To Top - Merupakan Tool yang berfungsi untuk memanjakan pengunjung, setelah sampai pada bawah halaman blog anda, pengunjung tinggal klik icon yang berada di pojok bawah dengan simbol arah panah keatas atau simbol yang lainya karena bisa di rubah sesuai keinginan kita. Penerapanya pun sangat mudah dan simple, ga ribet seperti membuat tool yang lain. Langsung ke pokok pembahasan.

Pemasangan Tool Back To Top

1. Masuk Blogger
2. Pilih Rancangan/Design
3. Pilih EditHTML lalu centang "Expand Template Widget"
4. Cari Kode <head>
5. Copy kode dibawah ini tepat di bawah kode <head>

<script src="https://sites.google.com/site/astrindoo/javascript/jquery.min.js" type="text/javascript">
</script>

<script src="https://sites.google.com/site/astrindoo/javascript/scrolltop.js" type="text/javascript">
</script>

6. S A V E Template

Silahkan anda Reload/Refresh Halaman Blog anda dan lihat hasil operasi HTML anda. Mudah kan?... Selamat mencoba Mudah-mudahan berhasil ..

Menghilangkan Garis Bawah Link

Underline - Bila kita arahkan mouse kita pada suatu alamat (link) maka link tersebut akan menampakan underline pada kata yang kita tunjuk. Kenapa ada underline pada link mungkin itu untuk membedakan antara backlink pada tiap kata yang berada pada suatu postingan, artikel, judul dan lain sebagainya. Settingan pabrikan dari Blogger memang memberikan garis bawah pada suatu link. Disini kita akan membahas mengenai cara menghilangkan Garis Bawah Link (underline), biar kelihatan rapi dan sejuk dipandang. Ikutio langakah-langkanya sebagai berikut,

Menghilangkan Underline Link

1. Masuk Blogger terlebih dahulu
2. Pilih rancangan/Design
3. Pilih EditHTML
4. Cari kode dibawah ini, Gunakan CTRL+F untuk memudahkan pencarian

Baca selengkapnya »

Windows 8

Windows 8 leaks have already revealed that Microsoft is cooking an overhaul of the good old Windows Explorer.Although still not confirmed officially by the software giant, Windows Next will feature a redesigned Windows Explorer, with the company slapping the Ribbon / Fluent UI on top of the component.

In addition, recent findings from Windows 8 Milestone 2 (M2) / pre-M3 Build 6.2.7955.0 reveal that Windows Explorer will also evolve with new functionality.Users uncovered a new feature which allows them to treat items in the Windows Explorer address bar more like individual folders and less like pieces of a folder destination. (via Tzvi Friedman)

The Windows Explorer address bar has suffered a major revamping after Windows XP, providing a sum of visual elements instead of the plain text used to point to a specific folder. It appears that Windows 8 users will be able to drag and drop files and folders to specific destination points that make up the full address of a folder. Personally I welcome the growth of Windows Explorer in terms of new functionality and features.

Baca selengkapnya »

Jumat, 29 April 2011

Used Hitachi EX200

For More Information :

Shanghai Kaiken Construction Machinery Equipment Co Ltd

No.65,99,Longwu Road, Huafa Road, Xuhui District, Shanghai 200231 China
Phone: 86-021-61249439
Fax: 86-021-61249439
Contact: Lilia Chen (Assistant)
Mobile: 0086-15021781084

Baca selengkapnya »

Komatsu PC200-7 (Used)

If Interest Call Address below For More Info
Shanghai Kaiken Construction Machinery Equipment Co,Ltd.html
No.65,99,Longwu Road, Huafa Road, Xuhui
District, Shanghai 200231 China
Phone: 86-021-61249439
Fax: 86-021-61249439
Contact: Lilia Chen (Assistant)
Mobile: 0086-15021781084

Baca selengkapnya »

Syahrini - Kau Yang Memilih Aku

Cinta tak pernah sesakit ini
Cinta tak pernah seperih ini
Yang aku minta tulus hatimu
Bukan kau curangi aku

Rasa yang ada didalam hati
Tangis yang ada saat kusendiri
Inilah akhir kisah cintaku
Kisah bersamamu

Kau yang telah memilih aku
Kau juga yang sakiti aku
Kau putar cerita
Sehingga aku yang salah

Kau selalu permainkan wanita
Kau ciptakan lagu tentang cinta
Hingga semua tahu
Kau makhluk sempurna

Baca selengkapnya »

Smash - I Hearth You

Kenapa hatiku cenat-cenut tiap ada kamu
Selalu peluh pun menetes setiap dekat kamu
Kenapa salah tingkah tiap kau tatap aku
Selalu diriku malu tiap kau puji aku

Kenapa lidahku kelu tiap kau panggil aku
Selalu merinding romaku tiap kau sentuh aku
Mengapa otakku beku tiap memikirkanmu
Selalu tubuhku lunglai tiap kau bisikkan cinta

You know me so well (you know me so well)
Girl i need you (girl i need you)
Girl i love you (girl i love you)
Girl i heart you
I know you so well (i know you so well)
Girl i need you (girl i need you)
Girl i love you (girl i love you)
Girl i heart you

Baca selengkapnya »

Vierra - Takut

Ku tahu kamu bosan
Ku tahu kamu jenuh
Ku tahu kamu tak tahan lagi

Ini semua salahku
Ini semua sebabku
Ku tahu kamu tak tahan lagi

(Jangan sedih, jangan sedih
Aku pasti setia)

Aku takut kamu pergi
Kamu hilang, kamu sakit

Baca selengkapnya »

Seventeen - Hal Terindah

Sampai saat ini
Rasaku bertahan disini
Rasa yang tak akan hilang oleh waktu

Kau tidak disini
Aku pun tiada dihatimu
Jiwaku ikut menghilang bersamamu

Reff : Tak terkira disampingmu
Adalah hal terindah yang pernah kuinginkan
Tak terkira dipelukmu
Adalah hal terindah yang pernah ku rasakan

Tak terkira milikimu
Adalah hal terindah yang pernah kudambakan
Tak terkira dekapanmu
Adalah hal terindah yang pernah kudapatkan
Tak kan rela melepasmu
Walau dihadapanmu ku kan terus menangis..bahagia

# Melukiskan segenap keindahan..dirimu
Hanya kau yang aku mau..kamu..kamu

Smash Versi OVJ - Cenat Cenut

Ce ce ce cenat cenut..
Ce ce ce cenat cenut..

Aku tahu kenapa hatiku cenat cenut
Mungkin saat itu kau sedang kentut

Aku tahu kenapa kau jadi malu
Mungkin kau salah, kau salah pake baju ( baju mertua )

Ku tahu, kenapa lidahmu kelu
Mungkin saat itu, kau telat minum susu

Aku tahu kenapa merinding bulu romamu
Mungkin di belakangmu ada anak hantu

Bibirmu dower.. Bibirmu dower..
Cenat cenut cenat cenut, kayak badut kayak badut
Kalo lagi ngerayu cewek

Bibirmu dower.. Bibirmu dower..
Cenat cenut cenat cenut, kayak marmut kayak marmut
Kalo lagi ngerayu cewek

Aku gak tahu, ka kapan kau dan dia ber bertemu
(Emang pernah ketemu lu?)
Kayaknya waktu itu, pa pas mati lampu deh

Baca selengkapnya »

Udin Majnun Udin Sedunia

Ini lagu tentang sebuah nama..
Kata orang udin nama kampungan
Jadi lagu enak juga didengar
Kalau gak percaya, simak dengan seksama

Udin yang pertama, namanya awaludin
Udin yang suka di kamar, namanya kamarudin
Udin yang hidup di jalanan, namanya jalaludin
Udin penggembala, namanya sapiudin

Moooooo…

Udin udin, namamu norak tapi terkenal
Udin udin, walaupun norak banyak yang sukahahahaha..

Baca selengkapnya »

Pasya ft Adelia - Penghujung Cintaku

Aku tak bisa buatkanmu
Puisi tentang cinta
Aku tak sanggup
Ungkapkan semua rasa cinta

Biarkan semuanya mengalir
Apa adanya
Mungkin tak semua cinta
Terucap dengan kata-kata

Tapi Tuhan telah menakdirkan
Untuk pertama dan selamanya
Untuk mengisi dunia ini
Dengan sebuah rasa cinta

Tapi Tuhan telah menakdirkan
Untuk pertama dan selamanya

Baca selengkapnya »

Wali - Aku Bukan Bang Toyib

Kau bilang padaku, kau ingin bertemu
Ku bilang padamu oh ya nanti dulu
Aku lagi sibuk sayang, aku lagi kerja sayang
Untuk membeli beras dan sebongkah berlian

Sayang, aku bukanlah bang toyib
Yang tak pulang-pulang
Yang tak pasti kapan dia datang
Sabar sayang, sabarlah sebentar
Aku pasti pulang karna aku bukan
Aku bukan bang toyib

Sudah tunggu saja diriku di rumah
Jangan marah-marah, duduk yang manis ya
Aku lagi sibuk sayang, aku lagi kerja sayang
Untuk membeli beras dan sebongkah berlian

Baca selengkapnya »

Kandungan Gizi & Manfaat Coklat

Hmmmm...

Kata coklat berasal dari xocoatl (bahasa suku Aztec) yang berarti minuman pahit. Suku Aztec dan Maya di Mexico percaya bahwa Dewa Pertanian telah mengirimkan coklat yang berasal dari surga kepada mereka. Cortes kemudian membawanya ke Spanyol antara tahun 1502-1528, dan oleh orang-orang Spanyol minuman pahit tersebut dicampur gula sehingga rasanya lebih enak. Coklat kemudian menyebar ke Perancis, Belanda dan Inggris. Pada tahun 1765 didirikan pabrik coklat di Massachusetts, Amerika Serikat.

Dalam perkembangannya coklat tidak hanya menjadi minuman tetapi juga menjadi snack yang disukai anak-anak, remaja, maupun orang dewasa. Selain rasanya enak, coklat ternyata berkhasiat membuat umur seseorang menjadi lebih panjang. Suatu studi epidemiologis telah dilakukan pada mahasiswa Universitas Harvard yang terdaftar antara tahun 1916-1950. Dengan menggunakan food frequency questionnaire berhasil dikumpulkan informasi tentang kebiasaan makan permen atau coklat pada mahasiswa Universitas Harvard.

Dengan mengontrol aktivitas fisik yang dilakukan, kebiasaan merokok, dan kebiasaan makan ditemukan bahwa mereka yang suka makan permen/coklat umurnya lebih lama satu tahun dibandingkan bukan pemakan. Diduga antioksidan fenol yang terkandung dalam coklat adalah penyebab mengapa mereka bisa berusia lebih panjang. Fenol ini juga banyak ditemukan pada anggur merah yang sudah sangat dikenal sebagai minuman yang baik untuk kesehatan jantung. Coklat mempunyai kemampuan untuk menghambat oksidasi kolesterol LDL (kolesterol jahat) dan meningkatkan fungsi kekebalan tubuh, sehingga dapat mencegah risiko penyakit jantung koroner dan kanker.

Baca selengkapnya »

H I V

HIV - Istilah ini tentunya sudah sering kita dengar, apalagi bagi orang-orang metropolitan tentunya sudah hal yang biasa. Tapi tunggu dulu, sebenarnya apa sih HIV? Mungkin sebagian orang menafsirkan bahwa HIV/Aids adalah penyakit menular, penyakit kelamin, atau mungkin penyakit keturunan. Sebelum salah menafsirkan berikut artikel dasar tentang HIV.

Apa Itu HIV

HIV singkatan dari Human Immunodeficiency Virus adalah Virus yang menyebabkan rusaknya/melemahnya sistem kekebalan tubuh manusia.

Cara HIV Merusak Sistem Kekebalan Tubuh Manusia

Virus HIV membutuhkan sel-sel kekebalan kita untuk berkembang biak. Secara alamiah sel kekebalan kita akan dimanfaatkan, bisa diibaratkan seperti mesin fotocopy. Namun virus ini akan merusak mesin fotocopynya setelah mendapatkan hasil copy virus baru dalam jumlah yang cukup banyak. Sehingga lama-kelamaan sel kekebalan kita habis dan jumlah virus menjadi sangat banyak.

Keberadaan HIV

HIV berada terutama dalam cairan tubuh manusia. Cairan yang berpotensial mengandung virus HIV adalah darah, cairan sperma, cairan vagina dan air susu ibu. Sedangkan cairan yang tidak berpotensi untuk menularkan virus HIV adalah cairan keringat, air liur, air mata dan lain-lain

Baca selengkapnya »

Logo 1

Baca selengkapnya »

Yamaha Byson FZ16

Yamaha Byson FZ16 Red

Yamaha Byson FZ16 Black

Baca selengkapnya »

Yamaha Byson R15

Yamaha Byson R15 Yellow

Yamaha Byson R15 Blue

Baca selengkapnya »

Kamis, 28 April 2011

Cara Membuat Scrollbox dengan Efek Auto Scroll

Auto Scroll - hampir Mirip dengan Membuat Scrollbox cuman kali ini ada efek auto scroll dengan arah ke atas dan kebawah. Kalau nurutin mempercantik blog memang ga ada habisnya kali ya.. Autoscroll ini bisa anda gunakan untuk tempat Link, gambar, badge, blog stats atau yang sejenisnya lah... kalau disebutin ga ada habisnya nanti. Ok cukup deh basa basinya langsung to the point aja deh, ne mata sudah perih melototin keyboard mulu. Berikut caranya.

Membuat Auto scroll dengan Arah Ke atas dan ke bawah

1. Tetap harus Log in dulu di akun Blogger
2. Pilih Rancangan/Design
3. Pilih Laman Elemen/Add Page Elemen
4. Pilih Tambah Gadget/Add Gadget
5. Copy script dibawah dan letakan didalam gadget yang baru anda tambahkan

Baca selengkapnya »

Cara Membuat Menu Navigasi Horizontal Diatas Header

Navigasi Horizontal - Tentunya sudah tidak asing lagi dengan istilah ini, bagi para blogger mania tentunya akan terus mencari-cari mana saja yang terbaik, karena jenis dari menu ini pun sangat beragam. Dalam postingan kali ini saya akan membahas Menu Horizontal yang biasa dalam artian ringan dalam proses loading blognya. Seperti apakah Menu ini ? Mari kita praktek bersama-sama untuk membuatnya. Berikut langkah-langkahnya.

Langkah Pembuatan Menu Navigasi Horizontal

1. Masuk Blogger seperti yang kemarin
2. pilih Rancangan/Design
3. Pilih EditHTML Kemudian centang " Expand Templates Widget"
4. Cari kode ]]></b:skin>
5. Kemudian Copy Kode dibawah ini dan Letakan tepat di ATAS kode ]]></b:skin>

Baca selengkapnya »

Rabu, 27 April 2011

Meta tag Rel="nofollow" & leaking pagerank

Rel="nofollow" - Try to avoid having a pagerank leak on your website. Do you want to add a link but don't want to lose the search engine spider from your site, always add the following extra text in the a href :

rel="nofollow"

By adding this in the source of your page you can avoid leaking pagerank.

The rel=nofollow isn't a real meta tag but more of a html description. It is often used on blogs, forums and guest-books. But it is also possible to use it in your website if you don't want certain links (intern or extern) to be followed and as a result leak pagerank. By adding the rel=nofollow you let the spiders know that you didn't add the link yourself but it was placed due to a blog or forum and therefore not necessarily approved. This doesn't mean that spiders will reject the link. It just indicates that the link has no connection with your own website. Your website won't be harmed in case there is a link to your website with a rel=nofollow.

the only correct way is to add a rel="nofollow" and not rev="nofollow" or ref="nofollow"

Baca selengkapnya »

Googlebot Meta Tags

Googlebot Meta Tags - Sometimes an old meta tag, the description tag, remains in the index of Google. Despite the fact that you change relevant information on your website and submit this to Google, the old description remains in the Google search results. Yahoo and Live will index the new information, Google won't.This problem originates your results in the Open Directory Project DMOZ (also check the relations between the search engines). Your website, including the old meta description, also has a description and a link in the ODP listings. The Googlebot has used this description while spidering your website.

The solution is adding the following meta tag:

<meta name="googlebot" content="code">

How To Place into your Web/Blog? Add the following meta tag in the HTML source of your page:

<meta name="googlebot" content="noodp">

You now tell the Googlebot NOT to duplicate the ODP description but the description which is located on your website.

Baca selengkapnya »

Most Important Of Meta Tags

Important Meta Tags - There are many meta tags and html-tags and obviously they don't all influence the search result. For example the html cookie tag doesn't have any influence on your ranking with the search engines but the Title of your page, the Keywords and the Description meta tag are very important. This list of meta tags and their influence will provide you with all the basic information.

There is a difference between html and xml code, If you see at the end of a line " /> it means it is xml , if you see "> it is html.

The Most Important of Meta Tags Is :

<title>relevant and attractive phrase </title>

The title is the first (usually click-able) phrase you see as a search result.

<meta name="description" content="text">

A description of your website in 3 of 4 sentences.

Baca selengkapnya »

Meta Tags

META TAGS - Meta tags are hidden codes that search engines use to index your website. They became important in the Nineties. Search engines were developed to crawl the internet for information. They were very useful in finding your information. The very "first" internet existed of pages with text only.

Not much later they added the possibility to add photo's to the sites and today flash animations are used frequently. So search engines needed extra information to understand the content of the website. That's what meta tags are for.According to regulations, the so called RFC's, meta tags can be placed in the source of a web-page. Without a doubt there are people who misuse meta tags by adding keywords that are not relevant. This is useless.

If you take the time to make good meta tags, that are relevant and match the information you provide on your website, you will soon discover that your website will score higher than the website of your competitor who doesn't use good meta tags. By using meta tags search engines are able to show you the best results.

Baca selengkapnya »

Tips Mengganti Warna Background Blockquote

" Blockquote " - Ini merupakan Tag HTML untuk menampilkan tanda kutip pada suatu postingan atau artikel. Di tiap jenis template sudah disediakan tag HTML ini dengan background bawaanya, kebanyakan berwarna putih, Nah disini kita akan mengulas bagaimana cara merubah warna background dari blockquote tersebut. Jika anda menginginkan background lain yang sesuai dengan kriteria anda, maka tidak ada salahnya untuk mencoba berkreasi sendiri. Langsung saja kita menuju kamar Operasi HTML.

Bedah Warna Background Blockquote

1. Masuk Akun Blogger
2. Pilih Rancangan/Design
3. Pilih EditHTML, Lalu Centang "Expand Template Widget"
4. Carilah kode

post-body blockquote {
padding:3px 15px;
background:#FF00FF;
margin:5px 0px;
color:#930;
border:solid 1px #32c45f
}

ATAU

blockquote {
padding:3px 15px;
background:#FF00FF;
margin:5px 0px;
color:#930;
border:solid 1px #32c45f
}

Keterangan :

Baca selengkapnya »

Cara Membuat Link Pelangi

Link Pelangi (Rainbow Link) - Merupakan efek warna pada link jika mouse kita arahkan pada suatu link maka link tersebut akan berkedip dengan warna pelangi. Efek link ini banyak digunakan untuk mempercantik tampilan blog kita. Pemasanganya pun sangat gampang dan tidak memakan waktu lama " Jika koneksi Internet tidak down tentunya " Mau tau gimana cara membuat efek link pelangi ini? Oke langsung saja ke ruang bedah HTML.

Link Pelangi(Rainbow Link)

1. Masuk Akun Blogger
2. Pilih Rancangan/Design
3. Pilih EditHTML lalu Centang "Expand Template Widget"
4. Cari code <body>
5. Copy script di bawah ini, LALU Letakkan Di ATAS code <body>

<script src='http://hermanblog.googlecode.com/files/link_pelangi.js'/>

6. S A V E Template

Simple kan? Sekarang silahkan anda Refresh Halaman blog anda dan lihat hasilnya. Klik pada salah satu link anda. Semoga Berhasil dan Sukses Selalu
Terima Kasih

Cara Menghilangkan Icon Obeng dan Tang

Icon dan Obeng (Quickedit) - Tentunya pasti ada yang sudah tahu tentang Icon Obeng dan Tang ini, Biasanya icon ini terdapat di bawah pojok tiap sidebar blog. Sebenarnya fungsi dari Icon ini adalah untuk mempercepat kita (admin) untuk merubah atau menambah bahkan menghapus widget tanpa harus masuk ke menu Dashboard > Rancangan/Design > Laman Elemen Alias Jump/Lompat ke sasaran langsung. Mungkin dari sebagian blogger ada yang risih termasuk saya sendiri. Nah Bagaimana menghilangkanya? Mari kita hancurkan icon tersebut. hohohohoho ...

Petunjuk Penghapusan Icon Obeng dan Tang

1. Masuk Blogger
2. Pilih Rancangan/Design
3. Pilih EditHTML dan centang "Expand Template Widget"
4. Cari kode ]]></b:skin> Kemudian ...
5. Copy code dibawah ini LALU Letakkan diatas kode ]]></b:skin>

Baca selengkapnya »

Cara Membuat Teks Bergerak (Marquee)

Marquee - Teks yang bergerak atau disebut dengan marquee ini banyak sekali digunakan di tampilan berita, iklan atau pengumuman. Jika anda ingin mempercantik blog/web anda tidak ada salahnya untuk menerapkan Teks bergerak ini, Selain kelihatan cantik dan praktis penempatanya pun bisa di bilang hemat tempat. Untuk arah pergerakan teks ini ada bermacam-macam jenisnya. Untuk Penerapanya anda bisa menambahkan di widget anda [[ Dashboard > Rancangan/Design > Laman Elemen/Add Page Elemen > Tambah Gadget/Add Gadget > HTML/JavaScript ]]

Teks Bergerak (Marquee)

1. Gerakan Teks dari Kanan ke Kiri (standar pabrik HTML)

Teks bergerak alias standar pabrikan

Code HTML nya

<marquee> Teks bergerak alias standar pabrikan </marquee>

2. Gerakan Text dari Kanan ke Kiri dengan Background

Teks berjalan dengan background warna

Code HTML nya

<marquee bgcolor="Maroon" height="60" width="auto">Teks berjalan dengan background warna
</marquee>

Catatan : Untuk mengganti warna Silahhkan ganti "bgcolor="Maroon" dengan warna kesukaan anda, lihat di tabel warna untuk memperjelas nama dan codenya

Baca selengkapnya »

Membuat Blog Nofollow Menjadi Dofollow

Nofollow vs Dofollow - Bagi Para blogger Pemula/newbie mungkin aneh mendengar istilah tersebut, saya pun bingung pertama kali lihat kata Nofollow dan Dofollow. Setelah mencari informasi di beberapa blog akhirnya saya mendapatkan jawaban itu.

- Blog Nofollow : Merupakan sebuah blog dimana link yang anda masukkan pada saat anda memberikan komentar disebuah blog tidak akan ditelusuri lebih lanjut oleh mesin pencari dalam artian anda tidak akan mendapatkan backlink dari blog tersebut, sementara kita tahu bahwa backlink merupakan salah satu unsur penting dalam peningkatan page ranking.

- Blog Dofollow : Merupakan Kebalikan dari blog nofollow yakni anda akan mendapatkan backlink dari komentar yang anda berikan pada sebuah blog, yah anggaplah sebagai hadiah dari sipemilik blog kepada anda karena sudah bersedia memberikan komentar yang berkualitas di blognya.

Itulah beberapa informasi tentang nofollow dan dofollow, mungkin para master-master blogger lainya punya definisi tersendiri yang mungkin lebih jelas. Karena saya sendiri juga masih pemula jadi maaf jika ada kesalahan dalam menafsirkanya. Sekarang lanjut ke tahap perubahanya.

Merubah Blog Nofollow Menjadi Dofollow :

1. Seperti pada umumnya masuk Akun Blogger terlebih dahulu
2. Pilih Rancangan/Design
3. Pilih EditHTML lalu centang "Expand Template Widget"
4. Kemudian cari kode

Baca selengkapnya »

Cara Memasang Auto Read More

Auto Read More - Di beberapa template yang di sediakan ada yang sudah diatur script Auto read more nya, namun ada juga yang belum diatur. Kali ini kita akan mengulas cara membuat Auto Read More bagi template yang belum dilengkapi dengan Fitur ini. Apa itu Read More? Read more merupakan Link yang akan menunjukan full post dari sebuah artikel. Fitur ini berfungsi agar suatu postingan tidak ditampilkan semuanya ketika berada di menu utama anda, biasanya Tulisan Read More/Baca Selengkapnya berada di bawah pojok Kanan/kiri. sekian basa basinya mari kita langsung membuatanya, berikut langkah-langkahnya.

Cara Memasang Auto Read More

1. Masuk Akun Blogger

2. Pilih Rancangan/Design

3. Pilih EditHTML laul Centang "Expand Template Widget"

4. Kemudian cari kode </head> Untuk mempermudah pencarian tekan CTRL + F

5. Copy script dibawah ini dan Tempatkan DI ATAS kode </head> tersebut diatas

Baca selengkapnya »

Selasa, 26 April 2011

Cara Membuat Menu Breadcrumbs

Menu Breadcrumbs - Apa itu menu breadcrumbs? Breadcrumbs merupakan bentuk navigasi yang digunakan user interface pada suatu website, disini user/pengunjung dapat melacak lokasi artikel yang mereka cari hanya dengan melihat navigasi tersebut. Breadcrumbs ini juga memungkinkan semua kategori di blog kita menjadi kata kunci suatu artikel yang kita buat berdasar tag/label, sehingga semua artikel saling terkait. Navigasi Breadcrumbs ini juga sangat SEO friendly, dengan adanya navigasi ini di blog/web kita akan cepat terindeks oleh search engine. Berikut Cara pembuatan Menu Navigasi Breadcrumbs.

Cara Pembuatan Menu Navigasi Breadcrumbs

1. Masuk Blogger

2. Pilih Rancangan/Design

3. Pilih EditHTMl lalu Centang "Expand widget Templates"

4. Cari Kode ]]></b:skin> Untuk memudahkan pencarian tekan CTRL + F

5. Letakan code dibawah ini diatas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

6. Selanjutnya Cari kode <div class='post hentry uncustomized-post-template'> ATAU <div class='post hentry>

Baca selengkapnya »

Cara Membuat Text Area III

Text Area III - Kalau di Postinagan sebelumnya membahas tentang text area dengan highlight sekarang kita akan mengulas cara membuat Text Area auto blok/Auto select. cara kerjanya pun sama dengan text area versi highlight cuman beda penggunaanya saja. yakni ketika kita kursor kita menunjuk pada isi dari text area ini maka semua yang berada di text area itu akan langsung ter blok semua. Praktis kan...? Berikut cara pembuatanya

Cara Pembuatan Text Area Auto Select

1. Seperti pada umumnya masuk Akun Blogger terlebih dahulu

2. Pilih Rancangan/Design

3. Pilih Laman elemen/Add Page Elemen

4. Pilih Tambah Gadget/Add Gadget kemudian Pilih HTML/JavaScript

5. Copy script di bawah ini lalu letakan didalamnya

<p align="center"><textarea rows="3" cols="12" target="_blank" name="Obj" onclick="focus(); select()"> ISI TEXT AREA </textarea></p>

Baca selengkapnya »

Cara Membuat Text Area II

Text Area II - Ini merupakan lanjutan dari postingan saya yang lalu, Fitur nya sama semua cuman beda tampilan. Text area yang ini dilengkapi dengan tombol Highlight di atas text area, yang berfungsi untuk blok semua isi yang berada di dalamnya. Langsung saja kita bahas, berikut caranya.

Cara Pembuatan Text Area Dengan Highlight

1. Seperti biasa Masuk Blogger

2. Pilih Rancangan/Design

3. Pilih Elemen Laman/Add Page Elemen

4. Pilih Tambah Gadget/Add Gadget Pilih HTML/JavaScript

5. Copy script dibawah ini dan letakan didalamnya

<div><form name=”copy”><div align=”center”><input onclick=”javascript:this.form.txt.focus();this.form.txt.select();” type=”button” value=”Highlight All”> </div><div align=”center”></div><p align=”center”><textarea style=”WIDTH: 300px; HEIGHT: 144px” name=”txt” rows=”100″ wrap=”VIRTUAL” cols=”55″>simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Baca selengkapnya »

Cara Membuat Text Area I

Text Area - Ada tiga jenis text area yakni Text Area biasa, Text Area dengan Hightlight, dan Text Area auto Select. yang kita bahas disini adalah Text area biasa yang umum digunakan untuk form tukar link. Fungsi fitur ini sama dengan scrollbox, multy tab view dan lainya yang sejenis yakni menghemat ruangan di web atau blog anda. silahkan anda buat jika anda memang tertarik. Berikut cara pembuatanya.

Cara Pembuatan Text Area I

1. Masuk Akun Blogger

2. Dalam Dashboard Pilih Rancangan/design

3. Pilih Elemen Laman/Add Page Elemen lalu pilih HTML/JavaScript

4. Copy script dibawah ini dan letakan di dalamnya

<p align="center"><textarea name="code" rows="6" cols="30"> Isi Dari Text Area Silahkan anda isi dengan text, gambar atau link anda </textarea></p>

Baca selengkapnya »

Cara Membuat Multy Tab View Di Sidebar

Multy Tab View - Biasanya di sidebar cuma ada satu tab saja, disini kita akan membuat Multy Tab di sidebar. Fungsi utamanya adalah untuk menghemat ruang web/blog anda, sangat efisien bagi para blogger juka ruangan sudah sempit atau bingung untuk menambah widget lainya. silahkan anda buat untuk menghemar ruang blog/web anda. Berikut langkah langkah pembuatan Multy Tab View.

Alur Pembuatan Multy Tab View

1. Seperti kemarin masuk akun Blogger

2. Pilih Rancangan/Design

3. Pilih EditHTML lalu centang " Expand Widget Templates "

4. Cari code </head> Untuk memudahkan pencarian tekan CTRL + F

Baca selengkapnya »

Cara Membuat Navigasi Halaman Nomor

Navigasi Halaman - Banyak bentuk dari navigasi seperti Navigasi Horizontal, Vertikal dan Dropdown Namun kali ini kita akan membahas Navigasi halaman dengan nomor (Page Number). Navigasi ini akan memudahkan para pengunjung untuk jump/lompat ke halaman selanjutnya dengan mudah, navigasi ini akan muncul di atas dan dibawah halaman. selain praktis juga membuat web/blog kita semakin friendly di mata SEO. bagaimana cara membuatnya mari kita ulas bersama-sama.

Langkah Pembuatan Navigasi Halaman (Page Number)

1. Masuk Akun Blogger

2. Pilih Rancangan/Design

3. Pilih EditHTML lau Centang "Expand Templates Widget"

4. Agar aman ada baiknya anda "Download Full Template" dulu. Lalu Cari kode ]]></b:skin>

Baca selengkapnya »

Cara Membuat Favicon (Icon URL)

Favicon - Apa itu Favicon? Favicon atau Icon yang terdapat disamping URL anda pada address/alamat bar. ternyata bisa kita ganti sesuai dengan inspirasi kita masing-masing. Standart nya favicon dari blogger adalah Icon kecil dengan huruf B. Silahkan anda lihat sendiri di address bar anda icon berwarna orange disebelah address anda. jika ingin terlihat beda dengan yang lain ada baiknya anda ganti sesuai kriteria anda. mau tahu cara pembuatanya silahkan ikuti prosedurnya dibawah ini.

Prosedur Pembuatan Favicon/Icon Address

1. Masuk Akun Blogger anda

2. Pilih Rancabgan/Design

3. Pilih Edit HTML, terus centang "Expand Template Widget"

4. Silahkan anda Download Full Template untuk recovery jika terjadi kesalahan.

5. Cari Kode <head> Untuk memudahkan pencarian tekan CTRL + F

6. Copy code dibawah ini lalu tempatkan tepat dibawah code <head>

<link rel=”shortcut icon” href=”URL/Alamat gambar anda“>

7. Sebelum di S A V E silahkan anda Pratinjau/Preview terlebih dahulu, Jika sudah berhasil baru lah anda Simpan. Lihat hasilnya.. Mudah bukan......?

Keterangan :

Jika anda sudah punya icon sendiri silahkan anda upload di photobucket atau yang lainya, mungkin anda juga

Baca selengkapnya »

Senin, 25 April 2011

Cara Membuat Spoiler

Spoiler - Fitur yang satu ini juga tidak kalah menariknya, selain bisa menghemat ruang juga bisa anda pakai untuk menyembunyikan text, widget atau gambar. Misal text yang anda pakai maka text tersebut tidak akan muncul sebelum anda click. Mirip dengan text area dan scrollbox cuma tampilanya yang berbeda. ingin tahu seperti apakah spoiler ini berfungsi? Silahkan anda coba dan ikuti langkah langkahnya berikut ini.

Langkah Pembuatan Spoiler :

1. Masuk Akun Blogger

2. Pilih Rancangan/Design

3. Pilih Laman Elemen/Add Page Elemen

4. Pilih Tambah Widget/Add Widget

Baca selengkapnya »

Cara Membuat ScrollBox

ScrollBox - Merupakan fitur tambahan untuk menghemat ruang yang ada pada suatu web atau blog, selain praktis dan menghemat banyak tempat, fitur ini juga bisa di sesuaikan dengan kebutuhan blog itu sendiri. kegunaanya pun sangat beragam, misal di buat untuk daftar isi, Link sahabat dan masih banyak lagi. Proses pembuatanya pun bisa di bilang mudah karena tidak perlu masuk ke halaman edit HTML, cukup dengan Copy Script saja. Mau tau cara pembuatanya? Silahkan Ikuti langkah berikut ini.

Langkah-langkah Pembuatan ScrollBox :

1. Masuk Akun Blogger
2. Pilih Rancangan/Design
3. Pilih Elemen Laman/Add Page Elemen
4. Pilih Tambah Widget/Add Widget
5. Copy script dibawah ini di dalamnya

Baca selengkapnya »

Cara Membuat Label Animasi

Label Animasi - Merupakan bentuk dari label yang telah disediakan oleh blogger, namun bedanya label yang ini bergerak berputar. Untuk label bawaanya blogger sendiri sebenarnya juga bisa kita rubah tampilanya namun tidak bisa bergerak seperti yang satu ini. bagi yang ingin membuat silahkan ikuti langkah-langkahnya berikut ini.

Petunjuk Pembuatan Label Animasi

1. Masuk Blogger

2. Pilih Rancangan/Design

3. Pilih Edit HTML, dan Centang :Expand Template Widget"

4. Ada baiknya anda simpan dulu template anda, buat jaga-jaga jika gagal. anda bisa langsung mengembalikanya lagi, LALU Cari kode " <b:section class='sidebar' id='sidebar' preferred='yes'> " untuk memudahkan dalam pencarian tekan CTRL + F

Baca selengkapnya »

Cara Membuat Daftar Isi

Daftar Isi - Banyak cara untuk membuat para pengunjung merasa nyaman, mulai dari mempercantik blog sampai dengan mempermudah pencarian suatu artikel di web/blog yang mereka kunjungi. Salah satunya adalah dengan membuat daftar isi. Para pengunjung bisa langsung memilih mana artikel yang mereka cari melalui daftar isi tersebut tanpa mencari cari sub kategorinya. di blogger sendiri pun sudah ada fitur ini seperti Category dan label, akan tetapi jika anda terobsesi dengan tampilan lain tidak ada salahnya untuk mencoba yang satu ini, dijamin puas deh. Masih tetap ingin membuatnya? langsung saja ke bengkel nya .

Petunjuk Pembuatan Daftar Isi :

1. Masuk akun Blogger
2. Pilih Design/Rancangan
3. Pilih Elemen Laman/Add Page Elemen
4. Pilih Tambah Widget/Add Widget

Baca selengkapnya »

Cara Membuat Recent Post Bergambar (Thumbnail)

Thumbnail Recent Post - Kelihatan menarik dan enak dilihat sebuah tab recent post disertai gambar, dengan begitu akan semakin membuat pengunjung betah untuk menelusuri web atau blog anda. Sebenarnya di blogger sendiri sudah ada fitur Recent Post nya tinggal ditambahkan saja, tapi jika anda ingin tampilan yang lain tidak ada salahnya anda mencoba membuat fitur Recent Post ini disertai gambar kecil (Thumbnails). yang jelas fitur ini tetap sama fungsinya cuman beda kulitnya. Tertarik untuk mencoba membuatnya? Wuzzz.. kita langsung ke akarnya..

Petunjuk Pembuatan Recent Post dengan gambar (Thumbnail) :

1. Masuk Akun Blogger anda
2. Pilih Rancangan/Design
3. Pilih elemen Laman/Add Page Elemen
4. Pilih Tambah Gadget dan Pilh HTML/Javascript

Baca selengkapnya »

Cara Membuat Related Post

Related Post - Fitur ini sangat amat memudahkan bagi para pengunjung di suatu web atau blog. karena para pengunjung bisa langsung melihat artikel terbaru di web atau blog yang mereka kunjungi. selain itu fitur ini juga bisa kita buat se menarik mungkin tergantung dari kreatifitas para blogger masing - masing. Untuk pembuatanya juga termasuk mudah, karena tinggal copy script yang telah di sediakan, yang di butuhkan adalah ketelitian dan kesabaran agar hasil bisa maksimal dan memuaskan. bagaimanakah alur pembuatanya? mari kita praktek bersama-sama :

Prosedur Pembuatan Related Post :

1. Masuk Blogger

2. Pilih Rancangan/Tata Letak

3. Pilih Edit HTML Jangan Lupa Memberi Centang Pada "Expand Template Widget"

4. Cari Code <data:post.body/> untuk memudahkan pencarian tekan CTRL + F

Baca selengkapnya »

Langganan: Postingan (Atom)