FEED BLOG

How to remove "Subscribe to: Posts (Atom)"

Written By Admin on Kamis, 02 Desember 2010 | 18.47

This is step by step how to remove "Subscribe to: Posts (Atom)" in your blogspot. For safety reason please backup your template.

Removeing "Subscribe to: Posts (Atom)" using CSS

Go to "Layout" | "Edit HTML"
Now, find this line of code below

body {

Replace line code above with the folowing code
.feed-links{display:none;}
body {
Save your template and View your blog.

If you fail or anything bad happens, restore your backup template.

18.47 | 0 komentar

How to remove "Powered by Blogger"

This is step by step how to remove "Powered by Blogger" in your blogspot. For safety reason please backup your template.

First way, removing "Powered By Blogger" with removing widget Attribution1

Go to "Layout" | "Edit HTML"
Give Check on "Expand Widget Templates"
Now, find this line of code below

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Remove this code from your template
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != ""'>
        <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
</b:includable>
</b:widget>
Save your template and View your blog.

Second way removing Powered By Blogger using CSS.

Go to "Layout" | "Edit HTML"
Give Check on "Expand Widget Templates"
Now, find this line of code below

body {

Replace line code above with the folowing code
#Attribution1 {display: none;}
body {
Save your template and View your blog.

If you fail or anything bad happens, restore your backup template.

18.12 | 0 komentar

Written By Admin on Jumat, 19 November 2010 | 01.38

Step by step installing Google Search in your blog.

Go to Your "Dashboard"
Click "Design"
Make sure, you are in "Page Elements"
Click on Add a Gadget.
Window "Add a Gadget" will be shown.
Look for "Search Box" and Click it
You will be redirect to page "Configure Search Box"
If you have done configure it. click Save and view your blog
Look at your blog. Google search engine has been installed in your blog

01.38 | 0 komentar

Written By Admin on Senin, 15 November 2010 | 12.25

Step by step installing Google Translate in your blog.

Go to Your "Dashboard"
Click "Design"
Make sure, you are in "Page Elements"
Click on Add a Gadget.
Window "Add a Gadget" will be shown.
Look for "HTML/Javascript" and Click it
You will be redirect to page "Configure HTML/Javascrip"
Type this on title "Translate this blog".
Copy code below and then paste in the content

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Your configuration should be like this:
And then "Save".
Google Translate has been installed on your blog. just look at your blogger

12.25 | 0 komentar

Written By Admin on Minggu, 14 November 2010 | 01.20

This post presented for me to understanding the "Query Parameters in Blogspot Feed". As we know, the URL to get feed items of our blog is http://yourblogname.blogspot.com/feeds/posts/default. You can review this feed after as my blog feed : http://isitdull.blogspot.com/feeds/posts/default or you can use your own blog to experiment.

There are two options how to using your blogger's feed

Using your blogger's address : http://yourblogname.blogspot.com/feed/post/default
Using your blogid : http://www.blogger.com/feeds/blogID/posts/default

The Blogger Data API supports the following query parameter:

alt

Meaning - Alternative representation type
We can use one of the folowing values :

If wedon't specify an alt parameter, the service returns an Atom feed. This is equivalent to alt=atom
alt=rss returns an RSS 2.0 result feed (for reads only)
alt=json returns a JSON representation of the feed
alt=json-in-script Requests a response that wraps JSON in a script tag
alt=atom-in-script Requests an Atom response that wraps an XML string in a script tag.
alt=rss-in-script Requests an RSS response that wraps an XML string in a script tag.
alt=atom-service Requests an Atom service document that describes the feed.

For example :
http://isitdull.blogspot.com/feeds/posts/default?alt=json or
http://www.blogger.com/feeds/1862344473010958336/posts/default?alt=json
This will returns type of feed as a JSON.

/category

Meaning - Category query filter
Specifies categories (also known as labels) to filter the feed results.
For example,
http://isitdull.blogspot.com/feeds/posts/default/-/blogging or
http://www.blogger.com/feeds/1862344473010958336/posts/default/-/blogging
This will returns entries with the label or category of blogging.

max-results

Meaning - The Maximum number of results to be retrieved
http://isitdull.blogspot.com/feeds/posts/default?max-results=2 or
http://www.blogger.com/feeds/1862344473010958336/posts/default?max-results=2
This will returns entries with 2 results.

orderby

Meaning - The order in which to return entries, such as lastmodified (the default), starttime, or updated.
http://isitdull.blogspot.com/feeds/posts/default?orderby=updated or
http://www.blogger.com/feeds/1862344473010958336/posts/default?orderby=updated
I do not know how to using lastmodified and starttime!

01.20 | 0 komentar

Create a Mailing List for Your Blogspot

Written By Admin on Sabtu, 13 November 2010 | 14.31

When you create "New Post" entry in blogspot, You may want to alert all your blog's friends. But blogspot only has the options send to list of up to 10 email addresses to have your blog mailed to whenever you publish. Using Google Groups we can forward this e-mail to a whole list of people in our group.

Step by step creating a Mailing List with google group

Create your Google Group, you must have GMail Account to do this, if you don't have, You can sign up for a GMail Account free.
Invite your blog's friends to join in new Google Group
Set your blog to send e-mail to your new Google Group, In your Blogger Dashboard, Select setting, Email & Mobile, and then In the BlogSend Address enter the e-mail address for your Google Group.
Create Promotion's Box. Back to your google group homepage, go to Group Settings, General, Public website, promotion box, and then copy HTML Code shown in there. That HTML Code should like this:
HTML Code:
<table border="0" cellspacing="0" style="background-color: white; padding: 5px;"><tbody>
<tr><td>
<img alt="Google Groups" height="30" src="http://groups.google.com/intl/en/images/logos/groups_logo_sm.gif" width="140" /></td></tr>
<tr><td style="padding-left: 5px;">
<b>Subscribe to Is it dull?</b></td></tr>
<form action="http://groups.google.com/group/is-it-dull/boxsubscribe">

<tr><td style="padding-left: 5px;">
Email: <input name="email" type="text" />
<input name="sub" type="submit" value="Subscribe" /></td></tr>
</form>
<tr><td align="right">
<a href="http://groups.google.com/group/is-it-dull">Visit this group</a></td></tr>
</tbody></table>
Put your code in your Blogspot. Back to your blogspot, in your Blogger Dashboard, and click on "Layout". Click on "Add a Page Element" (the sidebar one will be best). Select the "HTML/JavaScript" option. Now paste in the HTML code you copied earlier. Click "Save Changes" and take a look at your blog!
You'll see like this :

Subscribe to Is it dull?

Email:

Visit this group

14.31 | 0 komentar

How to Getting Started in blog?

I just getting started in blog, and I don't know what will I do in this blog.
Anybody want to help me How to blogging? or maybe anybody want to learn blog together with me?

I'm so sorry if I can't speak english very well. Because my native language is Bahasa Indonesia. I want to learn english too.

Give me your suggestion about

How to Customize my Blog?
What Are Pages?
Where can i learn about Language Structure used by Blog?
What are the best widgets for my Blog?
Can i create a Mailing List for my Blog?
How to Get my Blog to Appear at the Top of Searches?

I really need it. Would you like share with me?

05.01 | 0 komentar

Membuat Tepi Gambar Bershadow Dengan CSS 3

Written By Admin on Minggu, 29 Agustus 2010 | 01.57

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note :

Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {

Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

Nah yang diganti adalah code CSS yang berwarna hijau saja.

kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat.

01.57 | 0 komentar

Menampilkan Widget Di Halaman Tertentu

Written By Admin on Senin, 23 Agustus 2010 | 05.10

Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

Nah langsung saja kita pelajari bersama-sama.

Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>

Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>

Untuk menempatkan dihalaman item/posting saja digunakan code

<b:if cond='data:blog.pageType == "item"'>

Dan untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini

<b:if cond='data:blog.url == "URL_HERE"'>

Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya

05.10 | 0 komentar

A Blogger's secret tool

Written By Admin on Kamis, 12 Agustus 2010 | 08.10

Do you write blogs? Then, if you haven’t already checked out Blog Copy, you definitely need to check it out. You might have taken hours to write an article on your blog, but there are people out there who just copy a part or the full article on to their blog just for traffic inflow. So, what blogcopy does is, it helps you to monitor and know what their visitors exactly copied from their blog.

I DISCLOSE

08.10 | 0 komentar

Create an app for the iphone now!

Written By Admin on Selasa, 10 Agustus 2010 | 13.32

Most of you might have heard of the "iFart" app for the iPhone. It might sound like a stupid app at the sound of it, but did you know that it turned into a $54,657 profit in just 30 days. Come to think of it, it isn't really hard to make a fortune with iPhone apps, all you probably need to know is to turn on a computer!
You might be wondering how you can build an app without any programming experience? Well, you definitely need to check this out in order for you convert your ideas into reality - Click Here!

13.32 | 0 komentar

Jquery Multi Level Menu Horizontal

Written By Admin on Jumat, 23 Juli 2010 | 02.29

Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.

Okkey langsung saja ke cara pembuatanya ya

langkah pertama yaitu masuk pada bagian Design lalu Edit HTML

Masukkan code dibawah ini dibawah code <head>



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/anasprod/jqueryslidemenu.js' type='text/javascript'/>

Lalu masukkan CSS dibawah ini diatas code ]]></b:skin>

.jqueryslidemenu{
font: bold 13px Verdana;
background: #800000;
width:100%;
float:left
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #800000; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background:#B30000; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#B30000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
position:relative;
}

Code diatas adalah style dari menu Anda, silahkan edit sesuai kebutuhan Anda.

Nah kalau sudah kita menuju kebawah untuk mencari code seperti dibawah ini

Perhatikan saja code yang berwarna merah karena code yang berwarna hitam diatas berbeda-beda setiap template

lalu taruh code dibawah ini dibawah code yang diatas tadi

Kalau sudah SAVE

Pekerjaan kita belum selesai, langkah selanjutnya yaitu menuju menu "Page Elements"

Terlihat pada "Page Elements" muncul tempat gadget baru, lalu klik aja "Add a gadget" dan pilih HTML/JavaScript dan masukkan code dibawah ini.

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://sangmerak.blogspot.com">SangMerak</a></li>
<li><a href="#">Kategori</a>
<ul>
<li><a href="#">Sub Kategori 1</a></li>
<li><a href="#">Sub Kategori 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://tutorial-jitu.blogspot.com">Tutorial Blog</a></li>
</ul>
<br style="clear: left" />
</div>

Nah code diatas adalah code dari widgetnya silahkan di edit sesuai kebutuhan Anda.

Kalau sudah silahkan di SAVE deh.

Nah semoga tutorial ini bisa bermanfaat bagi Anda dan silahkan tanyakan pada saya lewat komentar jika ada pertanyaan. Miss u all. bye²

02.29 | 0 komentar

Digital Waybill

Written By Admin on Kamis, 22 Juli 2010 | 11.46

Digital Waybill is a software company that makes software for courier services. The courier software does GPS tracking, online ordering and integrates directly with Quickbooks.

All it takes is about five minutes to set up our courier software. And about half hour to customize the delivery software to meet your unique business needs. The software is as simple as using you email and if you do not know to use the electronic mail services, nothing to worry, digital Waybill will help you in every step of the way. It can’t get easier than that!

Here are some of the things that Digital Waybill is proud of and is what most of their customers have to say about this product:

Seamless Quickbooks integration. Usually, invoicing takes hours, but with this software it’s done in minutes!
Monthly billing, no long term commitment or large amount of money up front!
Free trial of the product allows everybody to really learn the product.
Personal customer support, if they don't answer immediately which is rare, they always respond right back.
The remote assistance makes any issues you have, a non-issue; they can see exactly what you are talking about.
Within the first month of implementing Digital Waybill, their client received a new customer, just based on the fact that they can visually track their drivers and could show the prospect in the system, something they were promised by another courier that never happened.

11.46 | 0 komentar

USB eye Massager

Are you one of the million people who sit in front of the computer all day long at work, and then get home to watch tv and in the process straining your eyes to the core? Well, here is the USB eye massager is designed for you people. Once plugged into a USB port, the massager automatically turns on, and begins the massage. There are two different speeds, “high speed” and “low speed”. Apparently, the massage is pretty much the best thing ever invented which helps to "aid digestion, fight against infection" and that it "stimulates the lymphatic system." All that from two fingers being jammed into your eye socket.

11.19 | 0 komentar

Let the recruiters find you!!

Written By Admin on Rabu, 07 Juli 2010 | 18.11

Are you looking for jobs on Careerbuilder, Monster etc.? Well, these are sites that are best for people who are looking for jobs, like for me a month ago. But, perhaps there is something you didn't know - When you post your resume on a job board such as Monster or Hotjobs, your resume can only be viewed by employers who have a paid account. Well, it's true. So this means that if you only post to the job boards you are limiting yourself tremendously!

Now, resume bucket is one place where you can get your resume on the internet so that any recruiter can see it. Recruiters have become much savvier about how to search the internet for resumes, so as long as you have the appropriate key words, your resume will be available to them for free. Check out a sample resume.

18.11 | 0 komentar

USB Rechargeable Batteries

Here is a way you can preserve our environment and energy by using rechargeable batteries, rather than using plain disposable batteries that are harmful to our environment. So, by not using rechargeable batteries, not only do we end up spending more money but also end up polluting the environment.

Here is something that will surely catch your attention: You must have heard of rechargeable batteries which was released first in the 80’s and became a huge hit because it could be used over and over again. You must have heard of charging the batteries using electricity and power outlets and there are latest ones that use solar power for recharging. Well here is a USB AA rechargeable batteries. USBCELL AA batteries are standard rechargeable batteries but in order to recharge them you need to remove the top of the battery and plug them into the USB port. It takes about an hour to recharge it to 50%.

17.55 | 0 komentar

Cara Menghilangkan Widget Attribution Blogger

Pada episode yang lalu saya sudah menerangkan tentang kemunculan widget attribution blogger dan cara memindahkanya, pada episode kali ini pun masih membahas tentang widget attribution blogger namun yang saya bahas kali ini adalah cara menghilangkanya.

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.

pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Tinggal SAVE deh.

Dan jika Anda menggunakan code CSS di postingan ini, tinggal ganti code yang berwarna biru dengan code diatas.

Sekian dan terima kasih

01.31 | 0 komentar

Widget Recent Posts Dan Recent Comments Dari Blogger

Written By Admin on Selasa, 06 Juli 2010 | 04.34

Recent posts dan recent comments atau widget komentar dan posting terakhir adalah widget yang sering digunakan para blogger, karena kedua widget ini sangat berguna untuk mengetahui komentar terakhir dan posting terakhir di blog kita.

Dulu saya pernah mencoba menulis tentang cara membuat recent comments dan recent posts dengan javascript, namun sekarang kita tidak perlu susah-susah lagi untuk membuat widget tersebut dengan menggunakan javascript karena blogger sudah menyediakan widget ini di widget featured blogger.

Bagi Anda yang belum tau tentang cara menggunakan widget ini silahkan ikuti panduan dibawah ini.

Cara menggunakan widget ini cukup mudah yaitu :

Masuk pada "Design→ Page Elements"
Lalu Klik tombol "Add a Gadget"
Dan klik tombol "Featured"
Cari gadget Recent Comments, untuk menggunakan widgetnya klik tombol (+)

Setelah muncul kotak dialog seperti diatas kemudian isi konfigurasi widgetnya dan tekan tombol "SAVE"
Dan untuk widget Recent Post pada langkah nomer 3 cari gadget "Recent Posts" dan klik tombol (+) maka akan muncul kotak konfigurasi seperti dibawah ini

Nah setelah muncul kotak konfigurasi seperti diatas, lalu isi konfigurasinya sesuai keinginan Anda lalu "SAVE"
Selesai dan lihat hasilnya.

Okkey inilah bukti kemajuan blogger yang bisa Anda rasakan, semoga blogger lebih canggih lagi dan kita pun lebih mudah menggunakan blogger. Salam blogger

04.34 | 0 komentar

Tampilan Komentar Owner Berbeda (Template Baru)

Written By Admin on Senin, 05 Juli 2010 | 02.22

Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa membedakan author dengan user di komentar artikel.
Sebelumnya Saya sudah pernah membahas tentang bagaimana cara membuat kotak komentar pemilik blog berbeda dengan user, namun perkembangan blogger pun membuat tutorial tersebut tak bisa dipakai pada template yang baru, karena template yang baru codenya berbeda dengan yang lama. Dan saya pun juga pernah menulis tentang bagaimana cara mengubah komentar lawas menjadi yang baru, lalu pada kesempatan kali ini Saya akan mencoba menulis tutorial tentang cara membuat tampilan kotak komentar pemilik blog berbeda di template baru.

Yuk langsung saja ke tutorialnya

Masuk pada menu Design -> Edit HTML dan centang "Expand Widget Templates"
Taruh Code CSS dibawah ini diatas code ]]></b:skin>

.comment-body-author {
background: #FFFF29; /* Warna Background */
border:1px dotted #FF2929; /*Border*/
margin:0;
padding:0 0 0 20px;
}
Kemudian cari code yang berwarna hitam lalu sisipkan code yang berwarna merah, seperti dibawah ini.

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>

Perhatikan betul-betul penempatanya
SAVE dan lihat hasilnya.

Okkeylah sekian dulu. semoga bermanfaat bagi Anda dan jangan malu-malu bertanya jika ada kesulitan karena Saya akan mencoba membantu Anda.

02.22 | 0 komentar

Mengubah Komentar Lama Menjadi Baru

Written By Admin on Minggu, 04 Juli 2010 | 02.49

Komentar sudah menjadi hal yang tak bisa dipisahkan dengan postingan, seperti ibarat motor dengan bensin, tetapi pada postingan saya kali ini akan membahas bagaimana cara mengubah bentuk komentar lama blogger menjadi komentar baru blogger yang lebih canggih dengan ada photo author disebelah post comments.

Apabila Anda menggunakan template lawas photo author ini tidak muncul selayaknya yang ada pada template baru blogger yang ada photo author disebelahnya.

Coba lihat gambar dibawah ini untuk membedakan komentar lawas dengan komentar baru.

Nah terlihat skema di atas ada perbedaan dengan ditambahi foto komentator.

Apakah Anda ingin mengubahnya ?

Langkah pertama masuk pada menu "Settings" lalu "Comments" dan pastikan pilih "YES" untuk pertanyaan "Show profile images on comments?" lalu SAVE

langkah kedua masuk menu Edit HTML dan centang box "Expand Widget Templates"

Lalu cari kode dibawah ini

Pahami dan sesuaikan codenya untuk template Anda.

Lalu Ganti code diatas dengan code dibawah ini

Nah tinggal SAVE dan lihat hasilnya deh.

Dan apabila ada pertanyaan silahkan lontarkan saja komentar disini, mulai sekarang saya semangat untuk membalas komentar-komentar Anda.

Terima Kasih.

02.49 | 0 komentar

Blogger Meluncurkan Fitur Stats (Statistics Blog)

Written By Admin on Sabtu, 03 Juli 2010 | 03.00

Blogger meluncurkan fitur barunya di draft blogger yaitu statistics, nah apa guna statistics ini?. Gunanya adalah untuk memantau dan menghitung pengunjung blog kita, seperti berapa pengunjung hari ini, minggu ini bahkan bulan ini dan juga ada yang lain yaitu dari negara mana pengunjung, postingan yang paling banyak dikunjungi, traffic source, OS dan browser statistics.

Seperti dulu halnya saya sudah pernah menulis tentang statistics blog dengan shinystat dan fitur blogger ini lebih canggih dan gratis Anda gunakan di blogger karena ini fitur original dari blogger.

Nah bagaimana cara menggunakan fitur stats blogger ini ?

Pertama-tama masuk draft.blogger.com

Nah pada Dashboard draft blogger Anda akan menemukan menu Stats seperti gambar diatas.

Dan lihat dan amati statistics blog Anda.

Nah diatas adalah overview dari Stats Blogger dan pada halaman diatas terdapat sub menu yang sesuai fungsinya, seperti : Posts, Traffic Source dan Audience.

1. Stats posts

Pada bagian ini berfungsi untuk melihat halaman post dan pages yang sering di kunjungi dan juga hitungan kunjunganya.

2. Traffic Source

Traffic Source berguna untuk melihat dari situs dan URL apa visitor mengunjungi blog kita dan juga apa keyword yang dipakai di search engine untuk masuk ke blog kita.

3. Audience

Audience ini berfungsi untuk melihat dari mana pengunjung blog kita dan presentasi pengunjung dari browser dan OS.

Nah sedikit info bagi Anda semoga bermanfaat. Dan ingat fitur ini baru ada pada draft.blogger.com

03.00 | 0 komentar

OXIS Consumer Products

Written By Admin on Rabu, 30 Juni 2010 | 18.15

We had to do something to slow down the process of aging! Will penny stocks do the trick?

OXIS International, Inc. is engaged in the research, development and sale of products that counteract the harmful effects of “oxidative stress.”

OXIS’ consumer products strategy addresses very important health concerns including aging and age-related disorders that are increasing with trends in US demographics. These concerns include:

Brain health
Immunity against diseases
Anti-aging/skin health
Inflammation
Detoxification
Blood sugar regulation

Ergothioneine (ERGO) is a very powerful, multifaceted antioxidant such as Vitamin E, Vitamin C and glutathione.

Here are the two products that OXIS plan on launching during summer 2010

“Ergo-Pur™” - ERGO-Pur is a pure form of our highly potent multifaceted antioxidant which we anticipate will be used in some cases in concert with:
“Ergo-Plex™” – ERGO-Plex is a combination of ERGO plus other functional nutraceutical ingredients directed at Joint Health.

Other products are being evaluated and include a line of skin care products. In addition we will develop other nutraceuticals and functional foods such as nutrition bars, energy beverages and single serve shots that lend themselves to traditional retail distribution

18.15 | 0 komentar

The Pool Jet

This device is easy to use, all you have to do is hop in the pool and turn on the Pool Jet and you are ready for action. The pool jet will provide up to 20 minutes of constant use.

With Pool Jet you will have a new experience of swimming, beside you will have more fun, you will swim more faster and also can improving your swimming technique . It has enough juice to last for up to 20 minutes of constant use, and don’t worry about the safety of your child using this since it will require the pressing of two buttons to keep it going, so if one hand happens to slip off the button, the Pool Jet will stop just about immediately.

17.31 | 0 komentar

Mengatasi Judul Widget / Gadget Yang Tidak Boleh Kosong

Pada zaman dahulu kala blogger mengijinkan widget dengan tanpa judul (title) namun sekarang kebebasan itu dikekang oleh blogger, jadi setiap widget/gadget harus ada title atau judulnya. Namun sering kali kita tidak menginginkan gadget/widget tanpa judul, dan jika dipaksa akan muncul pesan perintah error "Required field must not be blank" atau intinya judulnya harus ada dan tidak bisa dilanjutkan bila tanpa judul.

Nah bagaimana mengatasinya?

Caranya cukup mudah kita tinggal mengisi title atau judul gadget dengan code

<!--->

lihat contoh dibawah ini

Dan hanya cukup code diatas tidak perlu tambahan apa-apa lagi.

Sekian deh cukup semoga bermanfaat bagi Anda

04.38 | 0 komentar

access tonneau cover

Written By Admin on Senin, 28 Juni 2010 | 15.42

Access, a leading tonneau cover manufacture offers 7 styles of pickup covers to enhance your pickup truck.

Each Access tonneau cover offers specific benefits for pickup truck owners. Their base model is the Access tonno sport, which is a low profile tonno starting at under $300. The mid-range models include the literider tonneau cover and the Vanish tonneau cover. Priced around $350, these 2 truck covers offer a few more features than the sport model. There deluxe covers include the Access tonneau cover and the Lorado tonneau cover. Both are about the same, except the lorado is more low profile. And lastly for the person who want the best, check out the Access limited. The limited edition offers more features and benefits than any other rollup tonneau.

15.42 | 0 komentar

Violight UV Cell Phone Sanitizer

Ever wondered about the amount of germs on your phone, ipod, earbuds etc? Well. Here is a solution kill all those germs – The First ever UV cell phone sanitizer.

It’s a simple process, all you need to do is place your smartphone, PDA, MP3 player, Bluetooth headset or earbuds in, pop the lid on and in five minutes your phone will contain a lot fewer germs. Violight says the sanitizer’s UV light kills 99 percent of germs including strep, e.coli, salmonella, listeria and the H1N1 virus.

15.38 | 0 komentar

Floor mats in your car or truck

Choose from 30 brand and 300 styles of auto floor mats from custom molded to all weather floor mats. Real truck offers specialty car floor mats and floor liners with logo's such as Harley Davidson floor mats, NFL floor mats, Camo, Superman and more. Car & Truck Floor Mats are available in a variety of materials from carpet to rubber.

Always protect your Car, SUV, Pickup Truck or Mini Van with husky liners custom molded floor mats and floor liners. Husky Liners are made to fit most sport utility vehicles and pickups. Husky Liners are referred to as Liners instead of floor mats as the custom molded liners are precision engineered fit. Whereas floor mats are generally not an exact fit.

Here are some of its features:

Exact Custom Fit: Molded to fit your auto floor area like a glove for an exact fit.
Tough Rubberized Thermo Plastic: Made of a patented rubberized thermo-plastic material.
Tread Pattern: Rubberized molded-in tread pattern that grips your cargo to minimize load shifting.
3 Colors: Husky Liners are available black, grey or tan.
Huge Selection: Available for Cars, Trucks, SUV's, CUV's and Mini Vans.
Limited Lifetime Warranty: Husky liners floor mats are guaranteed not to crack or break.

15.00 | 0 komentar

PUMA 917 goes 8-bit

PUMA is out with “Puma 917” printed by vibrant 8-bit patterns like to what a normal NES games that we have known. The meaning of playfulness with a new pack of 917 inspired by classic platform video games has been revived and the good old days of platform games from the 80s have been resuscitated.

Instead of your regular smooth leather upper in evenly colored strips, the new PUMA 917 has a sketchy quality to it with a printed fabric upper featuring brick prints reminiscent of Super Mario’s ultra-flat but ultra-awesome landscape. If Mario was not just a fictional character, I can assure you that these pair of shoes would have been his choice to stomp those tortoises :)

