Coretan CurnyAwant: trik blog

Home » trik blog

Tampilkan postingan dengan label trik blog. Tampilkan semua postingan

Menampilkan hanya judul postingan di blog

Sobat blogger di mana pun sobat berada,kali ini saya ingin berbagi ilmu dari jalan-jalan di dunia mayayaitu cara menampilkan judul postingan saja ketika kategori atau label di klik.lagi-lagi untuk memeperluas halaman blog dan selain itu juga dapat menarik minat pengunjung agar tidak susah untuk mencari artikelatau informasi lain.
Sebelum artikel ini di terbitkan saya sudah mencoba dan hasilnya berhasil dan saya pun tidak akan lupa kepada penerbit artikel ini yaitu ASBC.disitulah saya dapatkan info tentang ini.
baik tanpa basa basi langsung saja kita ke TKP dan ikuti langkah-langkah di bawah ini untuk membuatnya.

1. Sobat harus login Blogger yang pastinya denagnaccount sobat masing-masing.

2. Setalah sobat masuk DASBOR sobat pilih menu RANCANGAN dan kemudian pilih submenu EDIT HTML.jangan lupa untuk mencentang Expand template Widget.

3. Kemudian sobat cari code <b:include data='post' name='post'/> ( hanya mengingatkan saja untuk mempercepat pencarian sobat bisa tekan F3 di keyboard )

4. Setelah ketemu code no 3 kemudian sobat hapus kodenya dan ganti dengan kode di bawah ini.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div style="border: 2px outset #CCCCCC; width: 500px; padding: 10px; background-color: #FBF5EF; text-align: left;">
<a expr:href='data:post.url'>
<data:post.title/></a></div><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. setelah selesai pilih simpan template Maka hasilnya di bawah ini.

Anda berminat jangan hanya baca segera prektekkan di blog sobat.
selamat mencoba dan semoga sukses.

trik blog

Memasang Icon pada Label / Category

perti biasa lagi, yang harus dilakukan adalah Login ke blogger.... [Wajib....!!! :)]
Dah gitu, kamu masuk ke menu Layout >>> Edit HTML.
Kemudian cari kode <a expr:href='data:label.url'>
Letakkan gambar/icon berikut dibawah code tadi.

<img src="http://img246.imageshack.us/img246/6549/panah2iu9.png"/>  

sehingga jadinya seperti ini :

     <a expr:href='data:label.url'>
        <img src="http://img246.imageshack.us/img246/6549/panah2iu9.png"/>  
        <data:label.name/>
          (<data:label.count/>)</a>

Klik tombol Simpan Template

Selesai......

trik blog

Cara Mudah Menambah No.Urut Komentar Di Blogspot

Tampilan Komentar akan lebih menarik bila kita kasih nomer urut pd setiap komentar, dan pastinya komentar-komentar akan terlihat lebih rapi dan dengan mudah kita bisa tahu berapa komentar yg sudah ada. mungkin itu fungsi dari judul diatas.
Bila sobat tertarik untuk membuatnya dan menaruh di blog sobat, silahkan ikuti beberapa cara dibawah ini.

Gambar

Berikut langkah-langkahnya :

1. Login ke Blogger Sobat

2. Pilih Tata Letak

3. Edit HTML dan ceklist/centang "Expand Template Widget"

4. Sebelum terlalu jauh, biasakan membackUp template sobat dulu, dengan cara klik "Download Template Lengkap"

5. Carilah kode berikut :<dl id='comments-block'> dan ternyata di template saya gak ada kode tersebut, jadi kalo di template sobat jg gak ada cari dengan kode berikut : <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
6. Kalu sudah ketemu kodenya, selanjutnya sobat simak baik-baik kode dibawah ini :

Cara 1. Karena masing-masing template pasti berbeda saya jg kasih contoh pada template saya sendiri:

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

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='data:comment.anchorName' style='clear: both;'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</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='external'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='numberingcomments' style='float: right; font-size: 18px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>

Cara 2. Nah ini alternatif kode CSS pada templates blog :

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<dt style='clear: both;' class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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/>

<span class='numberingcomments' style='float: right; font-size: 18px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>

<dd class='comment-body'>

7. Selanjutnya, sobat hanya perlu menambah kan kode yang di beri warna merah.
Oia di atas ada dua (2) cara, karena saya kode dimasing-masing template kita pastilah berbeda, jadi dari dua cara diatas mana kiranya yg cocok dengan template sobat.

8. Untuk merubah besar kecilnya No. komentar sobat cukup mengganti pada kode berikut : font-size: 18px;

