Google

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Launching Comment Box - Widget for blogger

A neat widget for blogger which show the comments and leave your comment form in the same page as blog when you click the 1 Comments link. Check out the screen shot of the Comment Box.

Instead of being taken to default blogger comment page this widget displays the comments in a neat box with a loading gif.



Comment box for blogger. Screenshot of the Comment box

If you are looking for Recent Comment Box then click Here

Sites Running on Comment Box :

iamseriouslyjoking.blogspot.com
riena80.blogspot.com

Before you install:-
This is a Beta Version only for blogger platform. We assume you have the template layout feature in your blogger and not classic version. If not you can upgrade to template by doing this.

Backup your Template before any change. You can restore if things don't workout.
To do this Go to Template > Edit Html

Then click on Download Full Template to backup.A xml file will be downloaded This is your template.
To restore upload the same xml by browsing for the file and then clicking Upload

By installing you agree to Terms and condition


Requirements
This widget is tested in Firefox 2.0, Internet Explorer 6.0, Safari 3.0, Opera 9.22 and works fine in all version. This widget uses javascript and iframe and should be enabled in the end user browser.

You can be a beta tester and let us know your findings in the comments, be sure to include the Operating system and Browser


Installation
Here are the steps to install Comment Box on your blogger web log !

1) Click on the bellow button to install the widget.





2) You will be taken to add widget page in this page leave the Title blank and then click Add Widget
Comment box add widget page

3) You will be taken to the Layout page now click Edit HTML as shown below
Click Edit HTML screenshot

4) In the Edit Html page click on Expand Widget Templates check box




5) Search for the portion by Ctrl + F in the HTML for this string
span class='post-comment-link'
Here is the screenshot


6) Once found the text select the whole block as shown below :-



7) Copy the code from the link below and Paste it such that it REPLACES the above code. To do that you can delete the above code and paste immediately without changing the position.

Click to get the Code

8) Press Save template.

You are Done now check it out !

Uninstallation

To uninstall the widget First go to Template > Edit html in your blogger dashboard

Then click on Revert widget templates to default link.

Go to page elements then click edit then remove the comment box element.


Trouble Shooting

Now for all those people who screwed up. Most likely you will get this message

We were unable to preview your template

Please correct the error below, and submit your template again. Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.

Check out what the message states and act accordingly. Most likely you might have missed a tag or deleted something.
You can always copy the original template which you had saved and start all over again.

Copy the code from the code page exactly ! Do not paste on any App such as Word etc which will autoformat the code. Do not edit the code or change it any way.

Read More..


[get this widget]

Get a Blog Search Box - Widget for blogger

Now add a search box to your blog just by just a click. You don't have to edit anything just click and install.






Search box for bloggerBlogger do gives you a search box but it way on the top and looks kinda alien to your blog. Now that people have started to hide the Blogger Bar they end up with out a search option.

Installing is a simple process just click on the button above that will take you to the installing page where just click "Add Widget" and you are done !
Read More..


[get this widget]

How to Hide/Remove the Blogger nav bar from your Blogspot

remove blogger barNow every one is familiar with these uber cool bar on top of your blogspot(one of those things of a free blog).

If you want you can hide it with a few lines of code. Now there is a huge dilemma whether it is against the TOS (Terms of Service) to remove the bar. But I couldn't find such a clause.

I find it harmless and choose not remove it after all my blog don't cost me dime. But here is how you can hide your bar.

1) Go to Template > Edit Html

2) Search for the string

3) Paste the following code after the line

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

4) Click Save template

Now if your choose to hide the Nav bar the search feature to search within your blog will be gone.
Read More..


[get this widget]

Tips untuk mendapat traffic yang tinggi

Salah satu cara tersukses untuk mendapatkan uang dari blog adalah meningkatkan traffic blogmu. Semakin banyak traffic blog mu, semakin banyak kesempatan untuk anda mendapatkan uang lebih. Para pengunjung datang ke blog anda untuk melihat apa yang anda tawarkan kepada mereka, termasuk iklan-iklan seperti Google Adsense atau produk afiliasi lainnya.