14.47 | 0 komentar

Widget Attribution Dari Blogger

Apa ini ?

Wah ternyata ini adalah widget ketentuan dari blogger untuk "Copyright" platform blogger, widget ini tidak bisa pindahkan bahkan tidak bisa di hapus untuk template blogger yang baru widget ini ada, namun untuk template lama dalam artian dalam pembuatan blog dari blogger udah lama, widget ini belum muncul, entah mungkin kapan ada ketentuan widget ini ada untuk semua pengguna blogger.

Nah terlihat di atas adalah screenshotnya dan bisa kita lihat widget ini terkunci tidak bisa dihapus dan digeser untuk dipindahkan.

Nah Saya beri tips bagaimana memindahkan widget ini dan memberi style tersendiri.

1. Cara memindah

Biasanya Atribut Copyright seperti ini berada pada bawah halaman situs, nah defaultnya widget atribut ini berada pada sidebar. nah dibawah ini adalah cara memindahkanya dari sidebar ke footer (bagian bawah blog)

Masuk pada bagian "Design" kemudian masuk pada "Edit HTML" lihat kebawah dan temukan code seperti ini

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

Lalu Cut code diatas dan taruh pada tag footer. Lihat code dibawah ini untuk lebih jelasnya

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>

Lalu SAVE dan selesai

