Tutorial Cara Letak Gambar Di Sebelah Tajuk Post

hai all...hari ini koz akan tunaikan permintaan pengunjung laman budak nakal ini yang memintak koz buat tutorial cara letak gambar/icon di sebelah tajuk entri atau tajuk post...Contohnya seperti dekat blog ini,dekat setiap tajuk post pasti ada gambar di sebelahnya...Cara-cara nak buatnya seperti berikut...

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code di bawah

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

Cara termudah untuk cari code ini tekan CTRL+F pada keyboard dan copy paste code ini ke ruangan find...

Langkah 3

Kemudain copy code di bawah

<img src="LinkGambar"/>

Dan paste di tengah-tengah code antara code ini

<a expr:href='data:post.url'>

dan code ini

<data:post.title/></a>

Contoh akan jdi seperti ini

<a expr:href='data:post.url'><img src="Link Gambar"/><data:post.title/></a>

Langkah 4

Kemudain Ganti/Tukar "LinkGambar" kepada link gambar yang korang nak letak

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Memasang Sosial Bookmark Di Bawah Post

Hai all..hari ini koz nak ajar korang tutorial cara nak letak sosial bookmark dekat bawah post entry korang seperti contoh yang ada pada bawah post koz ini...
Cara-caranya seperti berikut...

Langkah 1

Apa-apahal backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini

<data:post.body/>

Langkah 3

Kemudian copy paste code di bawah ini selepas code/bawah code(langkah 2)

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Selepas sudah paste,kedudukan code akan jadi macam ini

<data:post.body/>

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Kemudian save dan lihat hasilnya...


Code ini juga korang boleh letak pada Layout>Page Elements>Add a Gadget>HTML/Javascript dan copy paste code di bawah

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Camat mencuba...

Tutorial Cara Menghilangkan Tajuk Blog Di Header

Hai all...hari ini koz akan mengajar korang pula cara nak hidden tajuk blog korang yang ada di bahagian header...Kebanyakan blog yang koz kunjungi pasti ada yang tak tahu cara untuk menghilangkan tajuk blog masing-masing ada gak yang terpaksa menggunakan simbol seperti titik dan sebagainya...Jadi hari ini koz akan membantu/mengajar cara termudah untuk menghilangkan tajuk blog tersebut...Cara-caranya seperti berikut...

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Korang Cari code yang serupa atau lebih kurang sama seperti code di bawah

#header h1 {
margin:50;
padding:10px 0 0 20px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#0099CC;

visibility:hidden;

}

Atau

.blogname h1 {
font-size:40px;
font-weight:normal;
margin:0px 0px 0 40px;
color:#ffffff;
text-decoration: none;
text-align:left;

display:none

Atau

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;

visibility:hidden;

}

Langkah 3

Bila dh jumpa code di bawah...tambahkan code seperti code warna merah pada bahagian bawah sebelum tanda ( } )...

Code yang boleh di gunakan seperti berikut

display:none

Atau

visibility:hidden;

Kemudian save dan lihat hasilnya...

Camat mencuba...