KREASI KOLOM

Slide Daftar Isi Blog

Sebelumnya saya berbagi dengan kawan Cara Membuat Daftar Isi Plus Komentar Berjalan, sekarang saya akan lanjutkan lagi berbagi dengan Artikel yang hampir sama, cuma bedanya kalau yang ini model slide :y
Model ini di publish oleh System of Blog dan sekarang saya akan publish di Blog ini dengan sedikit pengeditan tentunya.
Okey cukup sekian ceritanya, mari kita lanjutkan ke »

Cara membuatnya :

» Masuk Account Blogger dengan ID kawan
» Pada Dasbor pilih Template
» Cari ]]></b:skin>
» Copas script berikut diatasnya

.titlefield {
text-decoration: none;
color: #09F;
font-size: 16px;
}
.titlefield:hover {
text-decoration: none;
font-size: 16px;
text-shadow:2px 2px 2px #09f;
}
.labelfield {
color: brown;
font-size: 14px;
}
.datefield {
color: #333;
font-size: 14px;
padding-left: 30px;
}

#data {
width: 100%;
height: 17px;
border-top: 3px solid black;
padding: 5px 20px;
background-color: #CED0D1;
margin: 5px auto 0 auto;
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
position: fixed;
bottom: 0;
left: 0;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}

#data img {
display: block;
margin: 0 auto 0;
text-align: center;
}

Ganti teks yang berwarna merah agar sesuai dengan selera kawan, misalnya agar tampil diatas Header [top menjadi bottom, 5px menjadi 0 dan bottom menjadi top]

» Selanjutnya Copas Kode berikut dibawah ]]></b:skin> atau diatas </head>

» Simpan Template kawan
Selanjutnya kawan pilih Tata Letak untuk memanggilnya :r

Pilih Tambah Gadget
Pilih tanda Plus [+] pada HTML / JavaScript
Copas Script berikut kedalamnya

<script type="text/javascript">
var cssfeed=new gfeedpausescroller("data", "posting", 2000, "_new")
cssfeed.addFeed("System", "http://blogbego-creation.blogspot.com/feeds/posts/default")
cssfeed.displayoptions("date")
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(100, "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>

Ganti Angka 100 dengan jumlah Judul Blog yang mau kawan tampilkan sebagai Slide
Simpan Blog kawan dan lihat hasilnya :z

Selengkapnya.....

Daftar Isi Plus Komentar Berjalan

Sekarang saya akan berbagi dengan kawan Cara Membuat Daftar Isi Plus Jumlah Komentar di masing-masing Artikel berjalan [Marquee] pada SideBar Blog :o

Kelebihan dari Daftar isi [Artikel] Plus Jumlah Komentar ini diurut berdasarkan Abjad dari huruf awal Judul Artikel atau Artikel paling akhir yang kita posting tidak harus pada urutan Pertama

Cara membuatnya :

Masuk Account Blogger dengan ID kawan » Pada Tata Letak pilih » Tambah Gadget » Pilih Tanda Tambah [+] pada HTML/JavaScript » Copas kode berikut kedalamnya

<div style="position:fixed;bottom:0px;border: 1px dotted white; background: #0F0; padding:5px 10px; margin:0; width:98%; font-size: 14px; color:red;"><b>
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> » ";
var pComment = " $" + feed.value.items[i].commentcount + " komentar$ «  ";
var pList = "</a>" + "<a href="+ href + '"target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://blogbego-creation.blogspot.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<span style="font-size: 8px; float:right;"> </span>
</b></div>

Silahkan mengadakan perubahan khususnya pada teks yang berwarna merah agar sesuai selera dan serasi dengan tampilan Blog kawan :y

scrennshot

Selengkapnya.....

Cara Membuat Rekapitulasi Komentar

Setelah sebelumnya saya berbagi dengan kawan Cara Membuat Kumpulan Komentar I, II, III sekarang saya akan berbagi lagi yang saya beri judul Cara Membuat Rekapitulasi Komentar yaitu Rekapitulasi Komentar Blogger masing-masing Artikel :r
Bagaimana kawan berminat, kalau kawan berminat mari langsung ke Cara membuatnya

Seperti biasa silahkan masuk ke Blogger Account dengan ID kawan
Pada Perancang Template pilih tambah Gadget
Copas Kode berikut kedalamnya

<div style="overflow:auto;width:100%; height:200px;padding:5px;border:1px solid #369;background:#fff;">
<script language='javascript'>
aBold = false;
numposts=100;
maxshowresult=100;
home_page = "http://NAMA BLOG KAWAN.blogspot.com/";
</script>
<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>

Keterangan :

Silahkan ganti Nama Blog Kawan dengan URL Blog Kawan

Artikel dengan Komentar paling banyak akan berada paling dan Komentar paling sedikit [tanpa Komentar] akan berada paling bawah

Jangan lupa simpan Blog kawan

Selengkapnya.....

Tampilkan Iklan diatas Thread Comment

Sebelumnya saya sudah publish tentang Cara Pasang Iklan diatas Form Komentar, tapi setelah bergulirnya Thread Comment pada Blogspot maka tampilan Iklan dimaksud menjadi berpindah-pindah [kadang tampil kadang tidak atau bisa diatas maupun dibawah Form Komentar] karena Template Blog kawan sudah memakai Thread Comment :z
Sekarang saya akan memberikan solusinya bagi kawan yang ingin menampilkan Iklan Sponsor di atas Komentar

Caranya sangat simple :

Siapkan script Iklan Sponsor yang sudah di Parse » disini
Masuk ke account Blogger dengan ID kawan
Untuk jaga-jaga Simpan Template kawan dulu
Beri tanda centang disamping Expand Template Widget
Cari Kode <data:post.numComments/> <data:commentLabelPlural/> (kalau pada template kawan ada 2 atau lebih kode tersebut pakai yang pertama :r
Taruh script Iklan Sponsor dibawahnya, seandainya tampilannya agak rapat diatas script Iklan Sponsor tambahkan &ltbr/&gt
selengkapnya sebagai berikut :

<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/> </b:if>
</h4>
<br/> <a target="_blank" href="http://www.ppcindo.com/click.php?a=6963&x=TVRNd09UQTFOekExTkMweU1qSXVNVEkwTGpFMU5pNHlNekE9&d=1&adurl=296234426&url=http%3A%2F%2Fpaydotcom.net%2Fr%2F59708%2Fbnp%2F26662416%2F5%2F"><img src="http://www.omniforexsignals.com/banners/468x60.gif" width="468" height="60" border="0" style="top: 40.857074455015095px; "></a>

Teks yang berwarna biru adalah contoh script Iklan, tapi di Parse dulu sebelum disimpan / ditaruh disana :x

Tampilan Iklan

Jangan lupa simpan Template kawan :y

Selengkapnya.....

My Blog

Slide Daftar Isi Blog

Daftar Isi Plus Komentar Berjalan

Cara Membuat Rekapitulasi Komentar

Tampilkan Iklan diatas Thread Comment

Komentar Blogger

Label

Arsip Blog

Mengenai Saya

Entri Populer