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

Minggu, 19 Juni 2011

Cara Mudah Mengganti Favicon Blogger Tanpa Mengedit HTML

Mengganti Favicon, mungkin sudah banyak yang tahu caranya, dan blog-triks juga pernah memaparkan caranya disini. Mengapa saya membahasnya lagi? Karena kali ini cara yang akan saya paparkan berbeda, ini lebih mudah dari cara mengganti favicon yang sebelumnya saya tulis disini. Panggantian favicon yang akan saya jelaskan disini tanpa melalui editing HTML, melainkan langsung dari fitur yang dimiliki blogger. Tak usah belama-lama, langsung akan saya jelaskan caranya secara lengkap, silakan disimak :)


  1. Masuk halaman Blogger in Draft, silakan login dengan akun blogger sobat
  2. Di halaman utama terdapat daftar blog sobat, silakan klik Dashboard pada blog yang akan diedit faviconnya


  3. Kemudian klik Edit pada elemen Favicon Setting yang terletak diatas elamen navbar


  4. Akan muncul window baru, yaitu window favicon configuration

  5. Silakan sobat pilih file icon yang ingin dipasang, gunakan file dengan ekstensi .ico karena file yang support adalah file icon .ico . Bagi sobat blogger ingin mengkonversi file JPG, PNG atau file lain ke .ICO dapat sobat lakukan di http://www.icoconverter.com/ atau situs konversi lainnya

  6. Setelah itu klik Save untuk menyimpan setting yang telah dilakukan


  7. Selesai, coba sobat buka blognya, dan favicon sudah berubah susai yang diganti tadi :)
Read more »

Kamis, 09 Juni 2011

Trik Tingkatkan Penghasilan Google Adsense

Trik Tingkatkan Pengahasilan Google Adsense - Setelah artikel sebelumnya membahas trik cepat di Approve Google Adsense, pada trik kali ini saya akan menerangkan bagaimana mengoptimalkan google adsense pada blog sobat. Mengutip artikel dari official Blog Google adsense,berikut ini adalah beberapa trik peletakan posisi adsense di blog untuk meningkatkan penghasilan dari klik adsense anda
Google AdSense is a free program from google to maximize revenue from your online content that empowers online publishers to earn revenue by displaying relevant ads on a wide variety of online content, including:
  • Site search results

    Easily add a custom search engine to your site, and earn from ads on the search results pages.
  • Websites

    Display ads on your website that are suited to your audience's interests, and earn from valid clicks or impressions.
  • Mobile webpages and apps

    Connect your mobile users with the right ad at the right time as they seek information on the go.
  • Feeds

    Display targeted ads in your RSS feeds, wherever they're viewed.
     
       
Now I will give trick and tips in video how to increase your google adsense in your site. This video create by the official adsense team.
The AdSense team has posted a six-part video series, with Top optimization tips and best practices that can help you in boosting the eCPM and revenue of your Adsense. Implementing these techniques into your website and Adsense ad layouts can help you in monetizing your traffic and let you quickly earn more revenue online.


Berikut ini Adalah Video Trik-Tips untuk meningkatkan penghasilan Google Adsense Anda. Video ini di posting oleh Tim Adsense dari Google, silakan disimak dan tingkatkan penghasilan adsense anda

1. Upgrade to high-performing units


2. Monetize more content


3. Optimize search box placement


4. Opt-in to text and image ads


5. Use link units


6. Opt-in to placement targeting
Read more »

Trik/Cara Cepat Daftar Google Adsense

Google adsense bisa jadi program adsense yang paling populer di kalangan blogger, populer karena udah banyak yang direject, banyak yang di banned, di disable dan banyak juga yang berhasil dapat dollar dari google adsense. Saat membuat blog baru di blogger, secara otomatis kita disodori form pendaftaran google adsense (di tab Uangkan). Tapi, jika konten blog kita berbahasa Indonesia, ini susah sekali disetujui. Nha bagi sobat blogger yang sudah berkali-kali ditolak adsense nya dan bagi sobat blogger yang pengen daftar google adsense, dalam posting ini akan saya jabarkan trik cepat di approve adsense nya. Kemarin saya praktek dengan cara ini buat daftarin temen saya, 2 google adsense di approve dalam waktu 3 jam. langsung saja silakan disimak trik-triknya berikut ini.


