Blogroll

Tampilkan postingan dengan label tips blog. Tampilkan semua postingan
Tampilkan postingan dengan label tips blog. Tampilkan semua postingan

Senin, 12 Maret 2012

Membuka Halaman Blogger / Blogspot Supaya Loadingnya Lebih Cepat

Ada kalanya pada saat-saat tertentu (trafik padat) untuk membuka sebuah blog dari blogspot terasa lambat, tentu anda ingin ada solusinya.
Atau anda ingin membuka halaman sebuah blog dengan lebih cepat loadingnya dibanding dengan biasanya, atau dari suatu halaman blog anda tidak ingin melihat widget-widgetnya (hanya ingin melihat kontennya saja).
Untuk memenuhi kebutuhan di atas,  caranya sangat  mudah yaitu kita tinggal membuka halaman - halaman dari blogspot tersebut  dengan versi mobilenya (mobile template)
Read more

Selasa, 31 Januari 2012

Posting Blog Melalui Email

Blogspot dilengkapi dengan fasilitas posting via email, sangat berguna ketika kita tidak bisa atau tidak sempat masuk ke blogger.com. Misalnya ketika kita dalam suatu perjalanan, posting lebih praktis dilakukan melalui email dari telepon genggam (Hand Phone).

Cara posting via email yaitu dengan cara mengirim email yang ditujukan ke alamat yang sudah ditentukan di settingan blogger kita ( yang settingnya akan dibahas di bawah ini ).
Isi body email adalah yang akan menjadi isi postingan nantinya. dan Subject e-mail adalah yang akan menjadi Judul postingan.

Cara Setting untuk dapat posting melalui email

• Login ke Blogger (saya menggunakan new interface)
• Go to post list

• Klik pada Setting
Read more

Sabtu, 14 Januari 2012

Menampilkan Tombol Google Plus One di Blogspot

Menampilkan tombol Google Plus One (+1) di blog atau website dimaksudkan supaya blog / website tersebut lebih Google friendly.

Untuk template - template baru di blogspot  tidak ada masalah karena sudah secara otomatis tombol Google +1 ini muncul. Berbeda dengan template - template lama atau template yang sudah dimodifikasi harus ditambahkan secara manual.

Langkah - langkah menambahkan tombol Google +1 di Blogger / Blogspot

• Pastikan  Pilihan Show Share Buttons pada Menu Configure Blog Posts telah diberi Ceklist ( telah diaktifkan), cara melihatnya : masuk ke Layout --> Pada Area Posting blog pilih / klik  Edit
Read more

Rabu, 21 Desember 2011

Cara Membuat Variasi Text Bergerak / Berjalan (Marquee) untuk Blog atau Website

Salah satu cara untuk menarik perhatian pada suatu kata atau kalimat dalam suatu blog atau website adalah dengan membuat variasi pada kata atau kalimat tersebut.
Diantaranya dengan menggunakan Marquee / text berjalan ( pergerakkan text dari kiri ke kanan atau kanan ke kiri, ke atas ke bawah atau sebaliknya, juga gabungan atau variasi dari keduanya).

Berikut adalah kode html untuk berbagai variasi di dalam marquee :

1• Bergerak dari kanan ke kiri
<marquee> Kata / kalimat yang akan ditampilkan </marquee>
http://komputertipstrik.blogspot.com

2• Bergerak dari kiri ke kanan

 <marquee direction="right"> Kata / kalimat yang akan ditampilkan </marquee>
http://komputertipstrik.blogspot.com

3• Bergerak dari kanan ke kiri dan dari kiri ke kanan
 <marquee behavior="alternate"> Kata / kalimat yang akan ditampilkan </marquee>

http://komputertipstrik.blogspot.com

4• Bergerak dari bawah ke atas
Read more

Minggu, 11 Desember 2011

PIXresizer, Free Software Untuk Mengecilkan Ukuran File Gambar

Untuk upload ke Blog, website, sosial network ( facebook, twitter, friendster, dll ),  dan bentuk sharing lainnya, tentu suatu gambar harus diperkecil terlebih dahulu ukuran filenya supaya proses uploadnya cepat, dan juga  nanti pada saat download, loadingnya tidak lama.
Begitu juga untuk keperluan menyisipkan gambar-gambar  dalam file office, misalnya dalam microsoft word, sering ditemukan ukuran file word yang sangat besar padahal isinya sedikit, karena gambar-gambar yang dimasukkan / disisipkan ukurannya tidak diperkecil terlebih dahulu.