2. Menambah Style CSS

Style CSS fungsinya untuk mengubah tampilan widget atribut ini supaya terkesan lebih cantik tidak monoton dengan cara :

tambah code css dibawah ini diatas code ]]></b:skin>
#Attribution1 {
color:red;
font-weight:bold;
text-transform:capitalize;
}

Style diatas hanya sebuah contoh untuk mengganti warna hurufnya, menebalkan huruf dan membuat capitalis pada textnya. Dengan CSS diatas Anda bisa menentukan tampilan dari widget tersebut mungkin dengan menambahkan background, border dsb.

Kemudian SAVE dan lihat hasilnya deh.

Nah mungkin informasi ini berguna bagi Anda untuk para blogger dan semoga bermanfaat Saja. terima kasih.

05.35 | 0 komentar

BC Technical

Written By Admin on Senin, 14 Juni 2010 | 18.25

Here is BC Technical - A leading Molecular Imaging Solution Provider of service, support, refurbished systems and parts for the Nuclear, PET, PET/CT, SPECT, and SPECT/CT market. Customer service is great and the ongoing follow-up is excellent. I have had positive experiences with them and I am happy to recommend BC Technical as service providers. BC Technical operates at multiple sites in several states. Lots of customers are completely satisfied in every aspect and have recommended BC Technical to their colleagues in the nuclear medicine industry.

