March 14, 2011

Tutorial Mengganti Pavicon Sesuai Selera

Seorang blogger biasanya ingin memberikan inisial atau tampil beda dengan blog lainnya, dan untuk memberikan panorama tersendiri hal ini dirasa sangat penting, seperti memasang jam atau tampil dengan tulisan kapital bergaya koran dan lain sebagainya. Termasuk juga mengganti pavicon (icon)sesuai selera kita sendiri, kali ini tsalma tutorial akan memberikan triknya. Tidak sulit dan sangan tsederhana. Caranya buatlah gambar atau icon sesuai dengan selera anda, kalau di blog ini memakai simbol “w” yang penting ukurannya kecil maksimal 32px x 32px supaya loading blog tidak lemot. Lalu ikuti langkah berikut: 

1. Buat gambar di photoshop atau office manager dll
2. Upload gambar tersebut di www.photobucket.com (kalau belum punya akun photobucket, silahkan daftar terlebih dahulu, gratis aja kok)
3. Kalau sudah ambil gambar link-nya. Kira kira seperti ini modelnya:

http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg

4. Selanjutnya kita akan meletakkan kode tersebut dalam blog dengan cara sebagai berikut
5. Login dengan akun blogger anda
6. Klik Rancangan/Layout
7. Kemudian klik Edit HTML
8. Centang Expand Widget Template
9. Cari kode ]]></b:skin> anda masih ingat supaaya muda carilah pakai ctrl-F
10. Kalau sudah ketemu masukkan kode berikut, di bawah kode ]]></b:skin>

<link href='http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg.' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Ganti URL yang berwarna Biru dengan URL gambar Anda.
11. Terakhir Save/Simpan Template. Selesai dan silahkan lihat hasilnya.
Atau bisa juga dengan cara yang lebih simpel dengan cara berikut:
1. Login dengan akun blogger anda
2. Klik rancangan
3. Cari kode </head>
4. Copy kode berikut ini, dan letakkan persis di atas kode </head>


<link href='http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg' rel='shortcut icon'/>

ganti kode yang di blocked itu, dengan kode dari photobucket anda, kode tersebut adalah kode blog ini

Lalau save, saya yakin anda adalah orang yang suka tantangan, silahkan laksanakan (165)

March 12, 2011

Tutorial Upload Gambar di Dalam Postingan

tiara goes to schoolUntuk mempercantik blog, biasanya seorang blogger membubuhkan gambar yang menarik di sudut atas, sehingga para mengunjung betah berlama lama dengan blog yang kita punya. Lamanya halaman terbuka juga menurut ahli blogger berpengaruh terhadap indeks blog di search engine goole. Karena itu blogger juga perlu koleksi gambar bagus untuk dipersembahkan kepada pengunjung, selain mempercantik dengan cara lain misalnya memasang jam di blog atau posting dengan gaya huruf capital di setiap postingan.

Kali ini Tsalma tutorialblog akan membagikan informasi tentang cara memanipulasi gambar sehingga gambar tersebut mempunyai link dan mempunyai tuah tersendiri bagi blog kita.

Sebelum upload gambar perkecil ukuran gambar dengan photoshop atau dengan picture manager agar tidak membebani loading blog. Kalau loading berat yang nunggu keburu kabur. Setelah itu posting artikel anda lihat saja panduan posting terlebih dahulu, kemudian di sana tersedian tool untuk mengunggah gambar, nanti kalau sudah di unggah maka akan ada dua hal yang perlu diperhatikan. Antara Edit HTML sama Compose, kalau kompose berupa gambar sedangkan kalau HTML akan berupa kode berikut sesuai dengan gambar

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" /></a>