Banyak software untuk keperluan resizing ini, diantaranya yang free atau gratis adalah PIXresizer, ukuran instalernya sekitar 3MB, untuk Windows (Windows 98/ME/NT4/2k/2k3/2k8/XP/Vista/7).
Di bawah contoh gambar hasil PIXresizer, ukurannya hanya 45KB, dengan kwalitas yang cukup bagus dari size awal sekitar 2MB.
Dobel klik untuk memperbesar gambar



Read more

Sabtu, 26 November 2011

Menyembunyikan Icon Sitemeter

Untuk mengetahui kunjungan dan karakteristik lengkap ke blog atau web yang kita miliki salah satunya yaitu dengan memasang sitemeter (dari www.sitemeter.com).
Pada sitemeter yang free, icon sitemeternya tidak bisa invisible atau tidak bisa disembunyikan, untuk membuat invisible kita harus mengupgradenya ke yang berbayar.

Tetapi ada trik yang bisa kita lakukan pada sitemeter yang free agar icon sitemeternya tidak nampak alias tidak kelihatan.
Read more

Kamis, 24 November 2011

Cara Menghapus Situs atau Blog dari Google Friend Connect

Saya sempat kebingungan bagaimana caranya ketika harus  menghapus salah satu blog dari daftaran / list Google Friend Connect (GFC). Setelah dicari akhirnya ketemu juga bagaimana cara menghapus Situs Web atau Blog dari list GFC ini, tempatnya memang tidak ditampilkan di depan dan agak tersembunyi.

• Login ke GFC
Read more

Sabtu, 12 November 2011

Membuat Tulisan Judul Postingan Bold, Italic atau Underline di Blogspot

Ada kalanya kita ingin mempertegas kata-kata dalam sebuah judul postingan blog dengan huruf ditebalkan (bold), atau karena ada kata atau kalimat berbahasa asing sehingga perlu dimiringkan (italic), atau ingin digaris bawahi (underline).

Di Blogspot, untuk membuat tulisan di judul postingan dibuat bold, italic atau underline, caranya sama seperti pada isi postingan , yaitu menggunakan kode standar html, yang dapat dibaca oleh semua browser,  Google Chrome, Internet explorer, Mozilla firefox,, Safari dll.
<b> untuk Bold, < i> untuk italic, dan <u> untuk underline. yang diakhiri dengan kode penutupnya </b>, </i>, atau </u>.

Seperti pada judul postingan yang sedang anda baca ini, yaitu :
Read more

Kamis, 20 Oktober 2011

Membuat Daftar Isi Berdasarkan Abjad Secara Horizontal di Blogspot

Mungkin judulnya tidak terlalu tepat, yang ingin saya sampaikan disini, langsung saja ke contoh misalnya saya mempunyai sejumlah postingan  tentang lirik lagu dan ingin membuat daftar judul lagu tersebut dan ingin mengindexnya berdasarkan Abjad. (bisa diterapkan pada postingan apapun, bukan hanya lirik lagu)

Anda bisa melihat contoh blognya yaitu http://songlyric5.blogspot.com  
INDEX BY ALFABET : A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Cara membuatnya:
1. Buat Postingan seperti biasa dan Publish
2. Buat New Page (bukan new post)
Read more

Jumat, 13 Mei 2011

Menampilkan Share Button Icon untuk Template Lama atau Template yang telah Dimodifikasi

Pentingnya  icon Share Button yaitu untuk memudahkan pembaca mensharing artikel kita ke teman-teman mereka, atau untuk dipublish kembali melalui blog sehingga akan menambah link ke blog kita. Pembaca yang ingin mengshare artikel kita,  tinggal klik icon saja, untuk dishare ke facebook, twitter, e-mail, blog, atau google buzz.

Pada Template Blogger yang baru, Icon Sharing ini sudah tersedia, tetapi untuk template yang lama atau template yang sudah dimodifikasi, iconnya ada yang muncul ada juga yang tidak, tergantung templatenya.

Opsi untuk menampilkan Icon Sharing ini ada di  :  ( Dasboard --> Design --> Pilih Posting Blog --> Edit )

Read more

Selasa, 01 Februari 2011

Menghilangkan NavBar (Navigation Bar) di Blogspot

Navbar adalah menu navigasi yang ada di bagian atas pada halaman blog, memudahkan untuk pencarian blog, follow, login ke blog dll.




tetapi suatu saat mungkin anda juga ingin menghilangkannya dengan alasan  misal untuk memperbaiki tampilan, disesuaikan dengan template, dll.
untuk menghilangkannya
Login ke Blogger
Masuk ke Dashboard -->Design -->  Edit HTML
Copy kode berikut ini 
#navbar-iframe {
display: none !important;
}

dan paste dibagian tag head, yaitu tepatnya setelah keterangan blogger template style
Untuk lebih jelasnya lihat contoh berikut ini : 
Read more