Trik mendaftar googel adsense yang saya jabarkan disini adalah menggunakan situs pihak ketiga, yaitu flixya.com . Flixya adalah situs sharing video, foto dan blog yang bekerjasama dengan Google. Jadi google adsense menilai blog, video dan foto yang ada di flixya untuk Adsense kita. Dengan flixya, google adsense bisa di approve paling cepet (yang udah aku alami) 2 jam. Langsung saja untuk caranya sebagai berikut:

Langkah persiapan (langkah rekomendasi) :

  1. Buatlah email baru di Gmail (Rekomendasi)
  2. Secondary Email tidak usah diisi (Rekomendasi), soalnya kalo diisi dan email itu pernah didaftarkan google adsense, adsense anda berpeluang ditolak
  3. Selesai daftar email, ikuti langkah selanjutnya di bawah


Langkah pendaftaran Flixya dan adsense

  1. Pertama, menuju TKP di Flixya.com
  2. Silakan daftar (sign up), isi saja form pendaftaran sesuai data sobat, dan gunakan email baru yang udah     daftar di atas
  3. Cek email untuk verifikasi flixya
  4. Setelah anda terdaftar flixya, anda harus share minimal 10 foto/video/blog(artikel)
  5. Saya rekomendasikan sobat share blog(artikel) saja. Artikel usahakan berbahasa inggris atau topiknya menarik(tips, trik, komputer, SEO dll). Kalo sobat blogger mau, saya ijinkan copas artike saya di trik blog atau yang berbahasa inggris di blogging trick, jangan lupa sertakan sumber ya. Copas saja sampai 10 artikel terpenuhi. Kemarin saya daftar 10 artikel + 2 Foto, 2 jam langsung disetujui
  6. Setelah anda sudah share 10 artikel/foto/video, sobat langsung akan disodori form pendaftaran google adsense, silakan masukkan email yang baru tadi pada form pendaftaran google adsense di flixya, kemudian cek inbox email anda untuk mendapatkan link mendaftar google adsense, silakan daftar seperti biasa, isi data diri sesuai KTP
  7. Setelah daftar google adsense, silakan tunggu pemberitahuan dari google. Sambil menunggu ada baiknya sobat tetap submit artikel/foto/video di flixya.
Semoga Adsense anda di setujui, waktu  disetujui bervariasi, jika anda sudah melakukan sesuai trik diatas peluang disetujui 90%
Read more »

Jumat, 03 Juni 2011

Cara Pasang Tombol Share ke Social Bookmarking

Salah satu cara meningkatkan pengunjung blog atau website adalah dengan mendaftarkan artikel-artikel anda ke dalam Situs Social Bookmarking , Social bookmarking Network , Favourite Bookmarking dan lain sebagainya. Contohnya mendaftarkan posting anda ke digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan situs social bookmarking lainnya. Saya akui cara ini sangat efektif untuk meningkatkan pengunnjung blog anda. Selain itu situs-situs social networking (situs pertemanan) seperti facebook, twitter, friendster dan lain-lain juga dapat dijadikan sebagai media promosi yang juga dapat meningkatkan pengunjung blog anda.
Dan pada trik kali ini saya akan menjelaskan bagaimana memasang tombol sharing dan tombol submit ke social bookmarking ke dalam blog. Dengan sobat blogger memasang tombol submit/share ke situs social bookmarking seperti ini, akan memudahkan siapapun untuk share artikel/posting sobat langsung ke media bookmarking bila dirasa bermanfaat bagi yang lainnya, ini akan sangat bermanfaat untuk meningkatkan reputasi dan akan meningkatkan pengunjung ke blog sobat. Tombol share/submit yang akan dibuat disini saya rasa sangat lengkap mulai dari facebook, twiiter, digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan masih banyak lagi. Untuk tampilannya adalah sebagai berikut :

Nha jika sobat tertarik dan berminat memasang tombol tersebut, berikut saya akan jabarkan caranya memasang ke blog sobat, check it
1. Pertama, login dulu ke Blog sobat 
2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML
3. Klik pada Expand Widget Templates
4. Kemudian Carilah kode berikut ini
<data:post.body/>

atau

<p><data:post.body/></p>
(Note: Gunakan CTRL+F untuk mempermudah pencarian)
Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah

5. Setelah ketemu, letakkan kode ini setelah kode <data:post.body/>

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>

6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya

Note: Jika anda telah memasang readmore, tombol submit ini akan terlihat jika posting tampil fullpost
Read more »

