Cara Membuat Refresh Otomatis Di Blogspot

Cara membuat refresh otomatis di blogspot adalah merupakan tutorial gratis atau tips gratis yang akan kita bahas kali ini. Karena menurut saya merefresh blog itu secara otomatis sangat penting karena bisa memperbaharui selalu tampilan blog kita di komputer user. Dan selain itu, kata para mastah kita nich bisa menaikkan traffic blog kita. :)

Apakah tertarik dengan tutorial atau tips di atas? Berikut caranya:

• Login di dasbor blogspot sobat.
• Klik Template.
• Klik edit HTML.
• Pilih teruskan.
• Centang Expand Template Widget.
• Lalu cari kode ]]></b:skin>
• Setelah ketemu copy kode di bawah ini dan taroh tepat di bawah kode ]]></b:skin> tadi.

<meta content='240' http-equiv='refresh'/>

• Silahkan simpan template sobat dengan mengklik Simpan Template.

Catatan:
pada angka 240 di atas, itu menunjukkan bahwa setiap 300 detik blogspot kita akan merefreshnya secara otomatis dan angka ini bisa kita ganti sesuai selera. :)

Nah begitu dia cara membuat refresh otomatis di blogspot yang tentu saja cara ini bisa kita terapkan di blogspot kita.

Read More

Cara Membuat URL Link Redirect Pada Blogspot

Cara membuat URL link redirect pada blogspot mungkin masih banyak di antara sobat yang masih belum tau caranya serta apa arti URL link redirect  itu sendiri.

Oke sebelum kita lanjut pada pokok bahasan kita, alangkah baiknya kalau aku kasih tau sedikit tentang  URL link redirect itu.

Pengertian URL link redirect adalah pengalihan user dari URL yang satu ke URL yang lain. Misalnya nich kita mempunyai dua blog yaitu blog A dan blog B. Dari kedua blog tersebut kita bisa mengalihkan semua pengnjung dari blog A itu ke blog B atau sebaliknya, dan itulah yang dinamakan  URL link redirect.

Dan cara membuat  URL link redirect di blogspot, berikut caranya:

• Login ke dasbor blogspot sobat.
• Klik menu Template.
• Klik edit HTML.
• Centang Expand Template Widget.
• Lalu cari kode </head>
• Dan kalau sudah ketemu copy kode di bawah ini, dan taruh di atas kode </head> tadi.

<meta content='5; URL= URL Blog/Web' http-equiv='refresh'/>

• Setelah itu silahkan disimpan dengan mengklik Simpan Template.

Keterangan:
Angka 5 pada kode di atas adalah merupakan waktu dalama detik yang kita berikan untuk beralih ke alamat blog yang kita tuju. Sedangkan pada URL Blog/Web adalah merupakan alamat webblog yang akan di tuju nanti, jadi ganti URL Blog/Web dengan alamat blog yang di tuju.

Begitu dia cara  membuat URL link redirect di blogspot serta pengertian URL link redirect itu sendiri.

Read More

Cara Membuat Link Otomatis Dalam Postingan Blog

Bagi yang hobbi ngeblog pasti sudah tahu betapa penting yang namanya SEO. Tehnik-tehnik dalam SEO sendiri juga sangat banyak mulai dari keyword atau kata kunci, membuat breadcrumb navigasi, serta bertukar link untuk mendapatkan back link, dan masih banyak lagi, dan salah satunya yang akan kita bahas kali ini yaitu cara membuat link otomatis dalam postingan blog.

Membangun internal link pada artikel juga sangatlah penting karena dengan itu bisa menjadikan artikel itu terkait antara artikel yang satu dengan artikel yang lainnya. Nah untuk itu makanya kita harus membuat link otomatis untuk mempermudah navigasi blog kita bisa terhubung antar artikel yang satu dengan yang lain.

Untuk itu disini kita akan memberi sedikit tips bagaimana cara membuat link otomatis dalam postingan blog agar dalam artikel kita akan terbentuk link secara otomatis sesuai dengan keyword yang kita inginkan. Sehingga setiap kali kita menulis keyword tertentu maka kata itu akan otomatis menjadi sebuah link sesuai dengan url yang kita inginkan.

Cara membuat link otomatis itu dalam postingan blog, coba ikuti langkah-langkahnya berikut ini:

• Login ke dasbor blog kita dulu.
• Klik Template.
• Klik Edit HTML.
• Pilih Lanjutkan.
• Centang Expand Template Widget.
• Copy template lama dan paste di notepad  (untuk backup).
• Lalu cari kode: </head>
• Kalau sudah ketemu, lalu copy kode di bawah ini dan pastekan tepat di atas </head> tadi.

<script type='text/javascript'>

