Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Thursday, 15 July 2010

Pasang Comment Replay di Blogger

Setelah sekian lama Discover java script buat Comment Replay, akhirnya ketemu juga, entah udah berapa java script kode " Comment Reply " yang udah di coba namun baru kali ini bisa berhasil. Maklumlah Blognya cuma pake Blog gratisan dari Blogger.

Buat yang mau pasang Comment Replay di blognya,  Khususnya yang pake Blogger, ni tak kasih bocoran. Pertama - tama yang harus di lakukan tentunya login dulu dung ke Blogger. Klik tuh tab Design buat blog yang pake bahasa English kalo blognya pakai bahasa Indon ya tab Desain. Kalo udah klik tuh tab Eit HTML, jangan lupa di centang tuh tanda Expand Widget Template.

Cari kode <b:include data='comment' name='commentDeleteIcon'/> dah ketemu blum ? kalo udah di KoPas java scrip di bawah ni, letakin pasa di bawah kode <b:include data='comment' name='commentDeleteIcon'/> .

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Di isi ID bLOG PUNYA ENTE&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='http://img705.imageshack.us/img705/8646/reply05.png'/></a>

nah lanjutin ke langkah berikutnya jangan lupa di ganti " Di isi ID bLOG PUNYA ENTE " dengan ID Blog punya ente.


Carinya gampang coba ke Dashboard dulu z, salah satu tab Setting atau Design. nah tuh di atas yang ada lamat Url http://draft.blogger.com/rearrange?blogID=4567898765482372848
Tuh yang di cetak tebal Contoh ID Blog. Tinggal di Save tuh Tempalte.

Buat deteksi berhasil pa ngak coba ke salah satu postingan blog yang udah di terbitkan tapi yang udah ada komentarnya, kalo semua postingan ngak ada komentarnya di komentarin aza dulu ma ente sendiri, sekedar buat uji coba.
Bookmark and Share

Monday, 12 July 2010

Tampilan Kursor di Blog Lebih Asyik

Buat yang pernah mampir ke Blog ini sebelumnya, mungkin ada satu penampakan yang berbeda. Yupz btul, bentuk Mouse cursornya lebih besar & interisting.

Pengen tampilan cursor Blog khususnya buat Blog yang ada di Blogger jadi berbeda ? kalo mau ni saya jelasin caranya.Tips ini saya dapet dari bloggerwidgets.cz.cc.

Pertama-tama yuang haris dilakuin masuk ke menu edit Html, cari kode java script </head> lalu masukin kode di bawah ini :

