Tampilkan postingan dengan label Tip dan Trik Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tip dan Trik Blogging. Tampilkan semua postingan
Mengenal Blog dan Cara Membuat Blog

Mengenal Blog dan Cara Membuat Blog

Add Comment
Apa sih itu blog? Mungkin pernah terbesit dalam benak anda tentang pertanyaan seperti di awal artikel ini. Begitu populernya nama blog dan anda mungkin sering kali mendengar nama tersebut saat bertemu dengan teman atau pada saat anda main ke toko semacam Gramedia dan anda melihat banyak koleksi buku dengan judul mengenai seluk-beluk blog. Yah, tak heran memang kalau anda dibuat penasaran mengenai kata yang satu ini, karena memang dari hari ke hari namanya kian menggaung seiring banyak kalangan yang membuat dan banyak berkecimpung dengan satu kata ini.

Blog yang lebih dikenal dengan nama weblog sebenarnya hanya website kecil yang pada awal munculnya banyak digunakan oleh orang yang berkecimpung di dunia internet hanya sekedar untuk menulis kegiatan sehari-hari. Jadi, dengan melihat fungsinya blog tidak lain semacam buku diary yang online. Namun seiring perkembangan zaman dan banyaknya pengguna blog fungsinya berubah bukan hanya sekedar untuk menulis kegiatan sehari-hari tetapi lebih banyak lagi untuk berbagi informasi mengenai suatu topik. Bahkan dewasa ini fungsinya lebih untuk mengoptimalkan pendapatan dari internet.

Nah! sekarang setelah anda jadi lebih jelas mengenai apa itu blog penulis akan jelaskan bagaimana membuat blog dengan blogger. Berikut langkah-langkah dalam membuat blog.

1. Pertama log in ke www.blogger.com kemudian klik "creat a blog", kemudian tunggu hingga muncul

halaman seperti gambar dibawah ini.



2. Isi dengan lengkap semua form yang tersedia dan jangan lupa centang Persetujuan dari blogger.com lalu

klik selanjutnya hingga muncul halaman seperti gambar dibawah ini:



3. Isikan judul blog yang akan ditampilkan di header nanti, lalu tentukan alamat blog yang akan dipakai dengan mengisi "Alamat blog (URL) anda. Setelah terisi lalu anda klik ketersediaan. Bila tidak disetujui oleh blogger berarti alamat yang anda inginkan sudah dipakai oleh orang lain. Isikan terus alamat blog yang anda kehendaki hingga muncul pesan"Alamat blog (URL) namabloganda.blogspot.com tersedia. Lalu klik tanda panah dipojok bawah halaman.

4. Setelah anda mengklik tombol selanjutnya, anda akan dibawa pada halaman baru untuk memilih jenis template yang akan digunakan. Pilih salah satu template yang akan digunakan sesuai selera kemudian klik selanjutnya. Maka akan muncul halaman baru yang berisi ucapan selamat Blog Anda Sudah Jadi.

5. Nah selamat anda sudah mempunyai website atau weblog secara gratis. Sampai tahap ini, anda sudah berhasil membuat website atau weblog. Langkah selanjutnya adalah dengan mengisi konten blog agar terlihat seperti website profesional dengan cara memposting artikel yang relevan dengan judul blog yang anda buat sekaligus mempercantik dengan menambahkan widget sesuai selera.

Sampai disini penulis berikan ulasan mengenai Cara Membuat Blog di Blogspot. Agar blog anda terlihat seperti blog profesional, ikuti terus update MS's Corner untuk mendapatkan artikel-artikel menarik seputar blogging.....!

Cara Mudah memasang Status Icon Yahoo Mesenger Di Blogspot

