Cara membuat icon bar favicon

Ingin tampil unik dengan favicon punya sendiri???,Apa yang dimaksud favicon ?favicon adalah sebuah gambar kecil/icon di dalam tab bar address,lalu bagaimana cara membuat favicon tersebut?,oke kita langsung saja ke bagian edit html seperti biasa,masuk ke design ,lalu klik edit HTML and jangan lupa centang expand widget template di kanan atas :

Untuk membuat gambar favicon itu sendiri silahkan anda ke Favicon generator,lalu upload gambar yang akan di jadikan icon,kemudian klik generate Favicon,tunggu sebentar ,jadilah ikon kita lalu tinggal download icon tersebut.


Nah setelah icon tersimpan di dalam pc kita,lalu kita bisa upload foto tersebut ke hosting gratisan,seperti :
- Imagehacks
- freeimagehosting
- tinypic
- photobucket
Tinggal pilih aja ingin di taruh dimana icon anda di salah satu hosting tersebut,atau di hostingan yang lain.

Kembali ke Edit html ,carilah file sebagai berikut </head>
dan letakkan kode dibawah ini sebelum kode </head>
<link href='http://gambar_anda.gif' rel='SHORTCUT ICON'/>

Dan tulisan yang berwarna hijau tersebut di ganti dengan lokasi gambar icon yang sebelumnya telah anda simpan :
contoh : http://gambar_anda.gif di ganti dengan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsFTkbIFM8qaBzorhWBFhqdA7iBOIgSTjzcz0YjXMZXhtN6AKefKQSap8CS9ir3cRaSJU-yVuJEOFfriJWPtrfkd9r0eWf8BKSHWJIuG5GnsY2QnMUhMUW5_FLpsVUibhKcKHtMtwpnOk/s1600/favicon%25283%2529.ico

nah setelah selesai simpan template,dan lihat hasilnya,selamat mencoba.


-->

READ MORE - Cara membuat icon bar favicon

Cara membuat breadcrumb

Bagaimana membuat breadcrumb atau membuat link navigasi di atas postingan kita,gunanya selain memudahkan robot pencari seperti google search juga dapat memanjakan pengunjung kita dalam mencari kategori yang mereka inginkan.

Pentingkah sebuah Breadcrum atau tombol navigasi di sebuah postingan kita,jawabnya terserah anda ,semakin blog kita terlihat profesional,juga membuat pengunjung betah berlama-lama di blog kita,oke kita mulai saja cara pertama:

Seperti biasa masuklah ke design/rancangan,lalu klik edit html,jangan lupa sebelumnya klik expand widget template.
setelah itu silahkan anda cari kode sebagai berikut :

]]></b:skin>

lalu letakkan kode dibawah ini,tepat diatas kode diatas :

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:100%;
line-height:1.5em;
border-bottom:5px double #cadaef;
}

Masih di edit html, selanjutnya carilah kode sebagai berikut :
<div class='post hentry

tepat dibawah kode itu ,letakkan kode dibawah ini :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

Nah setelah itu simpanlah template agan sekalian,dan breadcrumb akan terlihat di atas postingan agan,seperti gambar diatas.





-->

READ MORE - Cara membuat breadcrumb

Memasang ads google di tengah postingan

Bagaimana cara memasang ads by google atau ads yang lain ditengah postingan?
Pernah dalam sebuah privat chat saya ditanya oleh teman saya  ,Bagaimana sih cara memasang ads ditengah postingan blogspot gan?
Lalu saya menjawabnya silahkan login dulu ke blogger,lalu klik design/rancangan,setelah itu klik edit HTML,dan sebelumnya jangan lupa centang expand widget.

Untuk lebih komplitnya begini:
Login ke blogger lalu masuk ke designed atau rancangan ,dan klik edit html untuk menjaga kesalahan silahkan anda backup template anda sebelumnya dan jangan lupa klik expand  widget template :