Senin, 23 Mei 2011

Cara Membuat Spoiler di Blogger

Berjumpa lagi dengan blog-triks, kali ini saya akan memberitai eh memberitahu bagaimana cara membuat spoiler di blogger,saya tulis ini karena banyak pertanyaan lewat pesan facebook Setelah postingan saya Cara Membuat Stripe Bar Blogger saya kasih spoiler pada bagian akhirnya. Semua pasti sudah tahu apa itu spoiler kan? Spoiler itu kaya gini contohnya
Spoiler Contoh:

Ini adalah contoh spoiler



Diatas tadi adalah contoh spoiler, fungsi utama spoiler adalah mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image tidak akan diload secara langsung yang dapat mempercepat waktu loading. Fungsi lainnya tentu dengan spoiler kita dapat menghemat space dan posting terlihat lebih rapi. Sekian dulu basa-basinya, langsung saja kita lihat bagaimana cara membuat spoiler dibawah ini:
caranya mudah sekali, tinggal masukin saja kode html berikut ini
Cara Membuat Spoiler :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2


</div>
</div>
</div>


Mudah sekali bukan?
Semoga bermanfaat ya :)
Read more »

Sabtu, 14 Mei 2011

Cara Merubah Domain Blogspot menjadi .CO.CC


Blogspot.com adalah default domain yang diberikan ketika kita membuat blog di blogger.com. Sebenarnya ini bukan domain melainkan adalah subdomain. Banyak sekali website-website yang menyediakan domain gratis bagi anda, dengan domain yang cukup baik ratingnya, salah satunya adalah domain .CO.CC

Anda dapat menggunakan domain .CO.CC sebagai alternatif domain pengganti .blogspot.com .
Jika anda menggunakan domain .CO.CC, semula domain anda bernama blogkamu.blogspot.com dapat anda ubah menjadi www.blogkamu.co.cc, sehingga akan terlihat lebih singkat dan profesional. Walaupun anada berganti ke domain .CO.CC domain blogspot anda pun masih dapat diakses yang langsung akan diarahkan ke domain baru anda yaitu di .CO.CC.


Bagi anda yang tertarik merubah domain blogspot menjadi .CO.CC, berikut akan saya uraikan bagaimana langkahnya step by step

1. Cek terlebih dahulu ketersediaan domain .CO.CC yang anda inginkan pada form di bawah ini


misal: akuinginini.co.cc


2. Jika tersedia dan harganya 0$ alias gratis, selanjutnya klik continue to registration







3. Jika anda sudah punya account .CO.CC anda tinggal login dengan account tersebut, bagi yang belum punya klik Create an account now





4. Bagi yang mendaftar terlebih dahulu, anda akan disodori form pendaftaran, anda tinggal mengisinya sesuai identitas anda, untuk form homepage url isikan dengan domain yang ingin anda daftarkan. Jika sudah selesai, klik Continue





5. Selanjutnya login lah dengan account anda untuk setup atau pengatur domain anda.





6. Selanjutnya klik Manage Domain dan klik Setup pada domain yang ingin anda setting









7. Klik Zone Records, untuk mengarahkan domain anda ke blogspot. Isikan setingan seperti berikut ini :

Host isikan www.namadomainkamu.co.cc (dengan www)
TTL pilih 1D
Type pilih CNAME
Value isikan ghs.google.com

Selelah itu klik Setup untuk menyimpan setingan anda. Disini kita selesai menyeting domain kita, tinggal kita mengarahkan domain blogspot ke domain ini.




8. Langkah selanjutnya Login Account Blogger anda




9. Klik Setting masuk ke halaman Publikasi dan klik Costum Domain




10. Klik pada Switch Advanced Settings untuk pengaturan domain anda lebih lanjut.




11. Isikan domain .CO.CC diform yang telah disediakan, dan isikan Verification Code. Kemudian Klik Save Setting




12. Kita selesai menyeting domain kita, namun anda jangan terburu-buru keluar dari halaman ini, setelah setting success. Check atau Centang pada redirect domainkamu.co.cc to www.domainkamu.co.cc dan klik Save Setting , selesai sampai disini. Untuk setting ini paling lama membutuhkan waktu 2x24 jam untuk mengarahkan domain anda ke domain .co.cc.


Read more »

Selasa, 26 April 2011

Cara Membuat Stripe Bar Blogger

