list blog tutorial

Showing posts with label Tutorial Blog. Show all posts

Refresh blog atau Redirect URL Addres

Cara refresh blog,mungkin semua bloger sudah tahu cara membuat efek refresh di blogspot.Fungsi refresh ini adalah untuk penyegaran kembali ke halaman utama blog kita.

Login ke akaun blogger>> Design>>Edit Html
Cari kode </head>
Masukan kod berikut tepat di atas kode </head>

<meta http-equiv="refresh" content="30"/>

content="30"=>menunjukan proses refresh akan dilakukan dalam waktu 30 saat/detik angka ini boleh di ubah suai untuk jangka berapa waktu blog kita akan di refresh.

SIMPAN TEMPLATE
Selesai.

Kegunaan lain script/kod ini Selain kegunaan di atas,ia mempunyai fungsi untuk redirect dari URL Addres satu ke URL Addres lainnya.Sebagai contoh,anda ada sebuah blog yang lama sudah terbiar kerana anda mempunyai blog baru,blog lama itu jangan di padam,cuma masukan sahaja kod di bawah ni kedalamnya,
jika ada pengunjung yang memasuki blog lama anda ia akan di bawa secara auto ke blog baru anda.

<meta HTTP-EQUIV='refresh' content='0;URL=http://listblog-tutorial.blogspot.com/'/>

Cara letaknya sama dengan cara di atas,gantikan url blog yang ingin anda tujukan.
Contohnya, letak kod di blog lama urlnya hendaklah blog baru.anda.

Dengan cara ini,apabila seseorang memasuki blog lama anda,apabila keseluruhan blog sudah diloding baru kod ini mula berkerja,mengalihkan url blog lama ke blog baru.

Ada satu lagi kod untuk redirect dari URL Addres satu ke URL Addres lainnya dengan lebih cepat berbanding kod di atas.

<script language="javascript" type="text/javascript">

</script>

Salin kod di atas dengan mengantikan url tujan anda.
Letak kedalam kotak Add a Gadget / HTML Javascript

simpan templat.
selesai

Membuat navigasi breadcrumb

----->Widget ini telah di pertingkatkan dari yang lama,mengikut peredaran masa.<-----
Menu breadcrumb ini hanya akan muncul diatas artikel ketika kita membuka halaman suatu posting dan bukan halaman utama blogspot korang.

Cara membuat breadcrumb.

Pada Design, kemudian pilih Edit HTML,klik pada Expand Widget Templates.
dan cari kod berikut.

<b:if cond='data:post.title'>

Setelah jumpa ,letakkan kod dibawah ini dibawah kod tadi.

<b:if cond='data:blog.pageType == "item"'>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/>
</b:if>

Kemudian klik save Templates, dan siap sepenuhnya.

Cara sorokatau tampilkan sesuatu widget di blog

Mungkin ada antara pembaca ada terjumpa blog,apabila sesuatu link di klik ada sesetengah widgetnya menghilang,dan widget lain pula muncul.Jika ingin membuatnya,cuba fahami code-code dibawah ini.

1. Hanya pada Halaman Utama Blog

<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>

Code ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog saja alias akan menghilang ketika anda mengklik Label Post atau membaca postingan secara keseluruhan.

2. Kategori Post dan Single Post

<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>

Code ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (membaca posting secara keseluruhan).

3. Halama Utama Blog dan Kategori Post

<b:if cond="data:blog.pageType != "item""> ... </b:if>

Code ini berfungsi untuk menampilkan widget blog pada main post dan kategori post dan akan menghilang ketika membaca posting secara keseluruhan.

4. Single Post

<b:if cond="data:blog.pageType == "item""> ... </b:if>

Code ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika anda membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau kategori post.

5. Halama Utama Blog dan Kategori Post

<b:if cond="data:blog.pageType == "index"">... </b:if>

Fungsi code ini sama dengan fungsi code pada no 3 diatas.

6. Menampilan Widget Blog Pada Postingan Tertentu Saja

<b:if cond="data:blog.url == "URL_POST_TERTENTU""> ... </b:if>