Kode yag di blocked itu adalah kode gambar, jika ingin memberikan nama supaya, kursor yang menyentuh ada title/tulisannya maka tambahkan kode
.....alt=tulis keterangannya di sini ” (ingat dengan membubuhkan titik atas dua seperti (“) kurungnya jangan disertakan ya. Misalnya kalau dalam blog ini gambar tersebut saya beri nama tiara goes to school maka kode tersebut akan berubah menjadi:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" alt="tiara goes to school"/></a>


sedangkan untuk memberikan link pada gambar, seperti pada blog ini, ya besok akan kita posting lagi. Sekarang udah ngantuk he he he

Tampilan Konten Lebih Seksi dengan Readmore

Kalau sebelumnya Tiara telah memberikan informasi tentang cara posting dilengkapi juga dengan memberikan Tampil seksi dengan readmore, tapi posting tersebut kalau dari Edit HTML maka sekarang saat untuk memberikan informasi, bagaimana cara membat read more dengan menggunakan mode kompose. Hal ini sangat mudah bagi blogger pemula seperti saya, karena tool bar dalam postingan sudah disediakan sedemikian rupa sehinggga memudahkan kita untuk mempergunakannya, gak pakai susah menuliskan kode read more seperti ini.

Caranya simple, ikuti langkah berikut ;
1. Masuk dengan akun blogger anda
2. Kemudian klik New Posting
3. Pilih kompose
4. Postinglah artikel yang telah anda siapkan sebelumnya
5. Langkah selanjutnya adalah :
Ditengah penggalan alenia atau artikel tersebut, letakkan kursor anda
6. Kemudian klik tombol insert jump break gambarnya adalah seperti ini

Contohnya:

Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger. Kemudian letakkan kursor dan klik logo seperti ini


ini yg dimaksud logo insert jump break



Sebenarnya Tiara tutorial blog juga meyakini bahwa, asalkan kita pandai untuk men-setting tampilan template, dan memberikan pernak pernik yang telah tersedia, seperti recent post, recent comment, update twitter dan lain lainnya, saya kira sudah banyak tersedia.

Nanti akan terlihat seperti ini jadinya

Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger. Kemudian letakkan kursor dan klik logo seperti ini
--------------------------------------------------------------------------------
Sebenarnya Tiara tutorial blog juga meyakini bahwa, asalkan kita pandai untuk men-setting tampilan template, dan memberikan pernak pernik yang telah tersedia, seperti recent post, recent comment, update twitter dan lain lainnya, saya kira sudah banyak tersedia.

Kalau selesai langkah terakhir adalah Publish/Terbitkan entry

Tampil Posting Seksi dengan Readmore

Bagi seorang blogger menunjukkan postingan kerennya tentu hal yang lumrah dan biasa, untuk meningkatkan minat baca para visitor. Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger. Kalau ada postingan yang terlanjur tidak memakai readmore, silahkan baca re-edit posting terlebih dahulu

Sebenarnya Tiara tutorial blog juga meyakini bahwa, asalkan kita pandai untuk men-setting tampilan template, dan memberikan pernak pernik yang telah tersedia, seperti recent post, recent comment, update twitter dan lain lainnya, saya kira sudah banyak tersedia.

Langkah cara membuat read more adalah sebagai berikut:
1. Masuk dengan akun blogger anda
2. Kemudian klik New Posting
3. pilih Edit HTML
Kemudian langkah selanjutnya, penggal kata yang ingin anda perlihatkan kepada pembaca dengan menuliskan kode berikut :
<!--more-->
Setelah itu penggalan kalimat selanjutnya bisa anda letakkan di bawahnya contoh

kemudian diantara penggalan kata dengan memasukkan kode di bawah ini:

tulisan sebelum kode
Bagi seorang blogger menunjukkan postingan kerennya tentu hal yang lumrah dan biasa, untuk meningkatkan minat baca para visitor. Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger.
<!--more-->
Tulisan setelah kode
Sebenarnya Tiara tutorial blog juga meyakini bahwa, asalkan kita pandai untuk men-setting tampilan template, dan memberikan pernak pernik yang telah tersedia, seperti recent post, recent comment, update twitter dan lain lainnya, saya kira sudah banyak tersedia.

hasilnya adalah seperti ini:

Bagi seorang blogger menunjukkan postingan kerennya tentu hal yang lumrah dan biasa, untuk meningkatkan minat baca para visitor. Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger.