Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Selasa, 21 Juni 2011

Make Money With Google AdSense

[Note: Today, I earn much more than the amount on that check. The reason I do not have a more recent check to display is Google pays me by direct deposit now.]
----------------------
Anyone who owns or is thinking about creating a website would be crazy to ignore this.
I am happy to say that making money with your site, no matter the topic, has become easier than it's ever been before - and it's 100% legitimate.
If AdSense had been available in 2000, I would have NEVER shut down my soap opera fan site that received 200 hits per day. I would have been able to earn money from that traffic and probably turned a small profit.

Untold Facts About AdSense you need to know in order to succeed with the program!
Yes, the money can be great, but if you don't learn how to build a site that attracts targeted traffic then you won't make much from AdSense.
Don't pay a cent for these "Get Rich Quick" books on AdSense. Many of them are all hype. Learn all you need to know for free.

Right click and "Save As" to download this book.

What is AdSense?

Google.com earns most of its revenue by allowing other website owners to advertise on their search result pages. All this is managed through a program they call AdWords.
Now you can earn a share of the revenue that Google earns from AdWords by displaying these same text ads on your site.  In other words, you're helping Google advertise and they pay you a percentage of what they earn.
This program is called AdSense.
Every website owner should at least consider the program.  Even if your site is just for information purposes, you can still participate and make decent money with AdSense -- or at least enough to fund your website.
So if you are one of those people that doesn't like the idea of paying for a site, this is an excellent way to earn your money back and then some.
Google does not disclose exactly how much you'll earn per ad that is clicked.
The commission you receive per click depends on how much advertisers are paying Google for the particular ad. You will earn a share of that amount.  I've heard of earnings anywhere from 2 cents to $15 per click.
So it is logical to believe that keyword phrases like debt free, employment, make money, mp3, sex, etc. will earn you more per click since these are highly competitive keywords that are searched for quite a bit on the web. 
Advertisers generally pay more for popular terms because they are searched for more.
Even though Google will not reveal how much you are earning for each ad that is clicked from your site, you can still login to your account at any time and see the total amount of revenue you've generated that day, week, month, year, etc.
For example, if you see that you've made $12.60 today from 9 clicks then you can calculate that your average click-thru commission was $1.40 per click.  That's as detailed as their stats will get.  Also remember, that's only an average.  You won't know how much each specific ad brought in.
The amount you'll earn also depends largely on the amount of targeted traffic you receive to your own site, how well the ads match your audience's interests, the placement of the ads on your pages, and of course the amount you receive per click.
Ideally, you should create a site on a topic you know a lot about.  That way you'll have a much easier time creating a generous amount of content on that subject. 

My Google AdSense Earnings

AdSense CheckI have been receiving monthly checks from Google since 2003, and I've read numerous success stories of websites earning 5 digit incomes per month with AdSense. 
Now, I will admit, a 5-digit commission in a single month is probably not the norm for most participants. 
I promote AdSense on three of my websites and my monthly checks are usually around the $6,000 mark.
My sites have been around for a long time and I have a great deal of traffic so that's a big reason why I earn so much. I promote my sites on Twitter, YouTube, Facebook, etc. Making a lot of money with AdSense is all about numbers. The more traffic you have, the greater the earning potential.
My checks weren't always this large.  I think my first month's earnings in 2003 totaled less than $20. However, as my traffic increased, so did my checks.

Creating Your Website for AdSense

Before you even begin your site, make sure you've come up with a topic that you feel you know plenty about.  That way it will be easiest to write a lot of content. 
The more content you have, the better chance you have getting accepted into the program.  Also, the more content, the greater the earning potential.  AdSense is nothing but a numbers game.  If you want to make a lot of money, prepare to write a lot of content.
Now let's talk about building your website.  There are two ways you can approach this:
1) Do it Yourself (DIY) from scratch
2) Use Site Build It! (SBI!)

The Do It Yourself Method

I've actually used both methods for building my site and there are advantages and disadvantages to both.
If you use the DIY method, you will have to go and register a domain name (yoursite.com) and then sign up for a web host and build your pages.  You can either learn HTML or buy some kind of web editor like Microsoft FrontPage to build your pages.  That's the method I used to build this site.
Averaging between $7 and $15 per month, the DIY method is usually the most cost friendly of the two but you are mostly on your own in terms of learning how to create your web pages and adding the AdSense code to your site. 
Web hosts are generally there to house your site.  They don't specialize in helping you market and optimize your site for the search engines to help you get traffic.  So don't expect a lot from them in terms of helping you market your site and making money with Google AdSense.
This is not necessarily a bad thing.  I had to learn how to build this site on my own and it wasn't very difficult. 
I now manage all of my sites with Dreamweaver.