Code ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu posting tertentu.

7. Menyembunyikan Widget Post Pada Postingan Tertentu Saja

<b:if cond="data:blog.url != "URL_POST_TERTENTU""> ... </b:if>

Code ini sama fungsinya dengan code no 6 dimana widget blog akan menghilang dari suatu posting tertentu dan muncul pada posting yang lain.

Cara-cara untuk mengunakan code ini,amat mudah,lihat contoh di bawah.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Letak di sini widget yang hendak sembunyikan atau di tampilkan
</b:if>

Judul-judul artikel pada headline news tersebut bergerak

Masuk ke account Blogger kamu,
pilih Page ElementsKlik
Add a Gadget
HTML/JavaScript

Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:

Cara buat Twitter Widget di blog

Twitter,salah satu rangkaian sosial yang banyak digunakan selain muka-buku(facebook).
Sekarang banyak blogger meletakan widget twitter di blog agar memudahkan pembaca nak follow kita sebagai rakan twwet atau mengikut blog kita melalui twitter sahaja.

Cara buat Twitter Widget di blog juga amat mudah,kepada yang belum tahu nak membuatnya,ikut langkah mudah di bawah ini.

Pertama anda seharusnya sudah mendaftar dengan twitter,jika belum daftar sekarang.
(saya angap anda sudah mempunyai akaun twitter)