//<![CDATA[ function doHighlight(bodyText, searchTerm,link) { var newText = ""; var i = -1; var lcSearchTerm = searchTerm.toLowerCase(); var lcBodyText = bodyText.toLowerCase(); while (bodyText.length > 0) { i = lcBodyText.indexOf(lcSearchTerm, i+1); if (i < 0) { newText += bodyText; bodyText = ""; } else { if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf(">", i)) { if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) { newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>'; bodyText = bodyText.substr(i + searchTerm.length); lcBodyText = bodyText.toLowerCase(); i = -1; } } } } return newText; } function highlightSearchTerms(searchText, treatAsPhrase,link,divid) { if (treatAsPhrase) { searchArray = [searchText]; } else { searchArray = searchText.split(" "); } div=document.getElementById(divid); var bodyText = div.innerHTML; for (var i = 0; i < searchArray.length; i++) { bodyText = doHighlight(bodyText, searchArray[i], link); } div.innerHTML = bodyText; return true; } //]]></script>

• Setelah itu cari kode: <data:post.body/> kode ini biasanya ada 2, dan pilih kode yang ada di bawah. Dan kalau sudah ketemu ganti kode tersebut dengan kode dibawah ini:

<p><div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/></div>

<script type='text/javascript'>

highlightSearchTerms('anchor text keywords',true,'link artikel tujuan','summary<data:post.id/>');

highlightSearchTerms('anchor link keywords2',true,'link artikel tujuan','summary<data:post.id/>');

</script></p>

• Dan untuk menambahkan keywords yang akan di targetkan, maka coba tambahkan kode berikut:

highlightSearchTerms('anchor tex keywords',true,'Alamat blog sobat','summary<data:post.id/>');

Keterangan:

• Silahkan ganti tulisan anchor text keywords dengan text/tulisan yang akan kita targetkan sebagai anchor link otomatis nantinya.
• Lalu ganti pula link artikel tujuan dengan alamat link artikel yang sesuai dengan anchor text keywords yang di bidik.
• Ganti Alamat blog sobat dengan alamat url blog Anda.
• Setelah selesai, simpan template sobat dengan mengklik Simpan Template.

Nah itu dia tutorial cara membuat link otomatis dalam postingan blog yang bisa memudahkan navigasi blog kita dan juga untuk membangun internal link.

Read More

Software Gratis Untuk Membuat Banner

Software gratis untuk membuat banner memang sangat banyak dan salah satunya yang akan kita bahas kali ini adalah softaware Easy GIF Animator. Software pembuat banner gratis ini memang sangat banyak kelebihannya di banding dengan software pembuat animasi yang lain.

Jadi jika sobat ingin membuat banner atau ingin membuat animasi yang keren, software Easy GIF Animator ini bisa menjadi salah satu pilihan. Adapun beberapa kelebihan dari Easy GIF Animator ini:

• Mudah dalam membuat banner, animasi, gambar dan tombol.
• Bisa membuat gambar GIF animasi dari awal.
• Bisa mengedit dan memodifikasi gambar animasi GIF sobat.
• Dapat menambahkan efek visual animasi GIF sobat.
• Dapat membuat efek teks bergerak.
• Dapat di pakai untuk mengoptimalkan animasi gambar GIF.
• Gambar GIF animasi di web browser.
• Bisa meresize seluruh animasi sekaligus.
• Kita dapat mengelola frame animasi kita.
• Kita bisa mengatur jumlah loop animasi dan durasi frame.
• Ekstrak frame animasi terpisah.
• Reverse GIF animasi atau hanya sebagian saja darinya.
• Mudah dalam mengatur transparansi.
• Bisa kita tambahkan suara ke animasi kita.
• Simpan animasi dalam format Flash SWF.
• Kita bisa mencari gambar dari Web untuk kita gunakan dalam animasi kita.
• Kita bisa mengekspor GIF animasi kita ke dalam format AVI.
• Kita bisa menggunakan gambar GIF, JPG, PNG dan BMP dalam animasi.
• Setelah siap, akan menghasilkan HTML kode untuk animasi penerbitan di web atau blog kita.

Nah jika sobat sekarang ingin membuat banner atau animasi, softaware gratis untuk membuat banner dan animasi Easy GIF Animator ini bisa menjadi pilihan. Untuk mendapatkannya, silahkan download di sini.

Read More

Cara Membuat Menu Icon Social Media Melayang

Menu icon social media melayang yang sering kita lihat di blog-blog para mastah kita, kadang membuat kita iri melihatnya dan gimana cara membuatnya. Pengen rasanya menampilkan yang seperti itu di blog kita tapi kita gak tau cara membuatnya.
Untuk itu kali ini kita akan bahas cara membuat  menu icon social media melayang yang bisa kita praktekkan di blogspot kita. Caranya:

• Login ke dasbor blog sobat dulu.
• Klik menu Rancangan.
• Klik Edit HTML
• Jangan lupa centang Expand Template Widget.
• Lalu cari kode ]]></b:skin>
• Terus copy kode di bawah ini dan taruh tepat di atas kode ]]></b:skin>

#socialLinks { float:right; height:151px; margin:0; padding:26px 0 0 8px; position:fixed; right:0; text-align:right; top:40%; width:50px; } #socialLinks a { display:block; float:left; padding-right:10px; border:none; } #socialLinks a img { border:medium none; margin:0 0 10px; }