Use Site Build It! - A Web Host Made for AdSense

This is a revolutionary web host like no other. I use it for my site, flat-stomach-exercises.com, and after only 11 months the site was earning over $700 per month for AdSense alone. 
Two years after launch, the total monthly earnings shot up to $2,000 to $2,500.
Today, the site continues to earn money from AdSense yet I have no products to sell. I'm simply offering information on a topic I know a lot about and SBI showed me how to rank high in the search engines for various keyword phrases.  Over 90% of traffic comes from the free search engines.
The reason SBI! is different from the other do-it-yourself hosts is that first it provides all the web page building and marketing help all in one place.  Your domain registration, web hosting and marketing help come with the price..

Super Easy Web Page Builder

Creating your pages is as simple as entering text into form fields and using the user-friendly editor to add text, create links, add pictures and more.  No software is needed to install or download.   You simply select a template you want to use and your site is built in seconds...literally.
I took a screenshot of the SBI! interface...

Video Guides

What's even better is that you will receive a Video Action Guide to walk you through how to setup and promote your site.

Remember, without traffic, you won't make any money with AdSense.  That's why having a host like SBI is so important.  Keep in mind, a regular DIY host does NOT help you with search engine rankings and traffic. They just give you the space and a "good luck!"

Brainstorming Tool

Site Build It also comes with a powerful brainstorming tool.  So for all of you sitting there wondering about a topic, this tool literally scours the net and helps you decide on the best topic by showing demand and supply (i.e. number of sites on X topic and roughly how feasible it will be to bring in traffic for that particular subject).  It is amazing.
The creator of Site Build It even built a micro site that describes how to maximize your AdSense earnings.  And since Site Build It's main goal is to show you how to build income through content...it's almost as if AdSense was designed specifically for a web host like SBI.
See the SiteSell AdSense site here.
I highly recommend using SBI -- especially if you plan on building a site specifically to earn money from AdSense.  It is the kind of host that stands for everything AdSense is about -- rewarding website owners for building an abundance of useful content.
Even though the two companies are not related, it really is the perfect marriage between a great concept like AdSense and a web host that is dedicated to showing you how to make money by simply providing information. 

Successful SBI Websites

Be sure to also take a peek at all the successful SBI websites created by mostly beginners who have never created a site before.  Every site listed on this page is in the top 3% in terms of amount of traffic received on the web - thanks to the SBI search engine help.
Find out why I think SBI! is best for AdSense.

How to Join AdSense

Once you have 10-15 pages on your site, go to http://adsense.google.com to apply.
When you are accepted, simply copy and paste the provided HTML code into any page that you'd like to show the ads. If you've done a good job of defining the content on your web pages, the ads that show should be relevant to the content of your page...increasing the chances of click-thrus by your visitors.
You can either display the ads vertically along side the page like Google does or in a banner-like formation horizontally across your pages.  The placement is up to you.  You can even customize the colors to match your site's theme.

Tips on Succeeding With AdSense

Here are some tips for achieving success with Google AdSense.
1.  Create a website with your (YourSite.com).  Don't try to use a free web host because your site will likely have banners and pop-ups and get rejected because it looks unprofessional. Not to mention, a free web host will give you a website address like this:
http://www.thefreewebhost.com/yoursite/member1234/home.html
instead of...
http://www.yoursite.com
Start by registering your own domain and then select a web host.
2. If you don't know web programming or have no desire to learn it, get a beginner's design editor like Dreamweaver (what I use) or CoffeeCup.  You can publish your content directly to the web from the software.
Keep in mind you can't use the software alone.  You must have a web host that will allow you to publish your site to the Internet.
3.  If the main goal of your site is to make money with AdSense, be sure to choose a topic that you know a lot about so you can write lots and lots of content.
4.  Get traffic. Once your site is up and running you'll need to learn how to get your site listed in the major search engines. 
Getting into Google is completely free and can bring in hundreds or even thousands of visitors per day.  All you have to do is submit your site to them and wait patiently while Google adds it to the index.  It can take a few months.  Patience is key with Google.  Then do the same with Yahoo, MSN, etc.
Read up on how the search engines rank pages here.
And while you're waiting it's important you build up as much unique content around your theme as possible. Google loves large sites with useful content centered around a specific theme.
Don't create a hodgepodge site with topics on everything under the sun. Stay focused and make sure your site has an obvious theme.

 