1.Buka twitter anda dahulu,dan pilih Widgets.(https://twitter.com/about/resources/widgets).

2.Klik pada My Website dan pilih Profile Widget.

3.Pada bahagian Setting,dibawah USERNAME tulis nawa Twitter anda.

4.Pada Preferences,Pilih mengikut kesesuaian anda,Number of Tweet terpulang berapa banyak nak letak.

5.Appearance,tukar warna mengikut kesesuaian blog,atau warna kegemaran anda.

6.Bahagian Dimensions ubah size kelebaran mengikut kesesuaian blog anda atau pilih dan tanda pada auto width,dimana ia akan berubah secara auto mengikut kesesuaian template blog kita.

7.Klik Test Settings untuk Lihat preview twitter yang dibuat,jika berpuashati klik Finish & Grab Code,Salin code dan letak di blog mengikut kesesuaian.

Kalau nak senang klik je

dan secara auto widget twitter sudah berada di blog kita.

Begitulah Cara buat Twitter Widget di blog.
Salam,dan selamat mencuba.

Buat template dengan Blogger Template Generator

Banyak Orang kata membuat template itu susah,sebenarnya tidak susah mana pun kalau kita membuatnya dengan pertolongan Blogger Template Generator.

Buat template dalam waktu kurang dari 10 minit
Desain template tanpa harus menguasai bahasa HLML/CSS

Saya senaraikan sebahagian Blogger Template Generator

1. Psycho – Psychogenesis
Dengan bantuan layanan ini,Kita dapat merancang sendiri template kita dari Header Sampai Footer

2. Pimp My Profile

3. Page Colomn Layout Generator

4.Firdamatic

5.Trix Blogspot Template Generator

6.2 Colomns Blogger Layout Generator

7.3 Colomns Blogger Layout Generator

8.4 Colomns Blogger Layout Generator

9. 5 Colomns Blogger Layout Generator

Jenis-jenis Border

Tampilan atau bentuk border yang digunakan sangat sederhana sekali(hanya berbentuk garis lurus),apakah anda ingin mengubah bentuk Border blog anda supaya blog kelihatan lebih cantik.

Jenis-jenis Border

Solid

Dotted

Ridge

dashed

double

groove

inset

outset

Membuat menu horizontal/Tab pada blog

Membuat horizontal navigation/Tab seperti yang terdapat bahagian bawah header blog yang tertera perkataan HOME,ISI KANDUNGAN

untuk membuatnya ikuti langkah ini.
1.log in ke blogger,pilih design-->>page element
2.klik pada add gadget--->>pilih HTML/Javascript
3.selepas save kod ,seret widget HTML/Javascript ke bawah header

Cara buat Fasilitas Print diblog

Memasang Fasilitas Print pada halaman blog anda hanya Copy kode berikut dan letakkan pada halaman blog anda.

Fasilitas Print dengan gambar

Print this page

1.Masuk ke blogger dengan ID anda

2.Klik menu Template

3.Klik HTML/JavaScript

4.Copy kode berikut pada kotak yang tersedia

<a href="javascript:print(document)"><img src="http://i388.photobucket.com/albums/oo322/arif_bucket/print.png" alt="print this page" border="0"/> Print this page</a>

5.Klik Save
Selesai.

Kalau ingin menampilkan button sahaja.
Copy kode berikut.

<form>
<input type="button" value="Print this page" Onclick="print()" ;>
</form>

Letak pada edit HTML/JavaScript

simpan.

Membuat menu tab view di blog

Membuat tab view di blog dengan mudah.
cara membuatnya.

Pilih design->> Page Element
Add a Gadget
Pilih HTML/Javascript
Salin dan masukkan code dibawah ini.

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 98px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Tajuk 1</a>
<a>Tajuk 2</a>
<a>Tajuk 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Buang Label di bawah posting.

Menghapuskan label dari terpapar pada bahagian bawah posting.

Klik pada edit HTML
Tandakan kotak Expand Widgets Template
Kemudian cari kod seperti dibawah ini pada template
gunakan Ctrl+F dan taipkan <span class="post-labels">

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>

Buang code yang berhuruf tebal dan klik simpan

Cara letak code copy paste

Ada sesetengah blogger tidak mahu blog mereka di copy paste,

jadi kita harus meletakan code copy paste

Cara letak code copy paste sangat mudah.

Login ke blog anda
Klik Edit HTML
Cari code </head>

Jika sudah jumpa,salin code dibawah ini dan letak dibawah code </head> tadi.

<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Simpan Templet anda,dan lihat hasilnya.
Selamat mencuba,

Hapuskan tulisan View My Complete Profile

Hapuskan tulisan View My Complete Profile(lihat profil lengkap saya) atau ingin menukarnya dengan ayat yang lebih bagus lagi.

Caranya:
Backup template terlebih dahulu
Pada Design >> pilih edit HTML >>dan tandakan pada Expand Template Widget

Cari kode seperti ini

<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>

Cara lebih mudah gunakan Crtl + F untuk mencarinya

Jika sudah jumpa,hapus kode seperi dibawah ini

<data:viewProfileMsg/>

Jika ingin menukar perkataan agar sesuai dengan blog kita tambah seperti ini

(tulis ayat disini)

Ditempat <data:viewProfileMsg/> yang kita hapuskan tadi

Jika sudah selesai simpan templet

Sembunyikan widget pada blog dengan buka dan tutup

Tips buat kali ini adalah cara bagaimana menyembunyikan widget pada side bar. Widget ini boleh dibuka dan ditutup dengan hanya klik pada butang tajuk widget pada sidebar dan boleh juga pada footer.Kebaikan dengan menggunakan cara ini sidebar nampak lebih tersusun rapi

Kalau ingin membuatnya ikuti langkah seterusnya:
Backup template terlebih dahulu
Pada Design >> pilih edit HTML >>dan tandakan pada Expand Template Widget

Kemudian cari widget yang hendak disembunyikan:

Untuk contoh ini, saya pilih widget Top Post untuk disembunyikan
Cara lebih mudah gunakan Crtl + F untuk mencarinya, taipkan

title = 'Top Post'

Kemudian enter.

Keluar code sebegini.

<b:widget id='HTML12' locked='false' title='Top Post' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Ganti code begini <h2 class='title'><data:title/></h2>
Dengan code dibawah ini.

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:right;margin-right:0px;font-weight:bold; color:#FFFFFF;">[Open -+]</a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

Salin code dibawah ini pula.

<script type='text/javascript'> /* <![CDATA[ */ document.write('</div>'); /* ]]> */ </script>

Letak diatas code dibawah ini pula.

</b:includable>

preview terlebih dahulu dan kalau tiada eros save template

Fungsi reply bergambar pada blogspot

Di blogspot komen yang diterima tidak ada fungsi reply untuk kita bembalasnya.

Namun begitu kita boleh membuatnya.

Cara untuk membuat Fungsi reply bergambar pada blogspot juga agak senang.

Mula-mula

Cari code berikut <b:include data='comment' name='commentDeleteIcon'/>

Jika sudah jumpa,maka copy code dibawah ini.

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=Letakkan blog ID anda disini&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.openundefinedthis.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,

width=450,height=450"); return false;'><img alt='Reply To This Comment' src='http://3.bp.blogspot.com/_3TLQUQnfZ8A/TBslIQjktDI/AAAAAAAAAH8/nPxq7Y9iEzg/s400/replyred+3.png'/></a></span>

Dan letak dibawah code <b:include data='comment' name='commentDeleteIcon'/> yang dicari tadi.

Ganti perkataan Letakkan blog ID anda disini dengan No blog ID korang.

Jika sudah simpanlah templet.

Selesailah sudah

Cara meletak code iklan diposting

Cara meletak code iklan diposting,agar penapilan iklan diblog kita lebih menarik dan mendapatkan klik yang lebih sedikit berbanding hanya diletakan disidebar.

Ada berbagai cara hendak meletakkan code diposting,kerana berbagai templets yang digunakan tidak sama diantara satu sama lain.

Macam biasa kalau hendak melihat code html,pergi ke Layout >> Edit HTML>>Klik >> Expand Widget.

Cara 1

Cari code seperti ini (<data :post.body/>)
Jika sudah jumpa dipadam dan diganti dengan code dibawah ini.

<div expr:id='"aim1" + data:post.id'> </ p>
<div style="clear:both; margin:10px 0">
<- Code iklan anda di sini! ->
</ Div>
expr: id = '"aim2" <div + data:post.id'>
<data :post.body/>
</ Div>
<script type="text/javascript">
var obj0 = document.getElementById undefined"aim1: post.id /> <data");
var obj1 = document.getElementById undefined"aim2: post.id /> <data");
var s = obj1.innerHTML;
var r = s.search undefined/ x3C! - --x3E/igm adsense);
if undefinedr> 0) undefinedobj0.innerHTML = s.substr undefined0, r); obj1.innerHTML = s.substr undefinedr 16);)
</ Script>