Nahhh… para pengunjung ini merupakan kesempatan yang besar untuk menghasilkan uang, sebagian kecil diantara mereka mungkin akan mengklik iklan Adsense di blog anda bahkan ada yang berminat mengikuti program Afiliasi anda .

Beberapa cara agar pengunjung datang berkunjung kepada blogmu:

1. Dapat posisi teratas di dalam mesin pencari, yang biasa dikenal seperti Google, Yahoo, MSN, SlashMySearch, dll. Karena banyak pengunjung mencari kebutuhan mereka dari mesin pencari tersebut. Anda juga dapat mendaftarkannya ke dalam banyak situs-situs direktori seperti Technorati, MyBloglog, Blogfam, Indonesia Blog, dll. Untuk mendapatkan posisi teratas di mesin pencari memerlukan banyak usaha dan waktu (anda harus benar-benar bersabar), jika anda terus berusaha dan mengoptimalkan blog anda maka anda akan mendapat rank yang baik.

2. Mereka datang dari signature email anda. Ketika anda mengirimkan email kepada rekanmu, teman atau yang lain, usahakan melampirkan link dari blog mu di bawah email mu dengan beberapa kata promosi. Diharapkan agar tertarik dan mengklik link tersebut dan peluang anda untuk menambah pundi-pundi uang anda akan terbuka lebar.

3. Informasi dari forum. Pengunjung mu dapat juga mengetahui blog mu dari forum yang anda ikut bergabung di dalamnya. Jadi sebaiknya anda bergabung dalam banyak forum dan memperkenalkan blog mu dengan bijaksana tetapi usahakan untuk tidak melakukan lakukan SPAMMING (INI SALAH SATU HAL YANG PALING ORANG BENCI DALAM DUNIA INTERNET). Dengan ikut serta di dalam forum, tunjukkan bahwa anda seorang yang yang profesional dalam bidang anda, buat anggota lain mempercayai anda dan ingin mengunjungi blog mu.

4. Tulisan yang Bermutu dan Terbaru. Hal yang paling penting dan paling berpengaruh paling besar terhadap peningkatan traffic, dengan tulisan-tulisan yang bermutu maka dengan sendirinya para pembaca akan datang kembali untuk membaca informasi-informasi yang anda sediakan.

Cobalah metoda-metoda tersebut diatas, dan anda akan mendapat traffic yang tinggi. Selamat mencoba.
Read More..


[get this widget]

Struktur Dasar Template Blogger

Bagaimana cara untuk mengedit template dari blogger? Ini adalah salah satu diantara banyak pertanyaan yang sering muncul dibenak saya mungkin anda juga begitu, khususnya bagi para blogger yang masih baru berkenalan dengan dunia blog terutama yang pake blogger. Mungkin anda juga pernah berpikiran seperti saya, sebenarnya ini bukanlah hal yang baru lagi sudah banyak sekali blog yang menyediakan template secara gratis. Tapi kita hanya diberikan source codenya, padahal kita juga ingin membuat kreasi sendiri.


Saya sudah banyak minta bantuan dari teman-teman tapi mungkin lagi pada sibuk semua J, jadi saya putuskan untuk belajar sendiri dan mencari informasi kesana kemari yang pada akhirnya saya tuliskan diblog ini buat para pembaca semua.

Selain pertanyaan diatas saya juga berpikir bahwa, bukankah sudah saatnya kita mengenal struktur dari blog kita sendiri, tulisan ini khusus untuk yang menggunakan blogger saja. Nah tanpa banyak cerita lagi langsung saja kita bahas bagian-bagian dari blogger berikut ini:

Jika kita membuat blog baru maka mempunyai sebuah Header section , Sidebar-section, main-section dan Footer-section didalam section inilah blogger meletakkan widgets, yang merupakan page elements yang bisa dipilih dari tab template seperti terlihat pada gambar berikut ini:

ntuk lebih memahami setiap bagiannya saya menyertakan juga code untuk masing-masing bagian diatas. Untuk bisa melihat code itu, sebelumnya harus login dulu ke blogger, pilih blognya, layout, template, edit html.