Read More ->>

Selasa, 22 Maret 2011

Membuat Menu Tab View

Menu tab view adalah menu yang berbentuk tabel dengan pengelompokan halaman sesuai dengan tabel menu diatasnya. Menu ini banyak diapakai untuk menghemat tempat pada blog dengan sistem menampilkan atau menutupi halaman tabel sesuai dengan tabel menu diatasnya. Jadi jika kita mengklik menu diatasnya maka halaman tabel yang muncul adalah halaman tabel yang dibuat sesuai dengan menu tabel diatasnya, dan jika kita mengklik menu tabel lain maka yang muncul adalah halaman tabel yang bersesuain namun tetap pada satu tempat itu.

Coba perhatikan dibawah ini :

Pertama yang harus kamu lakukan adalah Log In dan masuk menu Layout kemudian masuk bagian Edit HTML

Selanjutnya taruh code CSS dibawah ini diatas code ]]></b:skin>


div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Perhatikan text yang berwarna merah itu keterangan dari menu tab view yang bisa kamu edit sesuai keinginan kamu, untuk code warna bisa dilihat disini.

kalau sudah pasang script dibawah ini diatas code </head>



<script src='http://sites.google.com/site/anasku2000/tabview.js' type='text/javascript'/>

kalu sudah silahkan "Save Template" Anda.

kemudian masuk bagian "Layout -> Page Elements, lalu cari tempat gadgetnya kemudian klik Add new gadget kemudian pilih HTML/JavaScript dan taruh Code dibawah ini :



<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>


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

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :

  1. Code yang berwarna biru diatas adalah lebar dan tinggi tabview yang bisa kamu sesuaikan.
  2. Code yang berwarna hijau adalah text judul dari menu tabel (tab 1, tab 2, tab 3 ....)
  3. Code yang berwarna merah diatas adalah halaman dari tabel yang bisa kamu pasangi code-code gagdet, gambar atau link.
  4. Dan jika ingin menambah halaman tabel perhatikan code yang berkedip, dan tambah seperti itu dibawahnya.
Kalau sudah tinggal SAVE.
Read More ->>

Membuat Daftar Isi Blog

Mungkin diluar sana masih banyak teman-teman saya yang belum tahu caranya, untuk itu saya berinisiatif untuk menulisnya di Blog supaya dapat dibaca oleh teman2 yang lain,baiklah kita langsung saja ke topic permasalahan, So..buat anda yang ingin tau cara buat daftar isi blog ini, silahkan ikuti langkah - langkahnya :
Langkah ke-1

Login di Blogger dengan ID anda kemudian langsung menuju ke edit html.di tab Template Jangan lupa kasih tanda centang pada kolom expand template widget.

Selanjutnya, cari kode html berikut :atau yang mirip dengan kode tersebut:

<b:include data='post' name='post'/>

Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kemudian save template.


Langkah ke-2

Untuk langkah yang ke-2,membuat sebuah Link yang akan menampilkan daftar isi Blog, anda bisa menempatkannya di Sidebar blog anda, atau anda bisa meletakannya di Menu Navigasi seperti pada blog ini,tapi itu semua terserah anda ingin menempatkanya dimana, yang penting link tersebut harus tampilan pada halaman blog anda,berikut Link-nya

<a href="http://NamaBlog.blogspot.com/search?max-results=300">Daftar isi Blog</a>

Ganti teks yang berwarna merah dengan nama blog anda dan angka 300 menunjukan jumlah postingan yang ingin ditampilkan,kalo sudah Save Template anda

Note:

1.Jika anda ingin menambahkan efek Blink/berkedip seperti blog saya silahkan anda tambahkan kodenya


2.Atau jika anda ingin menambahkan kode marquee silahkan tambahkan kode berikut
<marquee scrolldelay="50" scrollamount="1">Daftar Isi</marquee>
Read More ->>

Membuat Read More Otomatis

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

1.Silakan Masuk ke account blogger anda,kemudian masuk ke>tata letak dan pilih>edit
html dan jangan lupa centang pada "Expand Widget Template".
2.Cari kode </head>
kemudian letakkan kode di bawah ini persis di bawah kode tersebut