Gantikan perkataan yang tertulis Code iklan anda di sini dengan code pengiklan anda.

Dan yang penting code tersebut hendaklah di parse dahulu sebelum diletakan,kalau tidak ia tidak akan menjadi.

Cara 2

Setiap Cara meletak code iklan diposting amat berlainan diantara templet,jika cara diatas tidak menjadi ikut cara kedua ini.Cara ini lebih senang dipasang dengan templet dari blogger.com.

Caranya amat mudah,cari code seperti ini <data:post.body/>

Jika sudah jumpa,letak code iklan anda di atas atau dibawah code tersebut bergantung dengan kesesuaian anda.

Jika sudah mengikut langkahnya klik preview dahulu dan perhatikan apakah iklan ada dipaparkan atau tidak.

Jika tidak cuba Parse code iklan itu dahulu.

Buat tiga kolom elemen

Ada sesetengah design template berbeza dengan templet kita,apatah lagi dari Blogger.com

Yang hanya ada satu elemen halaman di bawah header.Mungkin anda tertarik dengan templet yang mempunyai tiga kolom elemen di bawah header

Hendak membuatnya tiga kolom elemen,ikut langkah-langkah ini:

Mula-mula sekali buka templet korang.Pada Papan Pemuka >> Klik Reka bentuk >> Klik Edit HTML.

Tanda pada >>Expand Template Widget

Cari code ]]></b:skin>

Salin code di bawah ini

#box-main-container {

clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Letak di atas code ]]></b:skin> yang korang cari tadi.

Cari code HTML yang seperti ini <div id='main-wrapper'> Jika tiada cari yang seperti ini <div id='header-inner'>

Kalau sudah berjumpa:

Salin code dibawah ini.

Letak dibawah code yang korang cari tadi.

Prantonton dahulu,jika tiada apa-apa terjadi Simpan template dan lihat hasilnya

Setiap templet berbeza codenya Korang harus mencari yang hampir serupa seperti code ini <div id='header-inner'> jika langkah diatas tidak ditemui.

selamat mencuba.

Cara memasukan blog di dalam posting

Ada sesetengah blog ingin membuat posting dengan memasukan sesebuah blog sebagai contoh,

tetapi tidak tahu bagai mana hendak membuatnya.

Caranya cukup senang--->masuk keruang posting dalam Edit Html--->salin code di bawah ini.

<style type="text/css">iframe {border-top-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px; }</style><iframe
src ="http://www.listutorial.co.cc" width="220" height="430" scrolling=yes></iframe
src>

Gantikan URL blog dengan yang korang inginkan.

Selesai.

Sorok navbar blog

Untuk menghilangkan Navbar atau sorok untuk penampilan lebih menarik.

Caranya hanya menambah code Css sahaja.

Cari code Css berikut:

body{font:normal

Salin code Css di bawah ini dan letak di atas code Css tadi.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}

Simpan templat.

Selesai.

Sorok shoutmix mengunakan code jquery

Sorok shoutmix mengunakan code jquery.

Salin code di bawah ini,dan letak ,di dalam HTM/JavaScript.

$(document).ready(function() {

//select all the a tag with name equal to ybl

$('a[name=ybl]').click(function(e) {

//Cancel the link behavior

e.preventDefault();

//Get the A tag

var id = $(this).attr('href');

//Get the screen height and width

var tbbHeight = $(document).height();

var tbbWidth = $(window).width();

//Set heigth and width to tbb to fill up the whole screen

$('#tbb').css({'width':tbbWidth,'height':tbbHeight});

//transition effect

$('#tbb').fadeIn(1000);

$('#tbb').fadeTo("slow",0.8);

//Get the window height and width

var winH = $(window).height();

var winW = $(window).width();

//Set the popup window to center

$(id).css('top', winH/2-$(id).height()/2);

$(id).css('left', winW/2-$(id).width()/2);

//transition effect

$(id).fadeIn(2000);

});

//if close button is clicked

$('.window .close').click(function (e) {

//Cancel the link behavior

e.preventDefault();

$('#tbb').hide();

$('.window').hide();

});

//if tbb is clicked

$('#tbb').click(function () {

$(this).hide();

$('.window').hide();

});

</script>

img { border:2px none; }

#tbb {

position:absolute;

left:50;

top:50;

z-index:9000;

background-color:transparent;

display:none;

}

#ddt .window {

position:fixed;

left:20;

top:10;

width:440px;

height:700px;

display:none;

z-index:9999;

padding:20px;

}

#ddt #yblshoutbox {

background-color:#999999;

width:440px;

height:460px;

padding:56px 0 20px 5px;

}

#ttp {

padding:2px 0 0 0;

}

</style>

LETAK CODE SHOUTMIX DI SINI

list blog tutorial

Refresh blog atau Redirect URL Addres

Membuat navigasi breadcrumb

Cara sorokatau tampilkan sesuatu widget di blog

Judul-judul artikel pada headline news tersebut bergerak

Cara buat Twitter Widget di blog

Buat template dengan Blogger Template Generator

Jenis-jenis Border

Membuat menu horizontal/Tab pada blog

Cara buat Fasilitas Print diblog

Membuat menu tab view di blog

Buang Label di bawah posting.

Cara letak code copy paste

Hapuskan tulisan View My Complete Profile

Sembunyikan widget pada blog dengan buka dan tutup

Fungsi reply bergambar pada blogspot

Cara meletak code iklan diposting

Buat tiga kolom elemen

Cara memasukan blog di dalam posting

Sorok navbar blog

Sorok shoutmix mengunakan code jquery

Subscribe via email

Categories

Tinggal pesan

Followers

Feedjit

Popular Posts

tutorial blog

Template

tutorial