Setelah itu silahkan anda cari kode berikut ini :
<data:post.body/>
 untuk memudahkan pencarian ketik lah di keyboard CTRL+F secara bersamaan,dan masukan kata di kode pencarian ,setelah ketemu kode yang dimaksud, maka truh lah kode google adsense anda persis diatasnya jika anda ingin menaruh ads by google anda persis dibawah judul.
dan jika anda ingin menaruh ads anda tepat dibawah postingan maka taruhlah kode ads anda di bawah
<data:post.body/>

Sementara untuk meletakan posisi dari ads tersebut anda harus menambahkan kode float di atas kode ads anda contohnya seperti ini :
<div style='float:left;'>
 kode ads anda
</div>
ket:
center = Ditengah
left      =  Kiri
right    =  Kanan
Anda tinggal mengganti  tulisan yang berwarna merah menurut selere anda,bisa right or left ,suka suka lah.
Sementara itu untuk memparse ( supaya bisa terbaca di html script) kode anda,silahkan parse kode anda kesini :
http://blogcrowds.com/resources/parse_html.php







-->

READ MORE - Memasang ads google di tengah postingan

Bagaimana cara membuat tombol shared di facebook

Bagaimana cara membuat tombol shared di facebook twitter dan social enggine atau tempat perkumpulan di dunia online.

Fungsi dari tombol tersebut memudahkan kita berbagi artikel penting ke semua teman kita agar lebih mudah dalam menjangkau web kita atau web yang kita tunjuk.

untuk lebih jelasnya sebagai berikut:

1.  Login dulu
2.  Arahkan ke Dashboard, Layout, kemudian Edit Html dan jangan lupa centang expand template widget dan backup file untuk menjaga hil-hil yang mustahal
3.  Kemudian cari kode ini  <b:if cond='data:top.showAuthor'>
4. Kemudian Letakkan kode dibawah ini dibawah kode <b:if cond='data:top.showAuthor'>
5.  Sengaja di buatkan 3 pilihan biar gak bosen,jadi bisa pilih salah satu sendiri mau gambar yang mana.

Pilihan pertama :

Kodenya

<b:if cond='data:post.url'> <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='http://greenbire.com' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lWM97GS_JYIEfmSDxfBV9crUFcGAk22NPVSP7oPxlHxFgLYHiHGXJhRC2PASQX-ECn3jyvZl6auBddLGwjsJR3wLgeEqhS7bjs62Npn4XHlHpoAdRW5JmMoq1hmijCbQd-ZBGpiSK2g/s1600/facebook1.gif'/></a> </b:if>

Pilihan kedua :

Kodenya

<b:if cond='data:post.url'> <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgJC74fNUHh67UEQ2KzzsbgIgNSsNOtwrixAdA-WdjIYBiqXirH_NbVX4jlWXf80FpW0KcyQ72L84BLQkMrGLQmqV0QgrWjZD5a8FYONHtx6g0XOxw0sxrK3rXb0agNMfVpjZlZzmYp-Q/s1600/facebook2.gif" border="0" alt="http://greenbire.com"></a> </b:if>

Pilihan ketiga :

Kodenya

<b:if cond='data:post.url'> <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO258F264c119fYV2G_OMT6y5yvT9wwZNW_PW-c-HfxU9klg7pBYMGmXOv72Qi0rUZAfu3zA3FGOLVhewn8ebqUBAYBK3JU1nsV9-5_w-jqB9SmbasMWFbe55Egi2OpBKNTYOQnFPRNWE/s1600/facebook3.gif" border="0" alt="http://greenbire.com"></a> </b:if>

Selamat mencoba perlu diketahui tombol share facebook ini untuk dibawah postingan kalau untuk tombol diatas postingan,silahkan cari kode :

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

Dan taruh salah satu kode diatas persis dibawah kode yang berwarna biru.

maka tombol share facebook akan ada persis dikanan artikel.
Good luck jim


-->

READ MORE - Bagaimana cara membuat tombol shared di facebook