Body – adalah seluruh bagian yang tampil pada browser termasuk Blogger Navbar, pada gambar diatas ditandai dengan warna merah.

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Outer Wrapper – adalah berisi semua bagian dari blog, bagian ini ditandai dengan warna pink

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Header Wrapper – adalah bagian paling atas biasanya berisi deskripsi dari blog, bagian ini ditandai dengan warna kuning.

#header-wrapper {
width:660px;
margin:0 auto 10px;
}
#header {
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}

The Main Column – Bagian ini berisi postingan dan biasanya paling luas, pada gambar diatas ditandai dengan warna biru.

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

The Sidebar/s – adalah bagian yang berada disisi dari The Main Column/postingan, untuk template 3-column biasanya berada disisi kanan dan kiri. Pada gambar diatas ditandai dengan warna hijau.

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


The Footer
– Posisinya berada dibagian paling bawah sejajar dengan Header Wrapper, ditandai dengan warna ungu.

#footer {
width:660px;
height:50px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Nah, sekarang kita sudah bisa mengerti dan memahami bagian-bagian utama dari blog kita, untuk selanjutnya akan dibahas mengenai cara membuat template 3-column. Saya sangat mengharapkan kritik, saran dari rekan-rekan yang sudah master dalam hal mengutak-atik template blogger.



Read More..


[get this widget]

Tips Pasang Polling Di blog

Dalam kehidupan sehari-hari kita sudah sering mendengar kata "polling", sebenarnya apakah polling itu? menurut Febrian Rusydi dalam situsnya http://febdian.net/node/74 menyebutkan:

"Polling adalah cara mendapatkan informasi atau opini publik lewat sejumlah pertanyaan"

Polling sering kita lihat di TV, situs, dan sekarang salah satu fasilitas teranyar dari blogger adalah Polling, kita bisa menambahkan polling keblog dengan gampang, tentukan sendiri pertanyaan yang akan diajukan dan berapa lama polling itu akan berlangsung.

Kelihatannya fasilitas blogger semakin hari semakin lengkap ya :).
Gimana anda berminat untuk mencobanya? Gimana pendapat anda tentang fasilitas baru ini?
Read More..


[get this widget]

Pasang Kategori Di Blog

Untuk menjawab email mas David Bustandi tentang gimana caranya pasang kategori di blogger, akhirnya saya putuskan untuk membuat postingannya diblog ini.

Pertama login dulu ke accoung bloggernya mas David, pilih blog yang mau dibuatkan kategorinya, klik layout, untuk selanjutnya ikuti langkah berikut.

Untuk membuat kategori seperti diblog ini sebelumnya kita harus memberi label pada setiap postingan blog. Caranya sebelum mempublikasikan postingan isikan label/kategori untuk postingan tersebut, (mis: Tips, Tutorial, AdSense, sesuaikan dgn postingan kita) posisinya berada dibawah tempat postingan/tulisan ditandai dengan Label untuk postingan ini.

Kalau seandainya sudah terlanjur mempublikasikan postingan jangan kuatir, caranya dari edit postingan isikan label untuk postingan tersebut lalu publikasikan lagi postingan tersebut.

Langkah selanjutnya menambah element untuk kategori tersebut caranya klik Tambah sebuah elemen halaman, setelah window elemen muncul pilih label / klik Tambahkan ke blog lalu Simpan perubahan, tentukan posisinya diblog anda.

Mudah-mudahan setelah membaca postingan ini anda sudah bisa membuat kategori untuk blognya sendiri.
Read More..


[get this widget]

Cara Mengganti Template Di Blog

This tips only for New Blogger

1. Download a template then open it with Notepad.

2. Copy (Ctrl+C) the code.

3. Login to New Blogger with your Google account.

4. On your Dashboard choose blog you want to edit, Click on Layout, you'll go direct to Template tab where blog you want to Edit.

5. Choose the Template tab of your blog then click on Edit HTML.

6. Copy all the code of the template you wish and paste it into your blog.

7. Click on SAVE TEMPLATE and you are done!.

8. Republish your blog.


All done, have fun with your new template! :)


Read More..


[get this widget]

Pasang ShoutBox di Blogspot (2)

Shout merupakan salah satu asesoris yang paling umum ditampilkan di dalam blog. Digunakan sebagai media interaksi dengan pengunjung sehingga ada komunikasi timbal balik antara pemilik blog dengan pengunjung. Penyedia shotbox gratis cukup banyak di internet, diantaranya: Oggix, Shutmix, Myshotbox.

