Tutorial : Letak scrollbox pada bloglist:
Salam semua, kali nak share satu lagi tutorial. Kalau sebelum ni saya ada buat satu tutorial buat scroll box untuk widget so kali ni nak share macammana nak letak scrollbox pada bloglist.
Bloglist merupakan satu widget yang selalu dipasang di dalam blog tetapi bloglist yang terlalu panjang membuatkan visitor yg dtg ke blog kita boring dan nampak tak kemas. So, bagi mengemaskan kt bloglist tu kita letakkan scrollbox pada bloglist tu.
1. Letak widget Bloglist ni dalam blog dengn pilih Dashboard>design>page elements>bloglist
2. Pergi pada Design >Edit Html (tick bahagian Expand Widget Templates) dan dengan menggunakan Control + F, cari kod ]]>
3. Pastekan kod berikut di atas kod yang korang cari di step 2. Height boleh ditukar ikut kesesuaian sidebar korang.
#BlogList1 .widget-content{
height:200px; width:auto;
overflow:auto;
}
Sumber:
LEPAK the place u should be
Tutorial : Letak lagu dalam blog:
Korang pernah tak bila visit blog lain ada dengar lagu berkumandang? Pada sesiapa yang belum tahu lagi, kali ni saya nak share dengan korang semua macammana nak letakkan lagu dalam blog.
2. Pilih lagu di ruangan carian
3. Klik pada lagu yang korang dah pilih tadi dan copy kod dari benamkan/embed
4. Pergi pada Design>Page Element> Add a gadget> HTML/Javascrip dan pastekan kod yang korang dah copy tadi
<embed src="http://www.4shared.com/embed/151403631/fc8a439c"
width="420" height="250" allowfullscreen="true"
allowscriptaccess="always"></embed>
Note : Tukarkan perkataan yang berwarna merah itu mengikut kesesuaian blog korang. Dicadangkan kekalkan width dan tukarkan height kepada 20.
Sumber:
LEPAK the place u should be
Tutorial : Letak Related Post blog:
Salam dan selamat berpuasa semua....hari ni saya nak share dengan korang macammana nak letak widget related post dalam blog. Contoh related post adalah seperti dalam gambar di bawah yang terdapat di blog LEPAK.
Untuk pengetahuan, related post ni tak sama dengan linkwithin yang biasa kita letak dalam blog sebab dalam widget related post ni, post2 yang terpilih ialah post-post yang sama labels. Linkwithin pula akan pilih random post yang ada relate dengan post. Related post ni akan cari semua perkataan yang mempunyai label yang sama. (Ayat sedikit terbelit....huhuhu).
Ada banyak kelebihan sekianya blog dipasang dengan widget related post ni. Antaranya ialah membantu tingkatkan trafik blog dan pageview.
Cara-cara letak
related post
1. Pergi ke Dashboard > Design > Edit HTML > Expand widget templates
2. Cari code berikut dengan CTRL + F
</head>
3. Kemudian copy code ini, dan paste sebelum kod yang korang cari macam di step 2.
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEbzs4fTTk9kao_ueBw7c3Xr2sgHj9kFkDtY3M0LIZhZdzFgOoNtS3dt8djUPX55bb-OiMD2ztuzINB-sRW8B6vMShUTUYkeOpihUnQFlxqePTjct9ugWyZ_C8eiJHpnpzZR5wbrS6g3s/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>
4. Cari code berikut dengan CTRL + F
<data:post.body/> atau <div class='post-body>
5. Kemudian copy code ini, dan paste selepas kod yang korang cari macam di step 4.
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
6. Boleh ubah max-result=5 ikut kesesuaian.
7. Save dan Preview.
Sumber:
LEPAK the place u should be
Tutorial : Buat widget Copy Artikel: Tutorial kali ni nak share macammana nak buat widget copy artikel macam gambar di bawah ni. Mesti korang selalu tengok gambar kt bawah ni di sesetengah blog kan.
Tujuannya ialah untuk membolehkan artikel yang menarik perhatian dicopy oleh visitor yg datang ke blog korang.
Langkah2:
1. Pergi ke Dashboard > Design > Edit HTML > Expand widget templates
2. Cari code berikut dengan CTRL + F
<data:post.body/>
3. Copy code di bawah ni dan paste kan di bawah code yang korang cari di step ke 2 tadi
<div style='text-align: center;'>
<b:if cond='data:blog.pageType == "item"'>
<br/> <br/>
Sila copy artikel ini,
untuk mendapat backlink ke blog ini
<form action='http://www.blogger.com/blog-this.g' method='post' target='_blank'>
<textarea cols='45' name='t' onclick='select()' readonly='readonly' rows='5'>
<data:post.body/> <br/> Sumber:
<a expr:href='data:post.url'>
<data:blog.title/>
</a>
</textarea> <br/>
<input expr:value='data:post.url' name='u' type='hidden'/>
<input expr:value='data:post.title' name='n' type='hidden'/>
<input type='submit' value='Blog This!'/>
</form>
</b:if>
</div>
4. Tukarkan pada perkataan yang berwarna biru kepada perkataan korang sendiri.
5. Save dan Preview
Sumber:
LEPAK the place u should be
