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...

Tutorial Cara Memasang Pageview di Post

Hai all...hari ini koz akan mengajar cara nak buat / memasang page view pada setiap post di blog korang...kegunaannya adalah untuk korang megetahui bilangan post korang di lihat oleh pengunjung di blog korang...caranya adalah seperti berikut...

Langkah 1

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

Langkah 2

Kemudian cari code ini ,cara termudah untuk mencari code ini korang tekan kekunci Ctrl+F pada keyboard korang dan copy paste diruangan find...

<div class='post-header-line-1'/>

atau

<data:post.body/>

Langkah 3

Copy dan paste code di bawah ini sebelum/di atas code di atas(langkah 2)

<b:if cond='data:blog.pageType == "item"'><div align='left'><img src='LinkGambarKorang' style='width: 26px; height: 16px;' /><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>

Langkah 4

Tukar/ganti code berwarna merah pada link gambar yang korang nak dan pada code berwarna biru tetapkan saiz gambar tersebut dan pada code berwarna hijau pula tetapkan kedudukan yang korang suka sama ada left,right atau center...

Contoh code yang sudah di edit:-

<b:if cond='data:blog.pageType == "item"'><div align='right'><img src='http://img8.imageshack.us/img8/4186/blogger16.png' style='width: 16px; height: 16px;' /><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>

save dan lihat hasilnya...

camat mencuba...