Oggix dipilih karena kemudahan dalam register dan tools yang cukup banyak. Untuk menampilkan asesoris ini ikuti langkah-langkah berikut:


1. Pada browser ketik www.oggix.com

2. Klik Register (sebelah home bagian diatas) atau klik GET IT NOW, terlihat seperti gambar disebelah.

3. Selanjutnya isi formulir pendaftaran (identitas anda) meliputi:

  • alamat email
  • password
  • nama lengkap
  • nama website
  • alamat website
  • deskripsi website
  • negara
  • security code sesuai dengan gambar yg ditampilkan

4. Periksa apa data yg anda input sudah lengkap dan benar, lalu klik Register

5. Kalau pendaftaran sukses, maka akan ada pemberitahuan seperti "you have finish the registration process. Please login to manage your account."

6. Login dengan username alamat email dan password yang anda masukkan saat mengisi formulir pendaftaran sebelumnya.

7. Setelah berhasil login, untuk memasang shoutbox keblog pilih menu "Install Shoutbox (sebelah kiri). Hingga muncul menu HTML Code, klik dan pilih settingan yang anda sukai (lihat pada gambar dibawah ini),untuk melanjutkan klik Next.

8. Langkah selanjutnya memilih konfigurasi, type, warna, template, anda bisa memilih settingan yang sesuai dengan selera dan background blog anda. Ikuti Step by Step mulai dari 1 s/d 5 dan setiap selesai melakukan setting klik "Choose This >>".

STEP BY STEP:
1. Set shoutbox configuration
2. Choose shoutbox type
3. Choose shoutbox color <= you're here
4. Choose shoutbox template
5. Copy and paste the HTML codes to your HTML page where you want to put the shoutbox


9. Setelah berhasil dari step 1 s/d 5, maka anda akan mendapatkan kode html/java script, kode ini akan kita gunakan untuk menampilkan shoutbox diblog. Copy code tersebut dengan cara blok semua kode, klik kanan pilih Copy.

10. Login ke blogger.com, dan pilih "layout" pada halaman Dashboard. Klik "Add a Page Element", tunggu sampai muncul tampilan "Choose a New Page Element", klik "Add to Blog" pada bagian "HTML/JavaScript".

11. Selanjutnya akan muncul tampilan baru "Configure HTML/JavaScript", nah paste kode disini. Klik "Save Change".

12. Setelah proses penyimpanan sukses, klik "View Blog" untuk melihat hasilnya.

Akhirnya setelah melewati tahapan yang cukup panjang, anda dan pengunjung sudah bisa menikmati hasilnya :).
Read More..


[get this widget]

Tutorial Pasang Hit Counter di Blog

Widget blog yang satu ini cukup diminati oleh blogger karena berguna sebagai statistik blog sekaligus sebagai asesoris blog. Ada banyak situs yang bisa kita manfaatkan untuk keperluan ini, mis kita pake Site Meter. Cara pasang di blog ikuti langkah berikut ini:

1. login ke Site Meter
2. lihat pada gambar, klik Sign Up, pilih Site Meter Basic Free, klik Sign Up
3. pada bagian "Your Site's URL:" isikan URL situs/blog anda
4. pada bagian "Your Site's Name:" isikan title situs anda atau terserah apa aja
5. pada bagian "Codename" isikan code apa saja (min 5 karakter) , kode ini nantinya akan kita gunakan sebagai user login.
6. Centang pada "By Cheking this box i agree to be bound by Site's Meter Term of Service Agreement"

7. Klik Next
8. Isikan Email pada bagian Email Address, pilih Title, isikan Kode Pos pada Postal Code, pilih Country, Can you receive HTML email? pilih aja No, pilih Gender.
9.Klik Next
10. Klik Next
11. Klik Next
12. Jika sukses akan muncul pesan "Success! Thank You"
13. Selanjutnya buka email, lihat apa email verifikasi dari sitemter udah masuk. Soalnya dalam email ini terdapat Codename & Password kita. Jika belum ada silahkan menunggu (max 24 jam), jika sudah ada lanjutkan ke langkah berikut.
14. Ketikkan Codename dan Password yang diberikan (email), klik Login
15. Klik pada menu Manager (sub menu Manager tampil sebelah kiri), klik sub menu Meter style dan klik radio meter pada style yang anda suka dan klik tombol Select.
16. Klik HTML Code (sub menu Manager) dan Copy/Paste pd bagian Site Meter Javascript HTML (misalnya ke sidebar blog).
17. Selesai :)