BC Technical is an ideal solution for the nuclear medical industry. The refurbished equipment is an excellent alternative to the OEM and not only do they quickly and efficiently install the system, they make sure that everyone is completely satisfied with the imaging results of the patients. Their after-sale customer and technical support is great.

You can reduce capital and acquisition costs, maximize your economic return and minimize debt/financial exposure with quality refurbished nuclear medicine imaging systems from BC Technical. The payback period for a BC Technical refurbished system is typically two to three times faster than with a new OEM system. And BC Technical has a proven reputation for world-class quality, diagnostics and usability. Have a look at the gamma camera for sale.

18.25 | 0 komentar

iPad.. iPed?

The “iPad” finally goes on sale in Japan. The TV news has been covering its launch as well as another product on sale in nearby China: the iPed. As usual and as expected, the iPed comes packaged in a box that looks like the iPod.

While it is slightly heavier than the iPad, the device is powered by an Intel chip and runs on Google's open source operating system Android. But like the iPad, it is a multi-media device. The price is approximately US$105 while the Apple iPad is priced $536. The Japanese television reporters note that in China popular electronics are copied quickly. And China is getting better and better at it.

17.41 | 0 komentar

Highlight Post Dengan Tombol Select All

Written By Admin on Selasa, 08 Juni 2010 | 23.41