Add Comment
Bagi kita blogger yang menghendaki adanya interaksi dengan sejumlah pengunjung langsung, cara memasang status YM di blog bisa menjadi alternatif. Dengan adanya status Yahoo Messenger di blog kita, pengunjung yang sedang berkunjung di blog kita bisa langsung berhubungan dengan kita melalui chatting. Pengunjung pun bisa langsung tahu bahwa kita sedang online atau tidak dengan hanya melihat status YM yang terpampang di blog. Icon status YM yang terpasang di blog memudahkan pengunjung untuk bertanya, konsultasi dan menanggapi salah satu artikel dari blog kita sehingga interaksi pun terjadi secara langsung. Dan ini memberikan nilai positif tersendiri bagi pengunjung terhadap blog kita.

Oke kita langsung saja pada petunjuk pemasangan YM di Blog kita

1. Login dahulu ke http://blogger.com

2. Lalu klik Rancangan > Add Gadget > Html/ Javascrift

3. Beri judul sesuai keinginan

3. Copy-Pastekan kode html berikut ini

<a href="ymsgr:sendIM?YahooID"><img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=14&l=us"/></a>

4. Pada bagian tulisan YahooId , ganti dengan Yahoo ID anda. Sedangkan untuk t=14 adalah ukuran untuk
icon yang dikehendaki. Berikut tabel gambar icon Yahoo Mesenger beserta ukurannya



5. Klik tombol simpan

6. Atur posisi gambar status icon YM sesuai dengan selera

7. Klik tombol simpan

8. Anda bisa langsung melihat hasilnya dengan meng-klik preview

9. Sekarang blog anda sudah terpampang icon status Yahoo Mesenger, selamat......!
Cara Mudah Memasang Kode Html Di Postingan Blogspot

Cara Mudah Memasang Kode Html Di Postingan Blogspot

Add Comment
Sekian lama penulis berniat untuk menulis artikel ini. Namun karena ada kendala yang tidak kunjung selesai, hingga membuat molor jadwal posting untuk yang satu topik ini "Cara Menuliskan Script Html pada postingan Blogspot". Setelah utak utik kode html dan dengan kesabaran penuh penulis tekadkan untuk bisa memecahkan persoalan yang sedang melanda hingga akhirnya tiba waktu pertengahan bulan Desember tepatnya tanggal 14 Desember 2011, Penulis mendapatkan satu pencerahan dengan mencoba berkawan dengan search engine dan setia menelusurinya. Tiba di satu artikel punya aldyputra.net/ dan terbukalah pikiran. Kemudian bertekad untuk membagikan artikel ini yang bertujuan para blogger pemula khususnya untuk bisa mendapatkan solusi atas masalah yang sedang dialami.

Penyusunan artikel ini penulis maksudkan untuk berbagi dalam menyelesaikan sebuah masalah. Masalah yang mungkin hampir semua blogger pemula alami seperti halnya penulis.

Masalah yang sering timbul pada saat kita menyertakan Script html pada postingan blog adalah hasil yang diharapkan tidak sesuai dengan kenyataan. Setelah kita selesai menyertakan scrift html kemudian kita simpan, namun pada saat kita lihat blog tulisan scrift html tidak tertera di postingan. Bahkan yang lebih parah lagi, jangankan muncul isi postingan dengan konten scrift html yang kita inginkan, halaman beranda pun tidak tampak seperti biasanya.

Masalah itu terjadi lantaran kode html yang kita sertakan dalam postingan tersebut tidak bisa langsung berpasangan dengan kode asli yang ada di blog kita. Sebab lainya adalah scrift dari blog kita didesain untuk tidak langsung berhubungan dengan scrift dari situs lain.

Alasan yang kedua adalah bahwa scrift yang ada di blog kita didesain untuk saling berpasangan. Dengan kata lain apabila kita mengawali scrift dengan kode xml, maka kita juga harus mengakiriny dengan scrift xml.