Kamis, 20 Januari 2011

Membuat link yang mengarah pada paragraf tertentu di suatu halaman

Yang dimaksud dengan membuat link yang mengarah pada paragraf tertentu disini, yaitu apabila kita mengklik link tersebut, maka akan  menuju ke paragraf tertentu, di dalam suatu halaman.
Sebagai contoh dapat dilihat pada postingan terdahulu berikut ini, yang kesemua artikelnya  berada di dalam satu halaman yang sama.

Menghilangkan Tanggal Postingan
Membuat Blog Title Bergerak dari kanan ke kiri
Membuat Kata atau Kalimat yang Berkedip-kedip pada postingan Blog 

Semua artikel di atas berada dalam satu halaman, hanya berbeda letaknya (paragrafnya).
Untuk membuat link seperti itu caranya yaitu pada masing-masing paragraf yang akan dibuat linknya, kita harus ditambahkan kode <A NAME="labelTerserahKita" > tulisan terserah kita atau kosongkan</A>

Untuk lebih jelasnya berikut saya copas dari contoh artikel tersebut di atas

Read more

Jumat, 25 Desember 2009

Cara Mudah Mengetahui Nilai Heksa Suatu Warna

Ketika kita sedang mengedit tampilan warna di blog / web site terkadang warna yang kita inginkan tidak ada pada pilihan atau tidak tersedia pada editornya.
Tetapi jangan khawatir, kita masih bisa memasukkan warna yang kita inginkan melalui kode heksanya.
Untuk mengetahui nilai heksa desimal suatu warna biasanya kita  buka Adobe Photoshop, Ulead Photoimpact, atau foto editor lainnya, tetapi untuk saat kini kita tidak perlu lagi membuka adobe photoshop kalau hanya untuk mengetahui nilai heksa  dari sebuah warna. karena aplikasinya sangat sangat jauh lebih ringan.
Read more

Jumat, 25 September 2009

Memasang Read More Versi Baru di Blogger

Anda sering bermasalah dengan Read More di blogspot ? semoga saat ini tidak lagi karena   blogger telah men-support read more ini.
Cukup dengan memasukkan kode <!-- more -->  atau dengan  klik icon Insert jump break (di new editor) pada artikel yang akan diposting, maka artikel anda kini sudah dilengkapi dengan Read more.
Untuk mengganti kata read more menjadi kata lain sesuai dengan keinginan  kita, kita tinggal masuk ke Dashboard-->layout --> page element --> pada posting blog klik edit.
Pada Post Page Link text, tulis kata yang kita inginkan misalnya selengkapnya, kemudian klik save.
Read more

Jumat, 28 Agustus 2009

Mengetahui Tampilan Blog / Website Anda di Resolusi Komputer yang Berbeda

Mungkin anda sudah merasa pas dan cocok dengan tampilan halaman blog /website yang anda punya, atau yang baru anda utak-atik templatenya, tapi tunggu, jangan merasa senang dulu, karena itu adalah tampilan di layar komputer anda,. Bagaimana dengan tampilan di komputer orang lain yang menggunakan resolusi yang berbeda?, pas di 800x600 belum tentu enak dilihat  di resolusi 1024x768.….dst
Langsung saja buka alamat ini http://viewlike.us/ kemudian masukkan url situs, blog atau website anda di kolom yang sudah disediakan.
Read more

Sabtu, 18 Juli 2009

Menampilkan Data Excel di Postingan Blog

Jika anda mempunyai data excel, spreadsheet atau table, dan ingin menampilkan atau menyisipkannya di artikel postingan blog , data tersebut tidak dapat langsung kita copy paste di artikel, tetapi harus diubah dulu ke dalam format html.
Salah satu situs yang menyediakan layanan konversi data excel/ spreadsheet/ table ke dalam format HTML secara online adalah http://tableizer.journalistopia.com/

Read more

Sabtu, 16 Mei 2009

Cara Mencari Blogger Satu Kota atau Satu Daerah

Mungkin kita ingin tahu blogger – blogger yang berada satu kota dengan kita, siapa tahu tetangga di samping atau di depan rumah kita pun ternyata blogger juga,
atau kita ingin mengetahui blogger dari kota lainnya.
Caranya yaitu dengan memasukan alamat berikut di address bar browser anda,

Blogger seluruh Indonesia :
http://www.blogger.com/profile-find.g?t=l&loc0=ID

Read more

Minggu, 08 Maret 2009

Tips Blogger


• Membuat Script Tukeran Link dengan menyertakan text area dan tombol select All
• Menghilangkan Tanggal Postingan
• Membuat Blog Title Bergerak dari kanan ke kiri
• Membuat Kata atau Kalimat yang Berkedip - kedip pada postingan Blog