9. Simpan Template, dan lihat hasilnya.

SEO trik blog

Cara Memasang Tombol Google+ di Blogger

Saya yakin pembaca setia blog ini tidak kesulitan untukmemasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang baru belajar ngeblog. Selain itu disini saya juga mencoba menjelaskan secara rinci dari beberapa masalah yang kadang membuat tombol Google+ tidak bekerja sebagaimana mestinya. Jadi silahkan luangkan waktu sejenak untuk belajar tutorialnya dibawah ini:

Langkah memasang tombol G+ sangat mudah silahkan ikuti tutorial dibawah ini

Silahkan memasang Script dibawah ini atas Tag </body>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Kemudian anda bisa memasang tombol G+ dimana saja dengan menambahkan kode dibawah ini.

<g:plusone size="small"></g:plusone>

Cara memasang tombol G+ diatas sebenarnya sudah selesai, tapi jika anda ingin menambahkan kode yang lebih rinci anda bisa mencoba beberapa script dibawah ini:

Tombol G+ dengan ukuran Standar (24 piksel)

<g:plusone></g:plusone>

Tombol G+ dengan ukuran Kecil (15 piksel)

<g:plusone size="small"></g:plusone>

Tombol G+ dengan ukuran Sedang (20 piksel)

<g:plusone size="medium"></g:plusone>

Tombol G+ dengan ukuran Tinggi (60 piksel)

<g:plusone size="tall"></g:plusone>

Tombol G+ Untuk HTML5

<div class="g-plusone" data-size="standard" data-count="true"></div>

Anda juga dapat membuat custom tombol G+ sendiri

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {"parsetags": "explicit"}
</script>
<script type="text/javascript">
  function renderPlusone() {
    gapi.plusone.render("plusone-div");
  }
</script>
<body>
  <a href="#" onClick="renderPlusone();">Render the +1 button</a>
  <div id="plusone-div"></div>
</body>

Custom Tombol G+ dengan URL khusus

<!-- customized for a specific address -->
<g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>

Untuk customize tombol G+ saya menyarankan anda memasukan url dari Google+ profile atau halaman (page) G+ yang sudah ada buat

Cara pasang Tombol G+ disebelah Tombol Facebook (dalam halaman posting)

Kode standar Google+ tidak bekerja pada postingan dalam lingkup halaman home (index).

Pada halaman Posting dengan menggunakan kode <G:Plusone/> biasanya tidak terjadi masalah, tapi saat kalian mencoba memasang tombol G+ yang ditujukan pada halaman post yang letaknya berada dalam halaman utama ini biasanya bermasalah karena G+ setahu saya tetap akan mendeteksi sebagai halaman index bukan sebagai halaman post. Untuk mengatasi masalah ini silahkan mencoba menggunakan kode ini <g:plusone expr:href='data:post.url'/>

Sebenarnya G+ sendiri sudah menyedian Custom Badge yang bisa anda coba langsung di alamat ini disini atau anda bisa melihat informasi Full API selengkapnya disini

SEO trik blog

Heading Dinamis (H1 dan H2) pada Blogspot

Heading merupakan bagian yang sangat penting pada sebuah blog. Bagi search engine seperti google, heading dijadikan pengenal untuk mengidentifikasi sebuah blog berdasarkan title. Pada posting terdahulu, telah dijelaskan mengenai meta tag dinamis yang bisa membuat title dan deskripsi sesuai dengan halaman yang sedang dibuka (inner page). Karena salah satu identitas blog dilihat dari heading, maka diperlukan heading dinamis yang bisa menyesuaikan dengan halaman yang sedang dibuka (inner page).

Heading H1 dan H2 dinamis akan dapat menambah nilai SEO blog kita, karena di setiap halaman blog yang dibuka akan selalu terdapat H1 dan H2 yang menjadi identitas utama halaman tersebut (halaman blog). Oleh karena itu, diperlukan sebuah skenario untuk mengatur agar keberadaan H1 dan H2 pada halaman blog anda lebih tepat.

OK, kita buat sebuah skenario penyusunan H1 dan H2 yang dinamis dan memiliki posisi yang tepat pada setiap halaman blog. karena heading H1 dan H2 ini menjadi identitas setiap halaman blog, maka H1 dan H2 tersebut digunakan untuk title blog dan post title, sebagaimana skenario penyusunan meta tag dinamis pada postingan terdahulu. Skenario berikut ini menyempurnakan kekurangan atas skenario dari tips-tips yang kebanyakan telah ada, yakni pada halaman archive yang masih menggunakan H2 pada title blog dan H1 pada post title. Kalau H1 ada banyak, maka akan sangat menurunkan nilai SEO dari blog kita.