<style type="text/css">body, a, a:hover {cursor: url(http://nirav07.110mb.com/cursor/cur116.cur), progress;}</style>
</head>

Jangan lupa kalo udah di Save, Coba selanjutnya check blog ente, nah beda kan ! Haha

Buat merubah tampilan Cusornya ke bentuk yan lain, tinggal ganti aza url yang berwarna hijau, dengan url di bawah ini

- http://files.bloggerwidgets.cz.cc/cursor/sym480.cur
- http://files.bloggerwidgets.cz.cc/cursor/sym498.cur
- http://files.bloggerwidgets.cz.cc/cursor/use32.cur

Selamat Mencoba.
Bookmark and Share

Thursday, 8 July 2010

Make Widget Category

Blog on Blogger that still use classic HTML Template usually there are no widgets in the sidebar of Categories. if we want to display the widget category we need to add a new java script. we can add them easily enough with one copy and paste the Html sub sidebar that already exists, then we edit.

Here is how to edit, and place the java script, which I've tried it on my blog Deogs. My blog uses classic Template Minima Black, so maybe the results will be different for other templates.
Previously my Blog did not have a blog widget categories.

First go to the Edit menu Html, Search java script code

</BloggerPreviousItems>
 


Copy paste the java script code below under the code of java script above.

</ul>
  </MainOrArchivePage>
  <h2 class="sidebar-title">Category</h2>
    <ul id="label">
    <BloggerLabelItems>
        <li><a href="http://Blog url.blogspot.com/search/label/Label Blog">Label Blog</a></li>
        <li><a href="http://Blog url.blogspot.com/search/label/
Label Blog">Label Blog</a></li>
        <li><a href="http://Blog url.blogspot.com/search/label/Label Blog">Label Blog</a></li>    

     </BloggerLabelItems> 

Replace the bold words in the blog url in accordance with the ID blog example "myname.blogspot.com" and also "Label Blog" in accordance with the existing labels in your blog, because if not replace the java script will not function correctly. If already in the dressing do not forget to save it.


If you want to add more categories, just copy paste the code

<li><a href="http://Blog url.blogspot.com/search/label/Label Blog">Label Blog</a></li>

Put in a new paragraph under earlier codes.

Ok ! Good Luck.
Bookmark and Share

Monday, 5 July 2010

Kode Warna HTML

Untuk mengedit sebuah templet HTML sebuah web atau Blog kita mesti benar-benar mengerti dengan berbagai kode yang di gunakan untuk mendesainnya, walaupun memang ada beberapa software yang  bisa secara otomatis menerjemahkan desain tempalte ke dalam kode Java script HTML.


#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#00CCFF
#00CCCC
#00CC99
#00CC66
#00CC33
#00CC00
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#0033FF
#0033CC
#003399
#003366
#003333
#003300
#0000FF
#0000CC
#000099
#000066
#000033
#000000
#465584
#EEF2F7
#3A4F6C
#00D
#434951
#555
#777
#DFE6EF
#345487
#F5F9FD
#3860BB
#BCD0ED
#C2CFDF
#F0F5FA
#D1DCEB
#003
#900
#CCE9FD
#E4EAF2
#4C77B6
#DFE6EF
#EEF2F7
#F

Semoga informasinya dapat sedikit membantu.
Bookmark and Share

Sunday, 23 May 2010

Edit Blog kamu Semaunya - Part 2

Pada postingan sebelumnya " Edit Blog kamu Semaunya " sudah dijelaskan bagai mana meng-Edit Blog.Tapi mohon maaf apabila cuma sampai menjelaskan Gadget yang ada di fitur Basic.
Pada postingan kali ini saya akan menjelaskan fitur Gadget yang selanjutnya yang mungkin berguna buat anda yang ingin membuat sebuah Blog ataupun yang sudah punya namun masih bingung bagai mana menambahkan gadget pada Blognya.Atau Gadget apa saja yang dapat mempercantik Blog.Namun tidak semua bakal saya jelaskan,Karena kalo di jelaskan semua ada ribuan fitur Gadget yang di tawarkan Blogger.


Ok langsung kita lanjut ke pokoknya saja

-Featured

Terdiri dari 15 Gadget,Gadget yang umumnya di gunakan dari fitur Featured diantaranya :

1. Amazone Deals : Menampilkan Produk-produk yang bisa di lelang dengan harga yang relatif lebih murah.
2. SocialVibe : Gadget yang bertujuan meminta donatur kepada visitor yang kemudian di salurkan ke lembaga-lembaga sosial.
3. Share it : Gadget yang digunakan untuk membagi postingan ke media situs anda.
4. Twitter update : Menampilkan twittan terbaru anda jika anda mempunyai account di Twitter.
5. Recent Coment : Menampilkan siapa saja yang sering mengirimkan komentar di Blog.

-Most Popular

Terdiri dari 5 Gadget  :

1. Recent Coment : Sama seperti penjelasan di atas
2. Bloger Play : Kalo yang ini saya sendiri belum begitu tau karena setiap kali sayang pasang gadget ini pasti muncul " Maaf kami tidak dapat menyelesaikan permintaan anda"
3. Fish : Menampilkan sentuhan Nature di Blog ,ya...! sebuah gambar kolam yang terdiri dari beberapa iakn yang sedang asyik berenang.
4. Digg 2.2 : Menampilkan berita-berita terbaru dari segala penjuru dunia
5. Official YouTube Gadget : Menampilkan vidio-vidio dari YouTube.

-More Gadget 

Kalo yang ini sampe ada 1642 Gadget.Saya akan jelaskan Gadget yang Populernya saja :

1. Twitter Follow Me Button : Gadget untuk Twitter anda apabila ada pengunjung yang ingin memfollow anda di Twitter sehinggga tidak perlu masuk dulu ke Twitter cukup di Blog anda.
2. Sociable : Sharing potingan dengan web pengunjung.
3. Twitter Update : Menampilkan twittan yang telah anda twiit.
4. Daily Calendar : Ngak perlu di jelasin karena pastinya dah pada tau apa itu kalender
5. Windows Live Massenge: Gadget buat chatingn dengan teman jejaring sosial anda.Seperti yahoo,Facebook dan lainnya.
6. Mini Forex : Gadget kurs mata uang secara live.Jadi anda dapat melihat perkembangan nilai mata uang setiap saat.
7. Revolvers Maps : Gadget yang menampilkan Peta perkembangan Blog yang di tampilkan keren banget dengan effect 3D
8. Translator : Gadget buat menerjamahkan Postingan ke berbagai bahasa.
9. UpComing Movie Trailer : Menampilkan Film-Film terbaru yang bakalan hadir di Bioskop
10. Google Search : Gadget ubtuk pencarian

-Add yuor Own   



Jika anda mampu mendesign Gadget sendiri atau mempunyai gadget dari pihak ketiga anda dapat menambahkanya dari sini.

Untuk menambahkan Gadget-Gadget tersebut ke Blog.Anda tingggal mengklik pada Tab  kemudian akan muncul Windows baru.Jika kita inngin merubahnya ke ukuran yg lain anda tingggal mengisi pada kolom yang di sediakan akan tetapi sesuaikan dengan widht Templet anda.Selanjutnya klik tab Update di lanjutkan klik tab Save..
Ok sekian dulu penjelasanya kita lanjut lagi lain kali dengan bahasan Template Designer yang merupakan bagaimana mempercantik Blog. 

Wasalam

nDeogs
Bookmark and Share

Friday, 21 May 2010

Edit Blog Kamu Semaunya

Salah satu fitur yang di tawarkan Blogger buat para Bloging adalah Template Designer.Disini anda dapat mengatur Blog anda sedemikian rupa sesuai dengan keinginan anda,namun memang masih dalam batasan Google.Kecuali anda memang mampu mendesain Templet blog sendiri misal menggunakan Artisteer2 web design seperti yang telah saya jelaskan pada postingan sebelumnya Artisteer2 Software Web Design.Anda tinggal meng-Uploadnya di Design Edit HTML.
Smiley
Ok deh kita mulai saja ya Tutorialnya.

1. Masuk Account Blog

Yang pertama kali anda lakukan tentunya masuk terlebih dahulu ke Account Blogger anda.Gimana mau ngedit gratis masuk aja belum. Smiley

2. Blogger Dashboard

Setelah masuk ke Account blog anda akan di arahkan ke Blogger in draft : Dashboard.Di Dashboard anda akan terlihat New Post, Edit Post, Setting, Design dan Monetise.Klik pada tab Design.

3. Design

Selanjutnya anda akan di arahkan ke Blogger :: Edit Layout akan muncul Page Element Edit HTML, Chose New Template dan Template Designer.Klick pada tab Add a Gadget disini adalah anda dapat menambahkan Gadget atau Widget sesuai dengan selera anda,Contoh kaya Pages,Follower, Adsense dan masih banyak lagi yang bisa anda gunakan.Jika anda klik akan muncul windows baru dengan pilihan Basic Featured, Most Popular, More Gadget & Add your Own.Yang mana merupakan pilihan Gadget yang dapat anda gunakan.
Nih saya jelaskan 1 bye 1 Free Smilies courtesy of www.GreenSmilies.com


- Basic


Terdiri dar 21 pilihan Gadget,yaitu :


1. Pages : Gadget untuk menampilkan halaman-halaman yang ada di blog seperti Home , About dan lain-lain sesuai dengan halaman yang ada di Blog
2. Follower : Menampilkan siapa saja yang mengikuti Blog anda.
3. Search Box : Gadget untuk pencarian bagi yang berkunjung ke Blog
4. HTML / JavaScrip : Menambahkan code dari pihak ke-tiga untuk Blog anda.
5. Text : Menampilkan kalimat-kalimat sesuai yang anda sukai
6. Adsense : Gadget untuk iklan yang disediakan oleh Google.Anda bisa mendapatkan penghasilan dari sini jika ada yang meng-Klick pada tayangan iklan Adsense tersebut.Itupun jika Adsense anda telah di setujuai oleh Google Adsense.Untuk lebih jelasnya kita bahas nanti.
7. Picture : Anda dapat menambahkan gambar dari komputer atau dari web lain.
8. Slide Show : Tambahkan slide show poto anda disini.
9. Video bar : Menampilkan vidio dari Youtube ataupun dari web lain.
10. Poll : Polling bagi yang berkunjung ke Blog anda.
11. Blog List : Menampilkan Blog-Blog anda.
12. Links List : tampilan link-link yang anda sukai.
13. List : Menampilkan apa saja yang anda sukai seperti buku,film atau apa saja.
14. Feed : Menampilkan RSS atau Atom feed anda di Blog.
15. Newsreel : Tampilan untuk berita-berita terbaru dari Google.
16. Labels : Menampilkan semua yang telah anda postingkan.
17. Subcription Links : Gadget agar pengunjung dapat dengan mudah meng-Subcribe apa saja yang menjadi populaer di Blog.
18. Loggo : Menampilkan Loggo Blogger.
19. Profile : Menampilkan Profile anda di Blog
20. Blog Archive : Menampilkan posting-posting lama anda.
21. Page Header : Menampilkan Title dan Descripsi Blog anda.


-Featured


Terdiri dari 15 Gadget , yaitu :

1. Karena saya cape kita lanjut lain kali saja Ok...! Smiley


4. Templet Designer 


Anda akan dihadapkan pada bagaimana mendesain Blog anda seperti layaknya Seorang Web Design Profesianal.Untuk yang satui ini kita bahas lain kali saja ok...! Smiley


Ok sekian dulu buat Informasinya semoga bermanfaat.Kita lanjut lain kali saja Ok ...! Si perut ngak bisa di ajak kompromi Okay  ...! Smiley


Wasalam
Smiley
nDeogs
Bookmark and Share