Solusi untuk menangani masalah itu hanya satu. Dia adalah parsing atau parse. Parse atau Parsing sendiri menurut wikipedia.com adalah suatu cara memecah-mecah suatu rangkaian masukan (misalnya dari berkas atau keyboard) yang akan menghasilkan suatu pohon uraian (parse tree) yang akan digunakan pada tahap kompilasi berikutnya yaitu analisis semantik.

Cara Memparse Scrift Html

Untuk proses memparse sendiri kalau dengan model manual akan banyak makan waktu. Apalagi bagi kita yang tidak punya basic teknik komputer, alih-alih mendapatkan hasil parse yang bagus tetapi malah mendapatkan kekacauan hingga hasilnya pun sudah pasti berantakan. Tetapi jangan berkecil hati dulu meskipun kita tidak tahu teknik komputer, karena sekarang ini zaman sudah serba instan. Banyak situs yang menawarkan layanan parse online secara gratis. Tetapi yag lebih banyak dipakai oleh orang dan cukup terkenal ada (dua) 2.
1. Google Converter
Memparse kode html dengan google converter caranya sangat mudah. Srift html yang akan anda masukan ke dalam postingan, terlebih dahulu anda blok dan copy-paste kan ke dalam box dibawah ini kemudian klik tombol parse. Hasil yang nanti didapat bisa langsung anda sertakan dalam postingan blog.


2. Blogcrowds.com

Cara yang ke dua adalah anda bisa langsung login ke http://blogcrowds.com kemudian lakukan tindakan yang sama seperti anda memparse kode html ke dalam Google converter. Cukup mudah bukan cara memparse kode html? Memang kalau kita tidak tahu jalanya, memparse kode html terasa sulit. Tapi dengan aflikasi gratisan yang ditawarkan google converter dan blogcrowds.com kegiatan memparse kode html jadi semudah membalikan tangan....
Cara Mudah Memasang Tombol Like di Bawah Postingan Blogspot

Cara Mudah Memasang Tombol Like di Bawah Postingan Blogspot

3 Comments
Ide untuk menulis artikel  Cara Mudah Memasang Tombol Like Facebook di Postingan Blog ini adalah karena keberhasilan penulis dalam mencoba menempatkan tombol "LIKE" facebook pada blog kita. Dari beberapa artikel yang penulis jadikan rujukan hasilnya selalu gagal, dan pada akhirnya penulis memakai beberapa artikel hingga ketemu lah artikel "Cara Pasang Like Facebook Di Blog" dan setelah dicoba ternyata hasilnya memuaskan.

Perlu diketahui bahwa seiring terkenalnya facebook sebagai situs jejaring sosial, ternyata juga ikut mendongkrak ketenaran tombol "Like" dikalangan para blogger. Konon, pemakaian tombol "Like" di postingan blog bisa meningkatkan SEO yang berakibat pada naiknya pengunjung ke blog kita. Karena, setiap postingan yang kita buat bisa nongol di beranda facebook. Itu artinya bahwa satu orang yang klik pada tombol "Like" postingan kita akan membawa artikel yang kita buat bisa dilihat langsung oleh teman-temannya orang yang mengklik. Nah kalau temanya berjumlah ribuan, secara otomatis postingan kitapun punya peluang dibaca oleh ribuan orang. Kalau orang sebanyak itu ikut berkunjung ke blog kita, ayo siapa yang untung? tentu kita kan!

Dengan banyaknya orang yang berkunjung ke blog kita maka peringkat blog pun akan naik. Dengan popularitas blog yang terus naik akan berakibat pada kesempatan kita untuk menjaring pengiklan lebih banyak lagi. Itu artinya, peluang mendapatkan uang juga lebih besar.

Oke deh, daripada panjang lebar penulis menjelaskan mengenai pentingnya tombol "like" dipostingan kita yang bikin pembaca tidak sabar. Ayo langsung saja ikuti petunjuknya. Ini dia caranya...!

