1.İlk olarak yeni bir sayfa oluşturuyoruz. Sayfanın ismini istediğimiz Demo türünde yapabiliriz yeni bir sayfa oluşturuyoruz
2. HTML kısmına gelip aşağıdaki kodları yazıyoruz.


<script>
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
var query = window.location.search.substring(1);
query = query.replace("url=", "");
$('#frame').attr('src', query);
var str = $('#iframe-container').html();
$('#kisiselist yonlendirme').html(str);
$('iframe').height($(window).height());
</script>

3.Yeni sayfanın sağında bulunan Seçenekler/yazılan HTML yorumla seçeneğine basıyoruz ve tamam diyoruz.

yazılan HTML yorumla

4. Bunlar demo içindi eğer Download yapacaksanız aynı şeyleri tekrar uygulayın.

5. Blogger Html Düzenle Bölümüne gelip ctrl+f ile kodumuzu buluyoruz.

6. Hemen Altına aşağıdaki kodu yazıyoruz.



9. Son olarak ]]> kodunu buluyoruz. ve hemen altına aşağıdaki kodu yazıyoruz. Mevcut yerleri kendimize göre değiştiriyoruz.


<script>
//$(document).ready(function () {
$('[data-kisiselistdemo]').click(function (e) {
e.preventDefault();
var target = e.target || e.srcElement;
if ($(target).attr('target') == "_blank") {
window.open("http://www.kisiselist.net/p/demo.html?url=" + $(target).attr('href'), '_blank');
} else {
window.location = "http://www.kisiselist.net/p/demo.html?url=" + $(target).attr('href');
}
});

$('[data-kisiselistdownload]').click(function (e) {
e.preventDefault();
var target = e.target || e.srcElement;
if ($(target).attr('target') == "_blank") {
window.open("http://www.kisiselist.net//p/download.html?url=" + $(target).attr('href'), '_blank');
} else {
window.location = "http://www.kisiselist.net//p/download.html?url=" + $(target).attr('href');
}
});
});
//]]>
</script>

10. En son link oluşturmak için www.sitenizinadı.com/p/demo?url=www.gösterilecek sayfa.com

Daha detaylı ve resimli anlatım için kisiselist. (Örnek sayfa mevcuttur)
(yayını kendi blogunuzda da paylaşmak isterseniz lütfen önce bir ö.m atın ,yoksa şikayet ederim.)