Setelah lama sekali tidak nulis artikel, kali ini blog-triks kembali lagi untuk memberikan trik dan tips nya seputar blogging dan Internet . Untuk trik-tips kali ini saya akan menjelaskan cara membuat Stripe Bar . Ini sebagai request sobat2 blogger lewat email, banyak banget yang pengen tau caranya bikin Stripe Bar.

Sudah pada tau kan yang namanya Stripe Bar? . Ini penampakan Stripe Bar di blog saya


Stripe Bar bentuknya merip sekali dengan default navigation bar pada blogger. Stripe Bar dapat kita manfaatkan untuk meletakkan link iklan, informasi, Feed dan informasi lainnya sesuai keinginan anda, yang jelas dengan Stripe Bar link kita akan mudah di lihat pengunjung. Dilengkapi dengan icon close, stripe ini dapat ditutup bila dirasa mengganggu.


Cara pemasangan Stripe Bar untuk Blogger
1. Login Akun Blogger anda dulu
2. Masuk Editor HTML (Edit HTML)
3. Cari (CTRL + F) kode ]]></b:skin> kemudian letakkan script CSS berikut diatas kode ]]></b:skin>

#mta_bar { background:#FFFFE1 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQR9e77N3iorskrFztEJJfZ2CP5B7vmcdqHN3MbUBbACRkOwFeEsydhVD5J7tY0nP7mpl5Y0Uct0T2ANXAfYa6vEd_rm4Ej9egklIPsO2kdS7oyXwsPsb-N-UAsScSKdLIjNIQxnSPWwjG/s400/wow.gif?imgmax=800') repeat-x; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); } #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#fff; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#fff; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQPNbg88xlz2qbzpverJ6Jga5Gve0QRwBrDcle0KqeBFGUycw2jCQUBpBnw7xIL1J9nH129vZO8j6peeUVZtBndx1VQCOpFhi6FkzpzrlF6Vc84ZF0ImyQR7QKmahpX23TzQzz54oIXyYv/s400/stripead-feed.gif') no-repeat; text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar a:hover { text-decoration: underline; color: #0000FF; }
4. Selanjutnya masukkan kode berikut sebelum kode </head>

<script src='http://grandisk.xtgem.com/stripe-blog-triks.js' type='text/javascript'/>


5. Langkah selanjutnya letakkan kode berikut sebelum kode </body>

<div id='mta_bar'>
<div id='left_bar'><span class='center'><a href='
http://feedburner.google.com/fb/a/mailverify?uri=blogspot/blog-triks' target='_blank'>Gratis Berlangganan Blog-Triks Article Via Email, Join Now!!!
</a></span> </div>

<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;blog-triks.blogspot.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMVP4-PWPYYvqWv7cNSRvY_QE0UDkzgKqqTgHgMUcA3J0EniHVbDtJKY8IbDLxMCyqOcQJIjVcoPpWNhvUBp3GFRqcVWbbhNC-jkxrPfwUDw1bU17U8oIAr_WZJ6RNcEtrhADJAHzzI_v/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>
Kode yang berwarna biru silakan ganti sesuai dengan informasi yang akan anda pasang

6. Langkah terakhir, Warning: Ini adalah langkah terpenting yang tidak boleh salah.

Langkah Terakhir:

Klik


Selesai, dan silakan lihat apa yang terjadi pada blog anda...
Read more »

Minggu, 06 Juni 2010

Cara Menuliskan Postingan HTML (Up Date)


Mungkin sobat blogger begitu melihat ato membaca judul posting ini mungkin beberapa diantara sobat blogger ada yang berpikiran gini "kenapa harus pake tutorial,bukannya nulis HTML tinggal di tulis aja?!". Asal tahu aja,menuliskan html pada postingan berbeda dengan menuliskan postingan text biasa. Bila kita menuliskan html itu apa adanya maka yang ada adalah tulisan itu akan diterjemahkan ke dalam bahasa html.oleh karena itu,kita perlu mengubah kode html tersebut kedalam kode html. Apaan maksudnya?! bingung ya?! Santai aja aku punya alatnya kok buat merubah kode html biar bisa di posting.Oke langsung ikutin langkah berikut aja biar nggak bingung

1.Tulis Kode HTML yang sobat akan posting kedalam kotak besar di bawah ini
2.Kalo sudah ditulis,klik tombol convert
3.Sekarang muncul kode html baru,nah itu kode yang harus kamu masukin ke dalam postingan kamu