Petunjuk Pembuatan Tombol Like facebook pada Postingan
1. Buka halaman http://blogger.com lalu login
2. Setelah itu langsung klik Rancangan > Edit template
3. Sebelum lanjut ke teknis terlebih dahulu back up template dengan mengklik Download Full Template dan jangan lupa untuk mencentang Expand the widget disebelah pojok kanan.
4. Cari kode html seperti ini <data:post.body/> atau langsung tekan Ctrl + F lalu ketikan kode html tadi.
5. Setelah ditemukan kode html yang dimaksud, lalu masukan kode html yang dibawah ini







<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100
&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>




Dengan posisi tergantung selera anda. Jika kita menghendaki tombol like facebook berada di bawah postingan, maka peletakan kode html tadi kita letakan dibawah . Begitu juga sebaliknya jika kita menghendaki tombol "Like" tersebut terpasang diatas postingan, maka peletakan kode html tadi harus ditempatkan diatas kode . Setelah selesai kita letakan kode html tadi, sebelum di simpan terlebih dahulu kita lihat reviewnya biar kita tahu hasil dari pengerjaan tadi. Apabila sudah kita lihat pratinjaunya lalu letaknya sudah pas sesuai dengan keinginan baru kita simpan template.Itulah tadi Cara Mudah Memasang Tombol Like di Bawah Postingan Blogspot. Nah ternyata gampangkan? Selamat anda sudah bisa melalui satu tahap perkembangan....!










=========================================================================

CARA MEMBUAT WIDGET FAN FACEBOOK DI BLOGSPOT

Add Comment
Mempunyai blog yang unik dan bagus tentunya merupakan harapan kita semua. Dengan komposisi blog yang aktraktif dan menyajikan konten-konten yang menarik menjadikan blog kita digemari oleh banyak orang. Akibatnya traffik blog pun bisa terangkat dengan sendirinya, sehingga berakibat pada ranking blog yang terus menanjak dan menarik banyak pengiklan untuk ikut berpromosi di blog kita.
Aplikasi widget pan page facebook dengan logo jempol khas logo facebook yang terpasang di blog kita menambah kesan professional. Pengunjung jadi lebih tahu berapa banyak pengunjung situs atau web, sekaligus juga sebagai ajang untuk ikut memampang wajahnya di widget tersebut. Oleh karena itu pada kesempatan ini penulis mau menguraikan cara membuat widget pan page facebook di blogspot.

Cara Pembuatan dan Pemasangan Widget Like Facebook di Blog

Langkah pertama sebelum kita membuat widget fan facebook, kita harus punya akun dulu di facebook. Jika kita belum punya akun facebook, silahkan daftar disini.

1. Setelah anda kita punya akun facebook, terlebih dahulu kita login ke http://facebook.com

2. Langkah selanjutnya klik link yang bertuliskan creat page paling bawah halaman facebook hingga muncul halaman creat a page hingga anda sampai dihalaman seperti gambar dibawah ini.



3. Pilih salah satu  kategori pan page anda kemudian isi form dibalik gambar kategori yang anda pilih dengan mengisi jenis kategori dan nama perusahaan. Centang "Saya menyetujui ketentuan halaman facebook", lalu klik mulai.

4. Anda akan dibawa ke halaman seperti gambar dibawah ini.

 5. Ikuti semua langkah, dari langkah 1 hingga langkah ke 3 lalu klik lanjutkan. Maka anda akan dibawa masuk ke halaman baru yang gambar seperti ini:


6. Copy link URL anda seperti yang ditunjukan tanda panah warna orenge, setelah itu klik link mulai atau "get started". Letaknya dibawah foto profil pan page anda, hingga dibawa ke halaman berikutnya. Kemudian cari tombol yang bertuliskan "add like button" hingga anda dibawa ke halaman seperti gambar dibawah ini.