<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>


3.Cari kode html berikut:

<data:post.body/> atau <p><data:post.body/>

ganti kode tersebut dengan kode di bawah ini:


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



Keterangan:kode inilah yang dapat anda ganti summary_noimg = 430; summary_img = 340 dan READMORE...

==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

4.Klik Save Template

Selamat mencoba...
Read More ->>

Membuat Kotak Scroll Box

Scroll bar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog.caranya adalah letakkan kode diantara kode scroll bar

Berikut adalah kode untuk membuat scroll bar:


<div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #eee">

LETAKKAN KODE ISI SCROLL BAR DI SINI

</div>

untuk mengubah lebar ganti angka setelah kode width: dengan kemauan anda, dan untuk mengubah panjang ganti angka setelah kode height: dengan kemauan anda.

semoga berman faat.
Read More ->>

Membuat Tombol Home,Back To Top & Bottom

Ingin tau Cara Membuat Tombol Home,Back To Top,Dan Bottom
Mari kita mulai saja Tutorial nya..
Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home,Back To Top,Dan Bottom..?




Untuk lebih jelas nya coba sobat klik Tombol Home,Back To Top,Dan Bottom yang ada pada blog saya,.
sudah sobat klik,nah itu dia maksud nya dari Tombol Home,Back To Top,Dan Bottom..
Sobat tertarik untuk membuat nya di blog sobat..?
jika tertarik,mari kita mulai cara pembuatan nya..

1.Masuk Ke akun Blog Sobat
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget
3.Kemudian Cari Kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi


#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}


5.Selanjutnya cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya

<a name='ngisor-dhewe'></a>

6.Langkah Terakhir Tinggal Memasukan Kode Dibawah  Ini Tepat Dibawah Kode <body>

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcetSyTg8bCXzFCq8veYWQS9di0o758GQ887LiGJl5UCWeIYoIn3_dWL5dlXVcau2fnROksQFZ-7-UfxP8oTr_7fwCI9JQQAiFje918j4NCKU9AJSxu5Z9FM9c5eabgz_pm3-sE122CUg/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDvDGtwEtg4t_O_8e98bv0PW2zc6jrtx1VAICV2EQC3n9xI5DZEL6etWgAxZhzBCB5SH7DaNkHOoPTsYuSUBOKGeZ05fQz6EcErviS2XL6XA9BxS5gAcL9mfQt2buez9xV6Z24kzw5Ojo/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWFaqNfbhueQ2dY03d_dYDIUv9LCOYXWq_1UpWEkX8aBBOBMO4oR9AzpDCW2Bj8GqsEfND_cl5M5VaGSQoBtFhSj9k2PsKuOess3R0op9-D2tYoTo7TeG426AwiqYAM3Mt2L2LAlv6IFI/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>


7.Simpan
selesai lagi dech..........
Read More ->>

Menghilangkan Nomor Di Label Blog

Ketika Sobat melakukan trik blogger memasang label postingan dalam blog. Kamu akan melihat jumlah postingan yang mengikuti label atau kategori terkait yang ditunjukkan dengan angka dalam tanda kurung. Nah, apabila Sobat kurang suka dengan tampilan angka jumlah label tersebut, maka Sobat bisa menghilangkannya dengan melakukan trik tertentu.





Contoh : 
Tutorial Blog (8)
Trik Blog (10)
Tips Blog (12)

Menjadi :
Tutorial Blog
Trik Blog
Trik Blog

Agar lebih menghemat waktu, mari kita mulai mantra trik blogger untuk menghilangkan angka jumlah label tersebut. Eit, hampir lupa trik ini dapat Sobat gunakan jika kamu telah memasang widget atau gadget label dalam blog.


  •     Login dulu ke account blogger kamu.

  •    Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".


Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template sobat yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan Sobat sudah memiliki back-up untuk mengembalikannya seperti semula.

  •     Cari kode (<data:label.count/>).


Tips : Kalau susah mencarinya, coba tekan CTRL+F di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox) Jika Sobat Menggunakan Google Chrome,sama saja cara pencarian nya,hanya saja letak nya ada di atas,lalu sobat tinggal memasukkan kata yang ingin dicari.

  •     Jika sudah ketemu, hapus kode tersebut.

  •     Jangan lupa disimpan

Selesai.........