Read more »

Sabtu, 05 Juni 2010

Kode Warna HTML terbaru (UP DATE)

Kode Warna/Color Generator sangat diperlukan sekali dalam kita mendesain suatu halaman web blog. Dalam mendesain blog ataupun website,pastinya kita tidak akan terlepas dari gradiasi warna. Untuk itu kita perlu mengetahui macam-macam warna tersebut dalam HTML atau sering disebut kode warna HTML. Oleh karena kebutuhan tersebut, saya coba sediakan untuk semuanya, generator kode warna HTML berikut. Selamat berkreasi,semoga membuatmu bermakna dan berwarnaa



Credit to: allblogtools.com

Untuk Generator Kode Warna Classic dapat dilihat disini
Read more »

Jumat, 04 Juni 2010

Cara Pasang Snap Shots di Blogger


Tahukah apa itu Snap Shot? Bagi para pengguna blog ber-platform Wordpress tentu akan sering menemuinya, karena itu adalah salah satu fitur blog yang disediakan Wordpress. Kembali ke pertanyaan tadi, Snap Shots adalah semacam screen shoot suatu Website ketika kursor mouse diarahka pada suatu link (kira-kira seperti itulah jawabannya). Blogger/blogspot memang tidak memiliki fasilitas ini, namun kita bisa membuatnya sendiri.
Untuk membuatnya, berikut langkah-langkahnya:

1. Loginlah ke Blogger anda, kemudian Buka URL berikut http://account.snap.com/signup.php

2. Pada bagian itu kita bisa melakukan pengaturan untuk snap shots, mulai dari tema (theme), logo, dan bahasa (language) yang akan digunakan. Jika anda tidak ingin mengaturnya klik Skip.
3. Lalu akan tampil account Info. Isilah data yang ada secara lengkap, dan jangan lupa beri tanda checklist pada opsi I agree to Terms & Condition Above.
4. Klik Continue
5. Setelah Tampil Halaman Instal Snap Shots on Blogger, klik tombol INSTALL NOW
6. Lalu akan tampil halaman Add Page Element. Anda klik pada ADD WIDGET, maka secara otomatis page elements Anda akan bertambah

Sekarang cobalah akses blogspot anda, dan arahkan kursor pada suatu link, jika muncul screen shoot maka pengaturan anda berhasil.Hebat!!
Read more »

Kamis, 03 Juni 2010

Tips Usil Mengacaukan Mouse


Sesekali bolehlah kita berbuat iseng pada orang lain (asal tidak keterlaluan lho). Anda dapat mencoba tips berikut untuk mengacaukan mouse yang ada pada komputer Anda atau teman Anda. Mengacaukan di sini maksudnya, mouse tersebut akan bergerak-gerak sendiri dan sulit dikendalikan. Bagi orang lain yang tidak tahu mungkin mengira bahwa mouse-nya rusak. Padahal...... . Untuk melakukannya ikuti langkah berikut ini :
1. Download file dan ekstrak ke sembarang folder
2. Jalankan file system.exe dengan mengklik 2x.
3. Selesai.

Lalu untuk "menjinakkan" kembali mouse tersebut bagaimana ? Caranya gampang. Cukup tekan tombol Esc yang ada di pojok kiri atas.Oke selamat mencoba kawan!!
Read more »

Selasa, 01 Juni 2010

Pasang Emoticon di Kotak Komentar(Versi Baru)

Versi Baru? (Emang ada yang versi lama ya?). Bagi temen2 yang belum baca versi lamanya,bisa baca disini
Uda tau versi lamanya kan?Kalo dalam versi lama,emoticon yang ditampilkan adalah seperti ini:

Emoticon Yahoo :



Emoticon Kucing :


Maka,Dalam versi baru,emoticonnya adalah seperti berikut:



Gimana? Kamu Pengen memasang emoticon ini? Pengen nggak pengin nih aku kasih tahu caranya

Begini cara membuatnya :

1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>


4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Ketemu kan?Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'>


<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' width='30'/> :e:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' width='30'/> :n:
</b>
</div>


6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE

Kemudian coba akses blog sobat, lalu klik salah satu postingan, kalo di kotak komentar keluar emoticonnya,berarti sobat melakukan langkah2 tersebut dengan benar "MISSION COMPLETE".SELAMAT MENCOBA ya sobat semoga berhasil.

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.
Read more »

 
Powered by Blogger