About Me

Minggu, 31 Juli 2011

Menambah Icon di Samping Judul Artikel


 


Ass....

Posting kali ane bikin artikel enak diliat mata nei....langsung aja
Caranya Ialah :
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.

2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh
) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.

4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
 
.post h3 {
margin:.5em 0;
padding:
48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;

5. Save templatenya.
Nah silahkan mencoba apakah anda bisa.. saya yakin anda pasti bisa

Bikin Comentar Admin terbaru





Untuk posting sekarang ini agak sedikit ribeut temen" tapi hasil nya memuaskan telah saya coba sukses di blog saya yang satu lagi.

Ketika saya jalan-jalan (blogwalking) ane sering menemukan komentar admin yang berbeda dari pengunjung nya,wah ane tertarik juga terus coba eh emang menarik buat di pasang di blog.Ok! langsung

Masuk blogger > rancangan > edit html > centang expand template widget
Cari kode ]]></b:skin> Pastekan kode berikut tepat di atas kode  ]]></b:skin>

 .author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

Pada kode berwarna merah di kotak atasbisa diganti sesuai keinginan.
Kemudian cari kode
            <data:commentPostedByMsg/>
            </dt>


Jika sudah ketemu kode di atas, pastekan kode di bawah ini tepat di bawah </dt>

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

Kemudian cari kode <dd class='comment-footer'> tambahkan </b:if> tepat di atas kode <dd class='comment-footer'>Sehingga keseluruhannya tampak seperti di bawah ini :

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' 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/>
                </p>
              </b:if>
            </dd>
</b:if>            <dd class='comment-footer'>


Terakhir simpan template, dan kemudian untuk melihat hasilnya silahkan  berkomentar di blog sendiri dengan catatan harus login di blogger dulu. 
sumber

Cara Membuat Kotak Komentar Blogspot Via Facebook


   Ada beberapa cara membuat Komentar box di blogspot via FB maupun Yahoo dengan menggunakan FB Developers. Cara yang pertama ane jelaskan yah!..  dengan memasukkan kode HTML yang akan kita letakkan di bawah setiap postingan. Jadi tanpa harus edit HTML ribeut hehehe.....
Sebelumnya temen masuk sini dulu 

nah timbulkan jendela seperti  gambar diatas..? sekarang edit deh dengan selera temen" Copy ke HTML  blog temen"...
dah kan ada di blog nya..? wokeh selamat anda berhasil .hehehehe





Cara Mengganti Icon/Logo Blog Di Address Bar






Pada posting kali ini ane akan mencoba untuk menuliskan tutorial cara mengganti icon/logo yang terletak di address bar, bagi teman-teman yang ingin tahu bagaimana cara merubah icon blog di address bar, cara mengganti icon blog ini tidak hanya berlaku untuk blog blogger saja, walaupun sedikit beda :-)

Wokeh langsung z kepokok nya   :)


  • Untuk mengganti icon di address bar langkah pertama yang harus anda lakukan adalah Login ke Blogger
  • Setelah itu klik menu Layout atau Tata letak
  • Kemudian klik menu Edit HTML
  • Silahkan temukan kode ini </head>
  • Setelah itu kode nya sudah di temukan silakan taroh kode icon di bawahnya.
Berikut kode untuk mengganti icon yang harus di pasang
<link href='MASUKKAN LINK LOGO/GAMBAR DISINI' rel='SHORTCUT ICON'/>

Selamat mencoba klo ada ggl berarti ada kurang berutung dan kurang ganteung heeehehe...........
Nyatai aja pasti berhasil kok......

Tujuan Blog



Ass...teman

   Posting pertama ane adalah mau ngasitau aja tujuan dari ngeblog yaitu buat seneng" apa buat Cari aunga heee", klao buat seneng isilah blog mu dengan pernak-pernik yang bikin blog mu indah "seperti Blog ane ini
tapi klo buat cari uang cobalah serius tentang isi nya aja.....
OK ayo kita mulai............

Entri Populer

Free counters
Free counters

Susah ga buat masuk sini :D

DI DALAM KEHIDUPAN SELALU ADA KEMATIAN..PERGUNAKANLAH MASA KEHIDUPAN DENGAN BAIK
 
Copyright© 2011 pernak pernik bloger | Template Blogger Designer by : nerocan' |
Template Name | Uniqx Transparent : Version 1.0 | nerocan