Showing posts with label Blogs Tips-Tricks. Show all posts
Showing posts with label Blogs Tips-Tricks. Show all posts

Berganti Wajah Baru

Friday, October 17, 2008 3 comments


Pagi dini hari setelah selesai bermain badminton, setelah melepas lelah dengan duduk-duduk santai merenggangkan otot-otot sambil minum air putih kemudian secara sengaja masuk ke ruangan tempat biasa anakmuda berlama-lama, berjam-jam melototin kotak hitam dengan tuts-tuts huruf dimeja (teman setia seperjuangan tiada lain tiada bukan dia adalah komputer yang sudah mulai jadul), teringat pada template blog baru yang sulit untuk diupload tadi siang, tersirat untuk mencobanya kembali karena penasaran walaupun badan masih basah dengan keringat, dengan optimis coba diupload kembali, dan kemudian apa yang terjadi !!!..... Template masih belum bisa untuk diupload :( tapi tunggu kali ini pesan errornya berbeda dengan yang tadi siang, kalau sebelumnya browser mozillanya nge-blank karena proses timeout (untuk buka website lain bisa !!) sekarang malah keluar error seperti ini.

Dapat disimpulkan bahwa kali ini sebenarnya template tersebut berhasil diupload namun sepertinya ada kesalahan pada coding XML didalamnya yang menyebabkan blogger mengeluarkan kode error seperti itu, sedangkan tadi siang kemungkinan karena koneksi internet yang lambat atau bahasa gaulnya LOLA (dibaca: "Loading Lama") yang menyebabkan proses timeout pada browser. Pelajaran pertama adalah :
"Jangan mengupload template saat koneksi sedang lambat karena akan menyebabkan browser Anda timeout proses".


Dicoba upload lagi....lagi....dan lagi, tetap hasilnya NIHIL alias belum bisa, masih menampilkan error yang sama, terbersit dalam pikiran "Dosa apalagi yang telah diperbuat sehingga hanya upload sebuah template saja gagal terus" (coba untuk merenung.... :D), akhirnya dengan seksama dan sedikit memicingkan mata, menghela nafas dalam-dalam serta mengerutkan dahi anakmuda membaca dengan perlahan keterangan error tersebut, ternyata blogger menyarankan kepada kita untuk Menelurusi Group Bantuan Blogger Untuk Kode Error "bX-4594ub".

Setelah kesana-kemari akhirnya anakmuda menemukan blognya Mr.Jothiek untuk solving error upload tadi, disitu Mr.Jothiek menyarankan untuk meremove terlebih dahulu widget-widget yang kita tempel pada blog, karena kemungkinan pada saat proses upload antara code XML (pada template baru) dengan widget sebelumnya tidak compatible atau tidak adanya kecocok an sehingga terjadi error seperti itu. Berikut step yang Dia tuliskan pada blognya :
[Go to Layout>Edit HTML and download your entire template using the Download Full Template(this is necessary if you want to revert back to your current template).]

Go to Layout>Page Elements and back up all the HTML codes of your widgets to your computer using notepad (you don't want to start all over again).

Remove (delete) the widgets/page elements one by one (manually). Even if you can't remove all the widgets, try removing as much widgets as you can.

(Note: The trick to solving these errors is in manually deleting the widgets.)

Go to Layout>Edit HTML and upload your new template using the upload button. If there are widgets that have yet to be deleted, confirm the deletion.
Setelah meremove semua widget yang ada (Kecuali: archive, Category dan link) kemudian save dan coba untuk upload kembali (kali ini dengan membaca Basmallah berharap bisa berhasil)...dan kemudian apa yang terjadi Bro n Sis Taram.....akhirnya blog anakmuda berhasil Berganti Wajah Baru dengan gaya yang Simple, Nice Look, Trendy, dan tentunya lebih lengkap dari sebelumnya. Akhirnya anakmuda mengambil pelajaran yang kedua :
"Sebelum upload template baru sebaiknya backup terlebih dahulu template lama kemudian remove widget-widget diluar widget standard yang sudah tersedia."
Inilah template baru anakmuda yang Bro n Sis lihat saat ini, ya walaupun masih banyak widget tambahan yang hilang seperti ShoutBox, YM status, Read More, Related Post dll.
Tapi pasti anakmuda oprek kembali sehingga blog ini dapat tampil semakin baik, Mohon kiranya Bro n Sis memberikan komentar mengenai Wajah Baru untuk blog ini agar kedepannya nanti bisa lebih baik. Thx...

* Thanks to Mr.Jothiek Read the full story

Menampilkan Status Yahoo Messenger pada Blog

Tuesday, October 14, 2008 0 comments

Setelah sebelumnya anakmuda posting cara menambahkan Shout Box pada blog, sekarang akan dibahas cara menampilkan Status Yahoo Messenger anda di blog, sehingga tampilan blog Anda menjadi lebih menarik dan informatif serta pengunjung dapat mengatahui apakah Anda sedang Online atau tidak.

Caranya mudah sekali Anda tinggal mencopy code HTML di bawah ini dan mengubahnya sesuai dengan Id Yahoo Messenger Anda, Berikut Codenya :
---------------------------------------------------------------------------------------------------------------------------------------------------------
<a href="ymsgr:sendIM?id_ym_anda">
<img border=0 src="http://opi.yahoo.com/online?u=id_ym_anda&m=g&t=1"/></a>
---------------------------------------------------------------------------------------------------------------------------------------------------------
Untuk code yang dicetak tebal ganti dengan Id Yahoo Messenger Anda, code "t=1" adalah untuk mengganti gambar status YM Anda, silahkan mengubah nilai parameter t mulai dari 1 sampai dengan 16. Misalnya jika Anda ingin menampilkan status YM Anda dengan gambar bola api maka ganti t=1 menjadi t=8, Adapun gambarnya adalah sebagai berikut :

Menampilkan Status Yahoo Messenger pada Blog


Menampilkan Status Yahoo Messenger pada Blog


Untuk menempelkan pada blog Anda, ikuti langkah berikut :
  • Login dahulu ke account blogspot Anda kemudian
  • klik Layout, Kemudian pada Page Element klik Add a Widget,


  • Pilih HTML/Javascript, paste code diatas kemudian Save



Selamat Mencoba

* http://messenger.yahoo.com/
* http://www.ymessengerblog.com
Read the full story

Menambahkan ShoutBox

Ada pertanyaan bagi bloger yang baru membuat blog, bagaimana si membuat kotak Chat seperti diYM atau kotak komen seperti yang ada disamping blog anakmuda :D, Tenang... Tips-Triks kali ini adalah bagaimana membuat kotak tersebut atau bahasa kerennya ShoutBox atau biasa disebut dengan kotak Ngoceh. Karena dalam widget blogspot belum tersedia fasilitas tersebut, maka kita menggunakan pihak ke 2 yang menyediakan layanan ShoutBox yaitu Shoutmix, silahkan daftar kemudian login kesitus tersebut. Kemudian ikuti langkah-langkah berikut :
  1. Setelah pendaftaran berhasil kamu akan diminta untuk memilih style dari shout box yang kamu inginkan, jika sudah klik Continue

  2. Kemudian klik link Go to My Control Panel Nowuntuk mensetting property shoutbox, seperti style & color, date & time, dll.

  3. Setelah selesai klik menu Get Codes

  4. Untuk menempel/meletakkan Shout Box diblog kamu pilihPlace Shoutbox on Webpageuntuk mengcustomize setting preference yang kamu inginkan

  5. Untuk mengatur lebar dan tinggi shoutbox pada kolom width dan height, setting yang direkomendasikan adalah width 100% dan height 400 tanpa frame border

  6. Setelah selesai kemudian copy kode yang ada didalam kotak Generated Code, code ini yang nantinya akan ditempel ke blog kamu

  7. Untuk pengguna blogspot anakmuda akan memberikan langkah-langkahnya tapi untuk pengguna lain silahkan klik menu help pada website Shoutmix untuk mendapatkan installation guidenya

  8. Login ke account blogger kamu, setelah masuk klik Layout atau Tata Letak(untuk bhs indonesia)

  9. Menambahkan Shout Box


  10. Pada Tab Element, Add a Page Element/Add a Gadget

  11. Menambahkan Shout Box


  12. Pilih Add to Blog under HTML/JavaScript atau pilih HTML/JavaScript

  13. Menambahkan Shout Box


  14. Paste code shoutbox yang sudah digenerate tadi, kemudian click Save

  15. Menambahkan Shout Box


  16. Setelah selesai sekarang kamu bisa melihat hasilnya dengan mengclick View Blog

  17. Menambahkan Shout Box


    Menambahkan Shout Box


  18. Kamu juga dapat memindahkan letak dari shoutbox sesuai dengan keinginan

  19. Menambahkan Shout Box


    Menambahkan Shout Box


  20. Sekarang kamu telah mempunyai shoutbox sendiri, click Tool Icon untuk mengedit code shoutbox

  21. Menambahkan Shout Box


  22. Kamu juga dapat mengcustomize shoutbox kamu sesuai dengan keinginan tanpa merubah kode yang sudah ada.

  23. Sekian tentang Shoutbox, bila ada pertanyaan silahkan mengisi koment dibawah, Selamat mencoba dan semoga membantu. :D

Read the full story

How to Add Adsense Ads. to beta blogs

Saturday, October 11, 2008 1 comments

To add Adsense Ads. to beta blogs.............

FIRST BACKUP YOUR TEMPLATE USING METHODS OUTLINED IN : Change your Template.

Then login to your Adsense account and click on Adsense Setup. Click on type of Ad. you want to setup - Content, Link unit, Search unit or Referrals.

MOST IMPORTANT LINK IN YOUR TEMPLATE SETTINGS is Download Full Template on Edit Html subtab of Template Tab.
At present you are allowed to add three Content Ads., One Link Unit, two Search units and four different Referal units per page. You should try to add Ads. so that most of them appear 'above the fold'. This is the amount of web page visible to the viewer on loading the page without having to scroll down. The best place for the Link unit is in the header as a single line containing 4-5 ad units. The right hand sidebar can hold one 'skyscraper' content unit with another in the left sidebar. This is if you have a three column template structure like this web page. The one big rectangle of content unit can go above the posts in the main column. You can add the search unit either in the posts column or in the sidebar. The referrals units can go in the sidebars at the bottom.

Follow the procedure till you come to the code for pasting in your site. Then login to Dashboard click on Layout under the name of your blog. Click on 'Add Page Element' in the sidebar and choose Html/ javascript option in the popup window. Copy the code for the Ad. from Adsense setup page and paste it into the Content area. Save changes.

To add the code in the main column of your blog. Click on 'Edit Html' Tab to open the Edit Template page. Let Expand widget templates box be unchecked. In Edit template field scroll down till you come to the code for the main column which is :

------------------------------------------------------------------------------------------------------------------------------------------
<div id="main-wrapper">
<b:section class="main" id="main" maxwidgets="1" showaddelement="no"></b:section>
<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog"></b:widget>

------------------------------------------------------------------------------------------------------------------------------------------
In the above code change maxwidgets="1" to maxwidgets="2"
Also change showaddelement="no" to showaddelement="yes"
Save Template.

Now click Page Elements tab. The Add and arrange Page Elements page opens.
Here you can now see that Blog posts section has a Add Element link. Click it to open the choices page. Choose Html/Javascript option.

CHOOSING HTML/JAVASCRIPT OPTION ENABLES YOU TO ADD CHANNEL INFO ALSO.
Copy and paste the Adsense code into the Content field. Save changes. This will place the Ad. on top of your posts. To place it below your posts go to Page Elements view and in the Blog Posts Section click and drag the Ad. to below the posts. To place one more Ad above the posts change maxwidgets="2" to maxwidgets="3" and repeat the above process. Refresh Cache. View Blog. Enjoy.

IMPORTANT ; Many readers have asked for a hack similar to Classic Blogger in which we could add Adsense Ads. within the body of the posts. louiss lim has a hack for this here. However this is done by altering part of the Adsense Ad. code which is against the TOS, so he has submitted it to Adsense for approval. Also it seems that only text Ads. can be added this way.

* http://betabloggerfordummies.blogspot.com/

Read the full story