Pada halaman utama (halaman index) H1 digunakan untuk title blog dan H2 untuk post title. Di halaman single post, H1 digunakan untuk post title dan blog title menggunakan H2 (posisinya dibalik). Untuk melengkapi halaman lain seperti kategori (label) dan archive agar tetap SEO friendly, maka pada dua halaman tersebut H1 ditaruh di title blog dan H2 pada post title. Jadi, penyusunan heading H1 dan H2 bisa dilakukan dengan langkah-langkah sebagai berikut.

Masuk ke Design (Rancangan) pada blogspot anda dan pilih edit HTML. Backup dulu template nya dengan menekan download full template.
Centangi Expand Widget Templates
Cari kode berikut (tekan CTRL + F):

<div id=’header-inner’>
<div class=’titlewrapper’>
<h1 class=’title’>
<b:include name=’title’/>
</h1>
</div>
<b:include name=’description’/>
</div>

Ganti kode tersebut dengan kode di bawah ini.

<div id='header-inner'>
<div class='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<h2 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
<b:else/>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
</b:if>
</b:if>
</div>
<b:include name='description'/>
</div>

Kemudian cari lagi kode berikut dengan cara yang sama seperti sebelumnya.

<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<H2 class=’post-title entry-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H2>
</b:if>

Ganti kode tersebut dengan kode di bawah ini.

<a expr:name='data:post.id'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' style='font-size:1.3em;'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
</b:if>

Simpan template dan selesai.

Dengan penyusunan heading dinamis (H1 dan H2) seperti ini memungkinkan tidak ada H1 lebih dari satu di setiap halaman blog anda, itu artinya dapat meningkatkan skor SEO blog anda. Ane rasa cukup dulu sharing tips untuk blogspot kali ini. Mungkin pada posting selanjutnya ane akan share Heading Dinamis H1 dan H2 pada Wordpress. Kalo ane lupa tolong diingetin ya... :D

Selamat mencoba.

Periksa Skor SEO Situs Anda

Tentunya bagi teman-teman blogger saat ini sudah tidak asing lagi dengan yang disebutSearch Engine Optimation atau lebih dikenal dengan SEO bukan ? Dalam arti bahasa kita sehari-hari SEO dapat diartikan sebagai langkah-langkah optimasi mesin pencari yang bertujuan untuk membuat sebuah situs menjadi popular di mata mesin pencari layaknyaGoogle, Yahoo !, Bing dan yang lainnya. Selain itu SEO juga memiliki peran yang sangat penting bagi mereka yang tertarik dalam dunia bisnis online.

Untuk saat ini sangat banyak sekali tehnik-tehnik SEO yang dapat kita jumpai, dimulai dari tehnik SEO yang simpel hingga tehnik SEO yang begitu rumit untuk dipelajari bagi pemula seperti saya ini. Dalam artikel kali ini saya akan berbagi info kepada teman-teman blogger khususnya yang masih amatir dalam dunia SEO, jadi buat yang sudah jago jangan diketawaain ya (kalau bisa bagi ilmunya, he...ngarep mode on).

Tips dan trick kali ini akan membahas tentang bagaimana kita dapat melihat skor SEO pada situs kita(web/blog) yang sudah kita otak-atik maupun yang masih alami. Nah bagi teman-teman yang tertarik bisa langsung saja mengunjungi beberapa alamat situs berikut ini yang dapat memberikan layanan untuk melihat skor SEO pada web atau blog kita.

http://chkme.com/

http://nibbler.silktide.com/

http://www.seoengine.com/improve-seoengine-score.htm http://www.submitexpress.com/analyzer/

http://www.seoanalyser.net

http://www.woorank.com

Dalam situs tersebut kita bisa melihat berapa skor SEO web/blog yang kita kelola, ataupun bisa melihat skor SEO pada web/blog pesain kita, sehingga bisa menjadi bahan acuan dalam optimasi mesin pencari pada blog kita. Selain itu kita juga bisa mendapatkan beberapa tips dan trik tentang cara meningkatkan skor SEO pada web atau blog kita secara gratis. Layaknya mengatur Meta Tag yang tepat, mengetahui seting Robot.txt yang sesuai, dan masih banyak lagi yang lainnya.

Meskipun bisa dibilang kalau skor SEO tersebut belum tentu menjamin secara 100% dalam optimasi mesin pencari pada situs yang kita kelola, tetapi cara tersebut tidak salah bukan jika kita coba atau setidaknya sebagai menambah wawasan kita. Selamat mencoba dan semoga bermanfaat teman.