Untuk widget menambah sidebar blog lihat disini.

Read More..


[get this widget]

Pasang ShoutBox di Blogspot

Tulisan ini merupakan lanjutan dari postingan sebelumnya tutorial pasang Shoutbox diblogspot (1), sekarang saya akan membuat tutorial pasang shoutbox bagian 2, pilihan kita jatuh ke shotmix karena cara pendaftarannya lebih gampang dan cara menginstallnya jauh lebih gampang.

Untuk lebih jelasnya ikuti langkah-langkah berikut ini:

1. Login ke www.shoutmix.com, lihat pada gambar diatas.

2. Klik Sign Up, maka akan muncul tampilan seperti gambar dibawah ini:


3. Isikan data yang diminta dan centang pada tulisan "I have read and agree to the Terms of Services".

4. Selanjutnya anda akan diharuskan memilih style shoutbox yang akan dipakai nantinya. Isikan juga verification kode yang ditampilkan dan klik Continue, hingga muncul pesan "Thank you for using ShoutMix".

5. Klik pada link "Control Panel" atau pada menu "Setting", pada menu "Quick Start" klik "Get Codes", pilih "Place shoutbox on web", tentukan ukuran tinggi dan panjang shoutboxnya pada bagian "Shoutbox size". Anda lihat pada bagian "Generated Codes" dan copy kode html/javascript tersebut.

6. Login ke blogger, pilih "layout", klik "Add a page element", tunggu sampai muncul "Choose a New Page Element", klik "Add to Blog" atau klu pake B.Indonesia "Tambahkan ke Blog" pada bagian "HTML/Javascript". Setelah muncul tampilan baru "Configure HTML/Javascript", copy kode html/javacript tadi disini.

Jelas kalau tutorial ini jauh lebih gampang dibanding tutorial pasang shoutbox diblogspot (1) sebelumnya, tapi klu bicara fasilitas www.shoutmix.com lebih minim.

Read More..


[get this widget]

Tips Optimalkan Keyword Pengunjung

Salah satu poin yang tersirat dalam pokok bahasan pasang widget alexa.com adalah untuk melihat statistik blog seperti mengetahui type pengunjung seperti apa yang mampir ke blog kita. Informasi apa yang mereka cari bisa kita lihat dari keyword yang dipakai pengunjung dalam menemukan blog kita.

Muncul satu pertanyaan "untuk apa sebenarnya menetahui type pengunjung blog kita?". Tentu saja informasi ini sangat penting untuk diketahui, tujuannya informasi ini bisa digunakan untuk mengoptimalkan keyword-keyword tersebut. Nah inilah yang saya sebut "keyword pengunjung".

Diantara keyword pengunjung tersebut mungkin ada keyword yang menarik untuk kita angkat menjadi postingan, syukur-syukur bisa memancing backlink ke blog kita. :)

Memeriksa statistik blog perlu kita lakukan secara berkala, terutama buat blog yang masih "seumur jagung", bisa sekali seminggu atau sebulan sekali juga nggak jd masalah.

Anda akan merasa kaget melihat keyword yang tidak pernah terpikirkan sebelumnya (mis: tutorial blog), tugas selanjutnya kita tinggal mengoptimalkan keyword (tutorial blog) tersebut. Mis: membuatkan postingan secara khusus dengan keyword tutorial blog.

Berikut situs untuk melihat statistik blog:
1. Extremetracking
2. Alexa
2. Mybloglog

Read More..


[get this widget]

Terimakasih telah mengunjungi Blog ini dan semoga bermanfaat

Artikel Terbaru

Mr. Bob sieck Twitter

http://www.makassarku.com/products_pictures/elektronik_logo_copy.gif

Electronic Rubric

Blogspot Tutorial