Salam blogger,

Sebelumnya pada postingan yang kemaren saya sudah membahas mengenai "Menonjolkan teks tertentu pada postingan" dengan background yang berbeda bahkan background image yang sudah saya tulis disitu. Pada kesempatan kali ini membahas lagi mengenai Highlight Post dengan tambahan tombol select all yang mempermudah pengunjung blog untuk memBlok text yang ditonjolkan, misalkan anda menuliskan tutorial dan Anda menyisipkan script yang harus dicopy maka tombol select all ini sangat berguna untuk blok text otomatis.

Seperti contoh dibawah ini

Ingatkah kau...
Waktu kamu berbohong kepadaku
dan aku memaafkanya..

Ingatkah kau
Akan perjuanganku terhadapmu
walau aku tak bisa tetap ku perjuangkan

Ingatkah kau akan perhatianku terhadapmu
yang setiap waktu datang menyelimutimu

Tapi kini kau membalasnya dengan senyum pahitmu...

Hehehe hanya sekedar contoh gak perlu di artikan ya..

Okelah kita beranjak ke cara pembuatanya

1. Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code <head>

4. Masih pada Edit HTML lalu masukkan code CSS berikut diatas code ]]></b:skin>

/*__Style_copy_area__*/
.copybox { /* -- Style Box dalam --*/
padding:5px;
border:1px solid #FFC71F;
background:#FFFFCC;
}
.kopiaer { /* -- Style Box Luar --*/
background:red;
padding:7px;
}
.cangkirkopi { /* -- Style Tombolnya --*/
background:#B88A00;
border:1px solid #FFC71F;
color:#FFD65C;
padding:2px;
font-weight:bold;
}

Anda bisa mengunah tampilan code CSS diatas sesuai selera Anda lalu SAVE

5. Setelah itu pada posting editor gunakan code dibawah ini untuk menonjolkan textnya

<div class="kopiaer">
<input class="cangkirkopi" type="button" value="Select All" onClick="fnSelect('kopihangat')"/>
<div class="copybox" id="kopihangat">

INI TEKS YANG INGIN DITAMPILKAN

</div>
</div>

> Ingat ganti text yang berwarna biru berbeda setiap 1x penggunaan dan keduanya harus sama

> Ganti teks yang berwarna merah diatas dengan teks Anda

6. Publish dehh dan lihat hasilnya

Nah diatas adalah tutorial singkat dari Saya semoga berguna bagi Anda, Silahkan lontarkan komentar jika Anda mempunyai pertanyaan mengenai tutorial ini.

23.41 | 0 komentar