Membuat Script Tukeran Link dengan menyertakan text area dan tombol select All

Masuk ke Dashboard, --> Layout --> add Gadget, pilih HTML/Javascript.

Berikut adalah scriptnya :

<center>
<a href="
http://komputertipstrik.blogspot.com
/" target="blank"><img alt="" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SZIcmH9HYsOolnlDvG3oP43a-Ynh8gsdpMSU1eU-8jBRcAh6P3lA4drLa-EWtMXjs4n37hyphenhyphen1lpLTIQ7AgNpqMt473EOJL9XTZ8b-SS9tnHb7-q8aqMSrA5_E9sAMJZmkBkeFUq4m3N0/
" border="0" /></a>
</span></div></center><center><form name="select_all"><textarea rows="3" cols="13" name="text_area"> <a href="
http://komputertipstrik.blogspot.com
" target="blank"><img border="0" alt="" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SZIcmH9HYsOolnlDvG3oP43a-Ynh8gsdpMSU1eU-8jBRcAh6P3lA4drLa-EWtMXjs4n37hyphenhyphen1lpLTIQ7AgNpqMt473EOJL9XTZ8b-SS9tnHb7-q8aqMSrA5_E9sAMJZmkBkeFUq4m3N0/
" /></a></textarea><br/>
<input value="Select All" onclick="javascript:this.form.text_area.focus();this.form.text_area.select();" type="button">
</form>
</center>

- Ganti alamat blog yang berwarna merah dengan alamat blog anda,
- Ganti alamat link gambar yang berwarna biru dengan link gambar anda.

Baca Juga :
Menghilangkan NavBar (Navigation Bar)

Back to Top









Menghilangkan Tanggal Postingan

• Masuk ke Dashboard-->Layout(tata letak)-->Edit Html
• Backup Full template, untuk menghindari hal yang tidak diinginkan
• Tandai (centang) pada Expand template widget
• Cari kode berikut h2.date-header (gunakan menu edit-->find pada browser, atau tekan control+F)
• Hasilnya akan seperti ini :
h2.date-header {
margin: 0px 0px 0px 0px;
...;
..dan seterusnya;
}
• Tambahkan kode visibility: hidden; sebelum tanda }
sehingga kodenya menjadi:
h2.date-header {
margin: 0px 0px 0px 0px;
...;
..dan seterusnya;
visibility: hidden;
}


Baca Juga :
Menghilangkan NavBar (Navigation Bar)

Back to Top








Membuat Blog Title Bergerak dari kanan ke kiri

• Masuk ke Dashboard-->Layout(tata letak)-->Edit Html
Back up Full template
• Tandai (centang) pada Expand template widget
• Cari kode berikut ini <title><data:blog.pagetitle/></title>
(gunakan menu edit-->find atau tekan control+f )
• Kalau sudah ketemu ganti kode tersebut dengan script berikut:

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=400;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Untuk mempercepat gerakan ganti angka 400 dengan 300 atau 200.



Baca Juga :
Menghilangkan NavBar (Navigation Bar)

Back to Top






Membuat Kata atau Kalimat yang Berkedip - kedip pada postingan Blog

Caranya sangat mudah, tinggal tuliskan kode berikut di bawah ini pada postingan yang penampilan kalimatnya ingin berkedip kedip.
<blink>http://komputertipstrik.blogspot.com ganti tulisan yang berwarna biru ini sesuai dengan yang anda inginkan</blink>


Baca Juga  :
Menghilangkan NavBar (Navigation Bar)

Back to Top



Minggu, 08 Februari 2009

Menghilangkan LINK Pada Postingan Gambar di Blogger


Ketika menyisipkan atau memasang gambar dalam postingan blog, secara otomatis akan ada link terbentuk walaupun kita tidak memasang link pada gambar tersebut, karena secara default di blogger gambar tadi mempunyai link yang mengarah ke lokasi dimana gambar tersebut berada.
Walaupun tidak menjadi masalah tetapi hal ini sedikit agak mengganggu.

Read more

Minggu, 01 Februari 2009

Cara Mudah dan Cepat Menampilkan kode HTML di Postingan Blog

Untuk menampilkan kode HTML di postingan atau di layout halaman (misalnya kode html untuk tukeran link), kita tidak bisa langsung menuliskannya, tetapi harus mengganti terlebih dulu karakter-karakter yang dipakai dalam kode html ( < = lt, > = gt, & = amp, " = quot, ' = apos ),  maksudnya agar tidak dibaca sebagai kode HTML.



Misal di postingan kita  akan menampilkan kode :
<img src="http://tinyurl.com/c8w4qz"/>
Read more

Ads