tamat,,,hehehe
Read More ->>

Pasang smiley di kotak komentar

Menjawab pertanyaan dari sobat saya yang bernama Xsan yang menanyakan bagai mana cara Memasang Avatar Di Kotak Komentar Blog dan dia pun menanyakan bagai mana memasang Reply nya.?
karna di blog saya menggunakan Reply untuk komentar.
Jadi saya akan menjawan pertanyaan Xsan satu persatu dulu,kali ini saya akan menjelas kan Pasang Avatar Di Kotak Komentar Blog. dan untuk Reply nya akan saya jelas kan di postingan salanjut nya.

Pasang Avatar Di Kotak Komentar Blog mungkin ada sebagian yang sudah paham atau tau dan mengerti apa itu Avatar Di Kotak Komentar Blog..
lebih jelas nya lagi sobat perhatikan pos komentar blog saya..

Nah itu yang di maksud dengan Avatar Di Kotak Komentar Blog.
sobat tertarik ingin memasang nya..?
jika sobat tertarik untuk memasang nya,silahkan ikuti langkah-langkah berikut ini..?

1. Pertama-tama masuk ke menu Setting Lalu Comments. Pilih YES pada bagian "Show profile
    images" dan Save.

2. Setelah itu, masuk ke menu Design-> Edit HTML

3. Beri centang pada "Expand Widget Templates". Agar lebih aman backup template anda.

4. Cari kode berikut:




<dl id='comments-block'>


5.Ganti kode tersebut dengan kode di bawah Ini

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>



6.setelah itu cari kode di bawah ini

<a expr:name='data:comment.anchorName'/>


7.Ganti kode tersebut dengan kode di bawah ini

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>



8. Setelah itu tambahkan kode css berikut diatas kode ]]></b:skin>


#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1gu3mqZ9NvNmk_nf3YFLddlPumRKSQLpPYzQ-CJL6wjj2gcP0fpDr9XC0QR6Ch9uJ1aSc580ZqyCpP-Te5sirsVN4C-xsB8p40HvqekcbbQpENoPlLfvbH9cUCgYBDlsWbSkqpkFPZEU/s1600/avatar.gif
) no-repeat left top;
width:32px;
height:32px
}



Keterangan:
Teks yang berwarna merah merupakan alamat gambar untuk avatar anonymous. Sedangkan teks yang dicetak tebal merupakan ukuran avatar. Anda bisa ganti sesuai keinginan.

9. Kalau sudah simpan template anda. Selesai dech....
Read More ->>

Link mengeluarkan bintang

Pasti sobat pernah melihat bintang di langit yang indah,dan ingin memiliki nya tapi rasanya tidak mungkin untuk memiliki nya...heeeeeeee.....
jangan kawatir sobat anda saat ini bisa memiliki nya,cara nya sangat mudah ko,mari kita mulai cara Link Mengeluarkan Bintang.






https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfl1Fexsehx3AUjr8-9IaqhuDRs54kkUIr0mjR5I_rmWaQFSS5YDHdq3ROyV5hV_tgXVzMebYNjoNRXYzVVwi5Ojs9KX2w6B7b1DIYXgzZkqK4HBQZA7QvF1fzEWlFHiuxK4rP3P0VBhI/s1600/stars.gif

Sobat Hanya Menambahkan atau menyisipkan kode Di atas ini tepat Disamping kode a:hover {

1.Login Ke akun Blog Sobat
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Centang Kolom Expand Widget
5.Cari Kode a:hover {  tapi  yg berdekatan dengan  a:link{  atau berdekatan dengan a:visited{

6.Copy Paste Kode Diatas Disamping Kode a:hover {  yg berdekatan dengan  a:link{  atau
   berdekatan dengan a:visited{

Contoh:   a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfl1Fexsehx3AUjr8-9IaqhuDRs54kkUIr0mjR5I_rmWaQFSS5YDHdq3ROyV5hV_tgXVzMebYNjoNRXYzVVwi5Ojs9KX2w6B7b1DIYXgzZkqK4HBQZA7QvF1fzEWlFHiuxK4rP3P0VBhI/s1600/stars.gif);}
               

 7.Simpan Template..

Sangat mudah kan sobat Cara Membuat Link Mengeluarkan Bintang ini,sekarang sobat sudah memiliki bingtang seperti di langit..^_^

Semoga bermanfaat...........
Read More ->>

Kategori