7. Isikan alamat URL pan page anda pada kolom"Facebook page URL" kemudian aturlah radio yang berisi perintah untuk mengganti ukuran Width, Height dan lainya. Setelah semua anda ganti ukuran sesuai dengan keinginan, anda bisa langsung klik "Get Code" untuk mendapatkan kode htmlnya.

Cara Memasang Widget Pan Page diBlogspot


Selamat sekarang anda sudah punya Pan Page di facebook. Langkah selanjutnya biar pan page facebook anda terpasang di blog adalah sebagai berikut:

1. Login ke account Blogger anda

2.Klik Rancangan --> Add Gadget --> Javascript

3. Masukan kode html pan page anda, beri judul lalu klik simpan.

Nah itulah tadi cara membuat atau menambahkan pan page facebook di blogspot. Anda bisa lihat hasilnya. tampilan blog kita jadi lebih variatif bukan? Semoga bermanfaat.....!



==========================================================================

Jangan lupa sebelum anda meninggalkan halaman ini, bubuhkan jempol yang cantik anda dengan mengklik "Like" dibawah ini

Cara Membuat Banner Animasi

Cara Membuat Banner Animasi

1 Comment
Buat kawan pembaca yang sedang resah mau bikin banner animasi tapi belum tahu caranya, nggak perlu panik dan nggak perlu resah. Kali ini penulis mau berbagi satu tips bagaimana cara membuat banner animasi dengan hasil ciamik tidak kalah dengan banner animasi yang dijual online.

Perlu diketahui bahwa buat anda yang mau bikin banner animasi banyak yang perlu dipersiapkan tentunya. Dari mulai program tool softwarenya yang harus beli untuk mengedit banner dan segala tetek bengeknya, Namun dengan aplikasi software gartis juga hasilnya tidak kalah mengesankan.

Berawal dari ketidak sengajaan penulis membuka sebuah link yang ternyata menuju ke salah satu situs penyedia banner animasi gratis. Dan langsung penulis coba dengan membuat banner animasi ala kadarnya, ternyata hasilnya muaantab. Nah nggak perlu panjang lebar dan nggak perlu banyak cerita, langsung aja yuk. Chekidooooottt!

Nah sebelum kita melangkah lebih jauh terlebih dahulu kita mampir ke situs penyedia banner animasi gratis, yaitu flashvortex.com . disitus penyedia banner animasi gratis ini anda bisa mengedit sendiri untuk ukurannya yang hingga mencapai 480 x 60 pixel atau berapapun ukuran yang hendak anda buat.

Cara penggunaan flashvortex.com untuk membuat animasi gratis

Sebelum anda membuatnya, sebaiknya anda buat dulu sketsa dari banner animasi yang anda butuhkan. Hal ini dilakukan untuk memperoleh hasil yang lebih maksimal tentunya, biar sesuai dengan latar ataupun bacground dari blog atau situs yang anda punya. Nah langkah selanjutnya, setelah anda log dan masuk ke berandanya flashvortex.com, dibawah banner animasi yang ada klik tombol "Edit Teksnya" hingga muncul halaman yang berisi contoh banner animasi penuh dengan menu dropdown untuk mengeditnya. Isilah kalimat yang hendak anda munculkan dalam banner tersebut lalu atur ukuran banner dan teksnya sesuai dengan yang diharapkan. Setelah kolom terisi semua klik pada bagian General Setting pada kotak when clicked, go to this link ketiklah alamat url tujuan yang hendak dituju untuk banner yang baru saja anda buat. Sebagai contoh anda ketik "http://mukhlisinsalehs.blogspot.com" maka pada banner yang anda buat tadi ketika diklik anda akan dibawa menuju situs tersebut.

Langkah terakhir setelah anda mengisi semua kolom yang ada lalu klik "General Animation" maka anda akan mendapatkan kode script banner animasi yang baru saja anda buat. Dan anda bisa langsung memasangnya di blog atau situs kesayangan anda..

Flasvortex.com - Free Banner, Menus, Button etc