Cara menjadikan template blogspot 100% (persen) SEO Friendly

Cara menjadikan template blogspot 100% (persen) SEO Friendly < SEO Friendly Blogger Blog supaya lebih di sayang oleh om Google dan mbak-mbaknya...

Haha...lagi-lagi tentang SEO, tapi tak apa-lah karena sebagian deskripsi utama blog ini kan memang lebih cenderung untuk membahas blogging tips dan SEO google. Menindak lanjuti request dari mas Khairil Anwar melalui komen dihalaman cara membuat permalink di setiap postingan otomatis, yaitu untuk membuat-kan tutorial menjadikan template blog 100% seo friendly. Terima kasih sob atas ide request nya sehingga pada kali ini Saya bisa mengupdate postingan, karena kebetulan lagi belum ada bahan yang mau di posting jadi pada posting kali ini Saya akan mencoba menuliskan cara membuat template blog > blogspot menjadi 100% (persen) seo friendly.

Tutorial SEO Friendly blogger template ini akan Saya buat berdasarkan hasil uji coba yang telah Saya lakukan untuk membuat blog ini menjadi seo friendly. Sejujurnya Saya bukanlah master of seo, tetapi mudah-mudahan teknik seo yang saya lakukan bisa bermanfaat untuk siapa saja yang berkecimpung didalam dunia blogging.

Berikut ini adalah tutorial cara menjadikan template blogspot 100% (persen) < SEO Friendly Blogger Blog: A. Setting Struktur Heading Judul Artikel/Post ke H1 Menurut email yang saya dapat dari Google Webmaster Central, google mengindeks untuk posisi teratas berdasarkan penggunaan judul posting yang tepat, deskriptip, dan structuring heading h1, h2, h3, dst yang memudahkan googlebot ketika melakukan crawling halaman. Pada template normalnya, h1 digunakan untuk header judul blog, h2= sidebar/widget, h3=judul posting. Googlebot biasanya melakukan crawling & indexing dimulai dari header judul blog (h1), maka dari itu untuk menguatkan judul posting di google adalah dengan menempatkan judul posting pada tag h1 sehingga yang pertama kali di jamah dan di index oleh google adalah judul artikel/postingan. Untuk penggunaan h1 ada dua pilihan cara yang saya lakukan. Pertama, merubah judul artikel ke tag h1 tanpa merubah heading judul blog dari h1 ke h lainnya - visit cara merubah heading judul postingan ke tag h1. Kedua, merubah judul posting ke tag h1 dan menjadikan judul blog ke tag h2. Pada cara pertama hasilnya cukup memuaskan hanya saja snipet paragraf pertama postingan yang baru dibuat akan muncul sebagai snipet nya homepage pada hasil pencarian, jadi agar halaman homepage tidak memunculkan snipet paragrap postingan sebaiknya halaman homepage di nofollow kan. Cara kedua snipet tetap normal. Snipet adalah paragrap yang dimunculkan pada hasil pencarian yang dianggap sebagai deskripsi yang paling cocok dengan judul yang dibuat jika deskripsi yang di generate oleh meta tag otomatis dirasa kurang tepat oleh google. Untuk cara kedua tutorialnya akan saya buat pada posting selanjutnya.

B. Optimasi Judul Blog Dengan Meta Tag

copy paste code berikut dibawah kode </head>

<meta content='Deskripsi Blog ' name='description'/>
<meta content='Kata Kunci Blog' name='keywords'/>
<meta content='Nama Anda' name='author'/>

Catatan: Ganti Text yang berwarna merah, sesuai intruksi berikut :
Deskripsi Blog --> Penjelasan Tentang isi dari Blog Anda
Kata Kunci Blog --> Kata Kunci tentang Blog anda
Nama Anda --> ya....nama dikau lah, masa nama saya.....hehehe

Kalo masih bingung, berikut contoh meta tag untuk blog saya :

<meta content='Tempatnya Belajar Blog dan Bisnis Online ada template gratis serta ebook juga lho'name='description'/>
<meta content='kursus blog, Belajar blog, blogger hack, tutorial blogger, kursus, blog, bisnis, bisnis online, tutorial blog, seo, affiliate,free template, free blogger templates' name='keywords'/>
<meta content='kurniawan' name='author'/>

C. Gunakan Canonical

Canonical sangat penting untuk memberitahukan url mana yang di prioritaskan untuk di index oleh google ketika robot google menemukan adanya duplicate title dan description pada url yang sebenarnya sama tetapi berbeda. Contohnya adalah url utama artikel dan url showComment, perhatikan dua url berikut yang sebenarnya sama tetapi berbeda:

http://blogname.blogspot.com/2011/4/contoh-saja.html

http://blogname.blogspot.com/2011/4/contoh-saja.html?ShowComment=12345678910

Nah, agar google tidak mengindeks url yang kedua (ShowComment) maka beritahukan kepada robot mesin pencari supaya hanya mengindeks url yang pertamanya saja agar tidak terjadi duplicate content. Caranya dengan memasang kode canonical berikut:

<link expr:href='data:blog.url' rel='canonical'/>

Letakan dibawah meta tag tadi.

D. Membuat Breadcrumb Navigation

Breadcrumb navigation akan membantu menuntun robot crawler dalam menemukan lokasi keberadaan file/artikel pada kategori tertentu - see the following page: Cara Membuat Breadcrumb Navigation

E. Nofollow kan Blog Archieve

Gunakan tag nofollow pada archieve blog untuk menghindari terjadinya duplicate content, see the following page: Blog Archive Widget Blogspot Yang Menyebabkan Duplicate Content

F. Nofollow kan URL Recent Comments

Lihat pada bagian (C), meskipun sudah menggunakan canonical terkadang google masih mengindeks url recent comments (contoh url recent comments lihat pada bagian (C) url yang kedua. Untuk menofollowkannya, silakan cari kode berikut:

<a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/></a>

dan ganti dengan kode berikut

<a expr:href='data:comment.url' rel='nofollow' title='comment permalink'> <data:comment.timestamp/></a>

Kemudian tambahkan meta tag berikut ini dibawah meta tag blog Anda yang sudah ada:

<b:if cond='data:blog.url == "http://curny-awant.blogspot.com/feeds/comments/default"'>
<meta content='noindex, nofollow' name='robots'/></b:if>

<b:if cond='data:blog.url == "http://curny-awant.blogspot.com/feeds/comments/default?alt=rss"'>
<meta content='noindex, nofollow' name='robots'/></b:if>

Sekian tips dari saya, mudah-mudahan bermanfaat. Untuk menguji coba, silakan tes pencarian di google dengan kata kunci/keyword: Cara menjadikan template blogspot 100% (persen) SEO Friendly, Cara menjadikan template blog blogspot 100% (persen) SEO Friendly, Cara menjadikan template blogspot 100% SEO Friendly, Cara menjadikan template blogspot 100 persen SEO Friendly. Kalo tidak menempati posisi pertama di hasil pencarian google berarti tips dari Saya belum sempurna, dan mohon maaf jika hasilnya kurang memuaskan. Jika Anda mempunyai tips yang lebih maknyus silakan di share melalui komentar dibawah.

Terima kasih.

Affiliasi yang sudah terbukti membayar

1. Google Adsense
2. Yahoo Publisher Network
3. Chitika
4. Amazon
5. PayPopUp
6. Tribal Fusion
7. EmarketMakers
8. ShareASale
9. FastClick
10. Adtegrity
11. MaxOnline
12. TAF Master
13. AllClicks
14. LeadCrunch
15. Casale Media
16. Commision Junction
17. AzoogleAds
18. Opt-Media
19. LinkShare
20. Adhearus
21. Advertising.com
22. AllPosters
23. Lunar Pages
24. Dark Blue
25. Marketbanker
26. RealTechNetwork
27. LOUDcash
28. RealCast Media
29. Dating-Central
30. CashRing
31. AffiliateFuel
32. ClickXchange
33. Burst Media
34. AdBrite
35. Rydium
36. Primaryads
37. Kanoodle
38. Mamma Media Solutions
39. TargetPoint
40. Gozingnetwork

Cara Membuat Label Dengan Thumbnail Hover

Langkah-langkah Cara Membuat Label Dengan Thumbnail Hover
1. login blog
2. rancangan -> edit HTML
3. cari kode ]]>
4. taruh kode dibawah ini diatas kode ]]>

img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px }
img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }

sobat bisa rubah angka yang berwarna merah untuk mengubah tinggi dan lebarnya.

5. taruh script dibawah ini dibawah kode ]]>

6. simpan template
7. lalu buka Elemen halaman
8. tambah gadget -> HTML/JavaScript
9. lalu masukkan kode dibawah ini

NB : angka 6 berarti banyaknya label yang akan muncul.

trik blog

Cara Mudah Membuat Follow Button Twitter

Sebenernya buat yg satu ini gak perlu ilmu photoshop atau apalah itu , yg kalian perlukan hanya sambungan ke internet dan doa seorang ibu hehehe becanca . Oke mari kita praktekan