• Setelah itu cari lagi kode <body>, lalu copy paste kode di bawah ini tepat di bawah kode   <body>

<div id='socialLinks'> <a href='http://www.twitter.com/Username' target='_blank' title='Twitter'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHvVL_-zgUhEEMhvqlPmLA2mT1znO_ul-Zw6SMLgMFmQxgUpushVOP1GbhTInEmS62kpbDQywFNiQ8AF_PbpgppT-_esvnXe6Lmt0fV6fAjbsfMajY-TNaZ9Iwor9TBcFShuIV-Diih4dX/s0/ico_twitter.png'/></a> <a href='http://www.facebook.com/username' target='_blank' title='Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMj9YqQ1JKUpXMvDug_6GSzY_n92eA_QnWJ4C1YB2M9hrSop2NLvGq9uAWttpLZxRO7SEZmiuRtkG2IikhPjFgtFTyr8SRAy_vB5oHJky_EWzTha8XdoZgb2sYuinjvV-wfBDBiPULGufk/s0/ico_facebook.png'/></a> <a href='/feeds/posts/default' target='_blank' title='RSS'><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Jv7F8KqvXP5a2z_ZNHKeCH8lHX-H7PuQSPtOhkyd11p-GyS0398rbCerYl-tE8GaeId3rcgVJCvjwUinC2_T_uhgk7Q2xkr0CLuBXEQl7SUCVf8AROoFXiHdSFfi5PCHGuxieddgL8rs/s0/ico_rss.png'/></a> </div>

Keterangan:

• Kode link yang berwarna pink di atas silahkan tukar dengan user name yang sobat pakai di masing-masing media tersebut.
• Dan yang berwarna merah silahkan di tukar dengan alamat feed blog sobat.

Nah begitu dia  cara membuat  menu icon social media melayang yang bisa kita pasang di blog kita agar blog kita bisa bersaing dengan blog para mastah kita. Hahahahahahhhh...... :)

Read More

Cara Membuat Text Area Di Blog

Cara membuat text area di blog sebenarnya sangat gampang (bagi yang sudah tau), namun bagi blogger yang masih newbie pasti bingung tujuh keliling. :)

Oke kita gak usah berpanjang lebar lagi, langsung aja kita bahas tentang cara membuat text area di blog yang bisa di terapkan baik dalam postingan maupun di widget.

Cara pertama:

ISI TEXT AREA

<p align="center"><textarea name="code" rows="5" cols="20"> ISI TEXT AREA </textarea></p>

Keterangan:
rows="5" adalah merupakan tinggi text area yang bisa dirubah dengan angka yang lebih besar atau lebih kecil.

cols="20" adalah merupakan lebar text area yang juga bisa dirubah lebih besar atau lebih kecil.


Cara Kedua
Cara kedua ini adalah merupakan cara membuat text area di blog dengan memakai HighLight

ISI TEXT AREA

<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"> ISI TEXT AREA </textarea></p></div></form>

Keterangan:

• <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi tulisan ini gak boleh di rubah.
• Value="Highlight All" kata Highlight All adalah kata yang akan muncul di dalam kotak tombol, jadi jika anda ingin merubah kalimat ini silahkan ganti dengan kata yang anda inginkan misalnya Klik di sini untuk mengcopy, dll.
• Ukuran text areanya boleh di tukar sesuai keperluan.

Sekian dulu tutorial  cara membuat text area di blog yang bisa di pakai baik dalam postingan maupun di widget blog kita.

Read More

Cara Menampilkan Judul Posting Saja Ketika Label Di Klik

Di blogspot kadang kita direpotkan kala kita mengklik label atau kategory blog karena semua postingan dalam label tersebut akan di urai dalam satu halaman yang panjang sekali. Dan tentu ini sangat menggangu loading blog yang begitu lama. Selain itu user juga bingung artikel mana yang di pilih karena banyak dan panjang sekali.

Nah untuk menghindari hal tersebut dan agar tampilan blog kita nampak rapi dan enak di pandang mata, maka kita bisa mengakali dengan hanya menampilkan judul postingan saja ketika label atau kategori di klik.

Berikut cara menampilkan judul postingan saja ketika label atau kategori di klik:

• Pertama login dulu ke dasbor blog sobat.
• Klik menu Rancangan.
• Klik Edit HTML.
• Dan jangan lupa centang Expand Template Widget.
• Lalu cari kode <b:include data='post' name='post'/>
• Kemudian ganti kode tersebut dengan kode di bawah ini.

<b:if cond='data:blog.homepageUrl

!= data:blog.url'>

<b:if cond='data:blog.pageType != "item"'>

<a expr:href='data:post.url'><data:post.title/></a>

<br/><br/>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

• Simpan template dengan mengklik SIMPAN TEMPLATE.

Begini dia cara menampilkan judul postingan saja ketika label atau kategori di klik dan sekarang coba cek blog sobat dan silahkan klik salah satu label/category sobat dan lihat hasilnya.

Read More