BLOGBEGO: widget

Tampilkan postingan dengan label widget. Tampilkan semua postingan

Cara Follow Blog dari Dasbor

Mungkin kawan saat Blogwalking ketemu Blog / Site yang menarik perhatian dan disana widget follower sudah ada pasti kawan gampang untuk mengikutinya dan seandainya pada Blog tersebut tidak tersedia widget Followernya sedangkan kawan ingin sebagai pengikut, bagaimana caranya ?! :w;

Melanjutkan Dua postingan saya sebelumnya tentang Hapus-menghapus Follower Blog, yang akan saya bahas sekarang masih tetap tentang Follower Blog yaitu "Cara Follow Blog orang dari Dasbor" :z;

Caranya seperti dibawah :

Masuk Account Blogger dengan ID kawan
Pada Dasbor pilih lihat Gambar / Image yang saya beri merah

Pada Dasbor Baru kalau kawan pilih kata Tambah maka yang tampil seperti Image berikut

Kalau kawan pilih icon Kelola Daftar Bacaan dan dilanjutkan pilih kata Tambah perhatikan Gambar / Image berikut

Setelah kawan memasukkan URL / Link Blog yang akan kawan ikuti

Setelah kawan pilih Ikuti berarti tinggal selangkah lagi yaitu sudah selesai

Kesimpulan :

Avatar kawan tidak akan kelihatan karena yang mempunyai Blog tidak menyiapkan widget Follow, dan seandainya di kemudian hari yang punya Blog memasang widget Follow baru akan sadar bahwa Blognya mempunyai Pengikut :r;
Follower [Join This Site] hampir sama dengan Email Berlangganan, [sama-sama menerima kiriman Update Artikel Terbaru dari Blog yang kita ikuti], cuma bedanya pada Email dan Dasbor Blog kita,
Kelebihan Join This Site dengan Berlangganan lewat Email [misal yang punya Blog menyiapkan Widget Join This Site] maka Avatar kita akan terpampang di sana. :z;

Selengkapnya.....

Cara Menghapus Pengikut Blog......

Seperti postingan saya sebelumnya tentang Cara Menghapus Follower Blog yang mungkin ada sedikit mis-Komunikasi penyampaian, maksud saya "Kita berhenti mengikuti Blog orang lain" :w; sekarang yang akan saya bahas kebalikannya yaitu "Meng-Blok Follower Blog atau Menghapus Pengikut Blog Kita"

Kalau ada kawan yang bertanya mengapa Pengikut Blog kita dihapus...... ?! :y;

Seperti apa yang saya sampaikan sebelumnya Follower Blog banyak kepentingan disana, seperti Fotonya kurang senonoh, tidak sopan atau Link Blognya [Blog-x] dan lain sebagainya. :z;

Pada penyampaian saya sekarang ini secara Image / Gambar, Caranya seperti berikut :

Masuk Account Blogger dengan ID kawan
Pada Dasbor pilih Angka [Jumlah Pengikut]

Dasbor Blogger Lama

Dasbor Blogger Baru

Selanjutkan akan tampil Pengikut Blog dan pilih yang akan dihapus

Berikut akan kelihatan Pengikut Blog yang kita pilih tadi
Image kiri pilih Block this user
Akan keluar Image kanan - pilih Block

Pilihan Menghapus

Sampai disini penghapusan Pengikut Blog sudah selesai
Seandainya kawan ingin menghapus yang lainnya lakukan seperti dari awal tadi
Kalau penghapusan sudah selesai, pilih Dasbor untuk kembali

Pengikut Blog

Nah cukup mudah bukan !!!

Pesan saya :

Penghapusan Pengikut / Follower agar seselektif mungkin

Contoh penghapusan yang saya lakukan karena itu [Blog-x]

Selengkapnya.....

Cara Menghapus Follower Blog

Kalau berbicara mengenai Blog, sudah pasti tidak terlepas dari Posting / Artikel, Iklan Sponsor / Image / Banner, Chatt Box [CBox, Shoutmix dll] Follow / Pengikut dan lain sebagainya :r;

Sekarang saya akan berbagi dengan kawan khusus tentang Follow / Pengikut Blog / Teman Blogger :w; yang pada umumnya keinginan kawan kita itu berbeda-beda kepentingan [ada yang sekedar mengikuti Blog kita supaya kita senang], tapi sebenarnya Blogger tersebut ada keinginan tertentu misalnya ingin mendapatkan Backlink atau sebaliknya menaruh Link SPAM di Blog kita, ini hanya ilustrasi saja :y;

Kembali kepokok Artikel tentang Follow Blog, sudah pasti Blog yang kita ikuti kemungkinan permintaan kawan Blogger lewat Komentar, Chatt dll [misalnya Follow saya] yang selanjutnya Blog tersebut ada yang masih jalan atau sebaliknya Blog yang sudah ditinggalkan oleh pemiliknya [tidak diurus] ini yang menjadi masalah untuk Blog kita. :z;

Cara mengatasi masalah ini satu-satunya jalan dengan menghapus / berhenti mengikuti Blog tersebut, Untuk jelasnya saya tampilkan dengan gambar-gambar :

Masuk Account Blogger dengan ID kawan

Pada Dasbor Pilih - Lihat Image

Pada Daftar Follow tentukan pilihan yang akan dihapus

Selanjutnya akan muncul Tab Windows berikut

Image berikut diminta konfirmasi tindak lanjut

Penghapusan sudah selesai dan kawan akan dibawa kembali ke Daftar Follow
Lakukan hal yang sama untuk menghapus Follow yang lain

Selengkapnya.....

Slide Carousel untuk Daftar Isi

Cara Membuat Animasi Daftar Isi Otomatis yang pernah saya posting disini dan disini yang Demonya disini, yang kalau dipraktekkan hasilnya selalu gagal [atau kemungkinan diperlukan Template khusus] tapi kawan tak usah berkecil hati karena saya sudah menemukan Cara Membuat Slider Carousel Otomatis Berdasarkan Label yang modelnya hampir sama dengan Animasi Daftar Isi Otomatis karena sudah saya modifikasi dari Berdasarkan Label menjadi Daftar Isi yang model tampilannya seperti Image berikut :

Untuk Demonya kawan bisa lihat

Setelah kawan melihat Demonya, mari kita langsung ke Cara Membuatnya

Masuk Account Blogger dengan ID kawan
Pada Dasbor pilih Template - Edit HTML - Lanjutkan
Cari tag ]]></b:skin>
Copas Script berikut diatas ]]></b:skin>

#bbccarousel{
width: 980px;
height:125px;
border-bottom:1px solid #ccc;
position:relative;
display:block;
background:#5599e6;
margin-bottom:8px;
}
#bbccarousel h3{
color:#555;margin:2px;
}
#bbccarousel .container{
position:absolute;left:24px;
width:930px;
height:125px;
overflow:hidden;
}
#bbccarousel .thumb{float:left;margin-right:5px;}
#bbccarousel #previous_button{
position:absolute;
width:24px;height:125px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3L3C74ROjKioPakogAMFsTgZnN1aGFaV_HAxe4ZzDdhfa4Be3RkgdC2p1Opz3mUwpXBwRjhyphenhyphenXj2xP-QGUMilu1PTA59s5ZwwMYHIWc6tx7h9nWLVhpgaim0kkUX0MEs6rWjoHZB_RYo0e/s1600/previous.png) center;z-index:100;cursor:pointer;}
#bbccarousel #next_button{
position:absolute; right:0;
width:24px;height:125px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_xh8JAYsgTluVisCVSljdYmnSBY5UMVMEC67XToPX_nos6Qrz9umG6FniYVkUSclcftZYfkbavxn7NgkYW5ZYz0Mv-8p3HCfT3msJefu5L9FS0guxqbq2-V7ljQ8iJjM6YvZtjnoMwzB4/s1600/next.png) center;z-index:100;cursor:pointer;}
#bbccarousel #next_button:hover,#bbccarousel .thumb:hover,#bbccarousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#bbccarousel ul{
width:100000px;
position:relative;
margin-top:10px;
}
#bbccarousel ul li{
background:#ebebeb;
display:inline;
float:left;text-align:left;
font:bold 11px Arial;
border:0px solid #ccc;
width:212px;
height:90px;
margin:0 2px 20px 6px;
padding:6px;
}
#bbccarousel ul li a.slider_title{
color:#222;
display:block;
margin-top:0;
padding-top:0;
}
#bbccarousel ul li a.slider_title:hover{color:#1b5d97}
#bbccarousel a img{
display:block;
background:#fff;
margin-top:0;
}

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/blogbegocreation/javascript/bbccarousel.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaJaZsjIdeUXK8C3SPRIT_9wKnzFVwmiWXbnCPudWvje923ANgwEUJxoZ3Dr2FpRNsZTDZT7OhNjUHSfmOdUFXRtkVv9qruM60tzlq6wuug4j_2KQO3-Ror_0AbVkhQ5tUouJU8lLSLj8/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 50;
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<ul>');
for (var i = 0; i < numposts1; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Ags","Sep","Okt","Nov","Des"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h3>'+daystr+'</h3><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';
document.write(trtd);
j++;
}
document.write('</ul>');
}
//]]>
</script>

Simpan Template kawan
Teks yang saya beri warna merah, seandainya pada Template kawan sudah berisi walaupun serialnya berbeda - bisa dihilangkan, cukup pasang satu saja
Teks yang saya beri warna Kuning adalah jumlah Posting yang dipakai Slider, bisa dirubah

Langkah terakhir adalah memanggil Slide, disini kawan ada dua cara » Langsung di Template dan » Tambah Gadget [INGAT Pilih salah satu]
Kalau langsung pada Template :

Beri tanda check disamping Expand Template Widget
Cari <div id='main-wrapper'>
Copas script berikut diatasnya [sebelumnya di Parse dulu]

Kalau kawan ingin menaruhnya di Gadget :

Pada Tata Letak pilih Tambah Gadget - HTML / JavaScript
Copas script berikut kedalamnya

<div id='bbccarousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='clear'/></div>
<div id='next_button'/></div>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$("#bbccarousel .container").bbcCarousel({
auto:4000,
scroll: 3,
speed: 800,
visible: 4,
start: 1,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button",
});
})})(jQuery)
</script></div></div></div>

Simpan Kembali Template / Blog kawan

Kelebihan Slider Carousel untuk Daftar Isi ini selain bisa dipanggil lewat Gadget juga bisa dipakai untuk Slider berdasarkan Label / Katagori :q;

Caranya sebagai berikut :

misalnya kawan ingin Slide dengan Label tutorial maka

numposts1 =50, bisa kawan sesuaikan dengan jumlah Label yang ingin dipakai Slide
Tambahkan label1="tutorial", dibawah numposts1 = 50;
Ganti <script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"> dengan <script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\">
Simpan Template kawan

Selengkapnya.....

Slide Daftar Isi Lainnya

Kawan masih ingat dengan Artikel saya tentang Slide Daftar Isi :z; kalau ingin membacanya dipersilahkan dulu, karena yang sekarang ini bentuk dan modelnya sama cuma ini mempunyai kelebihan tersendiri pokoknya Keren [bagi saya pribadi lho] karena yang ini bisa diatur misalnya ukuran, warna huruf, untuk lihat Demonya disini

SCREENSHOT

Cara membuatnya sebagai berikut :

Masuk Account Blogger dengan ID kawan
Pada Dasbor pilih Tata Letak - Tambah Gadget - HTML / JavaScript
Copas Script berikut kedalamnya

<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 14px;
border: 1px solid #000;
}
.gfg-title {
font-size: 20px;
font-weight : bold;
font-family: Segoe Print;
color : #FF0;
text-shadow: 1px 1px 1px #F00;
background-color: #000;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
}
.gfg-title a {
color : #3366cc;
}
.gfg-subtitle {
font-size: 15px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-right: 5px;
float: left;
}
.gfg-subtitle a {
color : #3366cc;
display:none !important;
}
.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top: 3px;
padding: 5px;
}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 480px;
height : 100%;
padding-left : 10px;
padding-right : 10px;
float: left;
margin-right: 10px;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 10px;
margin-left : 5px;
margin-right : 10px;
}
.gfg-listentry-odd {
background-color : #F6F6F6;
}
.gfg-listentry-even {
}
.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}
/*
* FeedControl customizations.
*/
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin: 0 auto 2px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
/*
* Easy way to get vertical mode, applicable via js options to gadget.
*/
.gfg-vertical-container {
position : relative;
}
.gfg-vertical-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}
.gfg-vertical-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}
.gfg-vertical-root .gfg-title a {
color : #444444;
text-decoration : none;
}
.gfg-vertical-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}
/* To allow correct behavior for overlay */
.gfg-vertical-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}
.gfg-vertical-root .gfg-list {
display : none;
}
/*
* FeedControl customizations.
*/
.gfg-vertical-root .gfg-entry .gf-result .gf-snippet,
.gfg-vertical-root .gfg-entry .gf-result .gf-author {
display : none;
}
.gfg-vertical-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}
.gfg-vertical-root .gfg-entry .gf-result .gf-spacer {
float : left;
}
.gfg-vertical-root .gfg-entry .gf-result .gf-spacer,
.gfg-vertical-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}
.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}
.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}
.gfg-collapse-open {
background-image : url('arrow_open.gif');
}
.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}
.gfg-collapse-href {
float : left;
}
.clearFloat {
clear : both;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 500px;
font-size: 10px;
color: #9CADD0;
}
</style>
<noscript><a href="http://blogbego-creation.blogspot.com" target="_blank">BLOGBEGO CREATION</a></noscript>
<script src="http://www.google.com/jsapi/?key=internal-sample"
type="text/javascript"></script>
<script src="https://sites.google.com/site/blogbegocreation/javascript/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://blogbego-creation.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "BlogBego Creation Post"});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<noscript><a href="http://blogbego-creation.blogspot.com" target="_blank">BLOGBEGO CREATION</a></noscript>
<div id="feedGadget"><center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLr0byP-qUKiEI09yKsdRtf1E3B3gtCzMqkRhDx4OvT9bIX-K_gNijgyN5eInpoeQTpw1JcYKxPfq2mnXrCoBhHgCBrBmcFHo_W1YmzjWROox0kBiCjslIBw9FgaFl1UEU4nAqgGUZWFn9/s1600/loading+(1).gif" /></center></div>
<div id="feedGadget"><a href="http://blogbego-creation.blogspot.com" target="_blank">widget</a>.</div>

Silahkan ganti teks yang saya beri warna merah sesuai URL kawan
Simpan Blog kawan

Selengkapnya.....

Cara Membuat Label Berputar Bag. II

Sebelumnya saya sudah berbagi dengan kawan Cara Membuat Label Berputar, yang penempatannya pada Template yang kelihatannya sedikit ribet, :x; tapi kawan jangan bersusah payah memikirkan itu karena sekarang saya akan berbagi dengan kawan Cara Membuat Label Berputar [Flash Label Cloud] yang langsung kita tempatkan di Sidebar :z;

Widget ini saya dapatkan pada Blogger W2B, tapi widget tersebut sudah modifikasi sedikit agar bisa kawan pakai maupun mencobanya untuk dipasang pada Blog kawan :

Kelebihan dari Flash Label Berputar ini yang pasti ada Hovernya yang secara otomatis menyebabkan Label tersebut seperti ada di dalam kotak, :y;

Live Demo

Cara Membuatnya :

Masuk Account Blogger dengan ID kawan
Pada Dasbor pilih Tata Letak
Pada Tata Letak pilih Tambah Gadget - HTML/JavaScript
Copas Script berikut kedalamnya

<div id="BegoFlashContent">
<div style="display: none;">
Flash Labels by <a href="http://blogbego-creation.blogspot.com/">BlogBego Creation</a></div>
</div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
blogurl : "http://www.alambali.co.cc",
color : "0000FF",
hoverColor : "FF0000",
backgroundColor: "FFFFFF",
size : 12,
speed : 100,
width : 300,
height : 300,
transparency : true
};
/*]]>*/
</script>
<script src=" https://sites.google.com/site/blogbegocreation/javascript/flash_label_cloud.js " type="text/javascript">
</script>

Silahkan edit ulang teks yang saya beri warna merah sesuai selera kawan
Simpan Blog kawan

Selengkapnya.....

Cara Membuat Spoiler Bertingkat

Sebelumnya saya sudah berbagi dengan kawan cara membuat Spoiler dan sekarangpun masih tetap tentang Spoiler cuma yang ini seperti Tab Menu artinya bisa lebih dari satu Spoiler alias bertingkat :z;

Perhatikan Demonya :

» KOMENTAR BLOGGER

» JUDUL

disini simpan file kawan

Catatan :

Demo diatas setelah coba cek akan jalan saat Loading, karena ini di postingan, kalau kawan ingin mencoba Demo sesuai penempatannya [Sidebar] silahkan pada Blog Demo disini

Setelah kawan memperhatikan Demonya, sekarang mari ke Cara membuatnya :

Masuk Account Blogger dengan ID kawan
Pada Dasbor Pilih Tata Letak
Pilih Tambah Gadget - HTML/JavaScript
Copas Script berikut kedalamnya

<style type="text/css">
h5 {
font-family: Tekton Pro, trebuchet-ms, arial, tahoma;
font-size: 16px;
padding: 0 0 1em;
font-weight:bold;
color: #FFFF00;
text-shadow: 2px 2px 2px #000;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background:-moz-linear-gradient(top,#236C90,#FFF);background:-webkit-gradient(linear,left top,right bottom,from(#236C90),to(#FFF));
margin:1px;
border:1px solid #FFF;-moz-border-radius:10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;
}
.msg_body {
padding: 5px 10px 15px;
background:-moz-linear-gradient(top,#95CAFF,#FFF);background:-webkit-gradient(linear,left top,right bottom,from(#FFF),to(#95CAFF));
border: 2px solid #699AB8;-moz-border-radius-topleft: 10px 10px;-moz-border-radius-bottomleft: 0px 0px; -webkit-border-top-left-radius: 10px 10px;-webkit-border-bottom-left-radius: 0px 0px; -border-top-left-radius: 10px 10px;-border-bottom-left-radius: 0px 0px; -moz-border-radius-topright: 0px 0px;-moz-border-radius-bottomright: 20px 20px; -webkit-border-top-right-radius: 0px 0px;-webkit-border-bottom-right-radius: 20px 20px; border-top-right-radius: 0px 0px;border-bottom-right-radius: 20px 20px;">
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/blogbegocreation/javascript/tabmenuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mouseover(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head">» JUDUL SPOILER</h5>
<div class="msg_body">
Simpan disini File kawan</div>
<h5 class="msg_head">» JUDUL</h5>
<div class="msg_body">
disini simpan file kawan</div>

Silahkan kawan mengganti teks yang berwarna merah dengan kebutuhan
Seandainya kawan ingin menambahkan Spoiler lagi cukup Copas dari

<h5 class="msg_head">» JUDUL</h5>
<div class="msg_body">
disini simpan file kawan</div>

Simpan Blog kawan dan lihat hasilnya

Selengkapnya.....

Cara Membuat Spoiler

Sekarang saya akan mencoba berbagi dengan kawan tentang Cara Membuat Spoiler :q; yang peruntukan atau kegunaannya untuk menyembunyikan sesuatu [Gambar, Iklan dan lain sebagainya] pada tempat yang sempit, karena kalau tanpa Spoiler akan menghabiskan banyak tempat :z;

Kalau kawan ada yang bertanya, seumpama kawan memasang Iklan pada Spoiler, pengunjung Blog pasti tidak mau membuka Spoiler tersebut :w karena sudah diketahui isi didalam Spoiler tersebut adalah Iklan Sponsor - Benar juga ya !!!

Tapi kawan jangan salah prediksi, karena saya berikan solusi seperti berikan Judul yang bikin pengunjung Blog kita penasaran misalnya "ADA APA DISINI" :r;

Cara membuat Spoiler

Masuk Acount Blogger dengan ID kawan
Pada Dasbor pilih Tata Letak
Pilih Tambah Gadget - HTML / JavaScript
Copas Script berikut kedalamnya

<center><div style="margin: 5px 10px;">
<input value="JUDUL SPOILER" style="margin: 0px; padding: 0px; width: 100%; font-size: 18px;" onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')[0].style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')
[0].style.display = ''; this.innerText = ''; this.value = 'mohon tutup kembali'; }
else { this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')
[0].style.display = 'none'; this.innerText = ''; this.value = 'judul spoiler'; }"
type="button"/> </div>
<div class="alt2" style="border: 0px inset ; margin: 0px; padding: 0px;">
<div style="display: none;">
simpan : FILE, GAMBAR, VIDIO ANDA dll disini</div></div></center>

Silahkan kawan menyesesuaikan khusus pada teks yang saya beri warna merah :q;

Selamat Mencoba

Selengkapnya.....

Slide Daftar Isi ke- 2

Slide Daftar Isi sebelumnya dengan yang sekarang akan saya posting sudah pasti ada perbedaan-perbedaan, sebagai contoh Slide Daftar Isi yang lalu summary [beberapa kata isi dari artikelnya] bisa ditampilkan bisa tidak, :r; sedangkan yang sekarang tidak tapi punya kelebihan yaitu bisa menampilkan Daftar Isi lebih dari satu Blog :z

Daftar Isi ini kalau saya tak salah pertama kali di publish oleh dynamicdrive.com yang selanjutnya di posting oleh Blogger System Of Blog dan saya meng-Edit dikit biar sesuai selera saya tentunya :q;

Oke langsung saja 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
}
.titlefield:hover {
text-decoration: none;
}
.labelfield {
color: brown;
font-size: 120%;
}
.datefield {
color: #333;
font-size: 90%;
float: right;
padding-right: 10%;
}
#data {
width: 100%;
height: 20px;
border: 3px solid #699AB8;
padding: 5px 25px;
background-color: #95CAFF;
margin: 5px auto 0;
-moz-box-shadow: inset 0 0 10px #699AB8;
-webkit-box-shadow: inset 0 0 10px #699AB8;
box-shadow: inset 0 0 10px #699AB8;
position:fixed;_position:absolute;bottom:0px; left:-5px;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
#data img {
display: block;
margin: 0 auto;
text-align: center
}

Teks yang saya beri warna merah [bottom] menandakan posisi slide di bawah, kalau kawan menginginkan supaya posisinya diatas, tinggal mengganti bottom menjadi top

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

<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script src='http://system-svn.googlecode.com/svn/trunk/gfeedfetcher.js' type='text/javascript'/>
<script src='http://system-svn.googlecode.com/svn/trunk/gajaxscroller.js' type='text/javascript'/>

Simpan Template kawan
Selanjutnya pilih Tata Letak
Pilih Tambah Gadget - HTML / JavaScript atau bisa digabung dengan Gadget yang lain
Copas script berikut kedalamnya

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

Silahkan Ganti URL saya dengan URL Blog kawan, sedangkan yang dibawahnya bisa dihilangkan atau masukkan URL Blog kawan yang lain
Angka 20 adalah jumlah Judul Artikel yang akan dijadikan Slide
Jangan lupa Simpan kembali Blog kawan

Selengkapnya.....

Slide Daftar Isi

Sebelum kelupaan, saya minta maaf pada kawan Blogger yang memposting Artikel Daftar Isi Slide yang akan saya posting ini karena sudah lama saya hapus dari Template Blog percobaan saya, setelah saya mengganti Template dengan yang baru tahu-tahu muncul script di gadget yang isinya Slide Daftar Isi :i; ini

Karena saya lihat sepertinya bagus juga untuk di posting, mudah-mudahan kawan tidak kecewa :w; silahkan lihat Demonya pada bagian bawahnya [fotter]

Sekarang mari ke Cara membuatnya :

Silahkan masuk Account Blogger dengan ID kawan
Pada Dasbor pilih Tata Letak
Selanjutnya pilih Tambah Gadget - HTML / JavaScript
Copas kode berikut ke dalamnya

<div style="overflow: hidden;width:600px;padding:5px ; margin:0; height:125px; background:transparent;border: 0px solid #95CAFF;-moz-border-radius-topleft: 10px 10px;-moz-border-radius-bottomleft: 10px 10px; -webkit-border-top-left-radius: 10px 10px;-webkit-border-bottom-left-radius: 10px 10px; -border-top-left-radius: 10px 10px;-border-bottom-left-radius: 10px 10px; -moz-border-radius-topright: 0px 0px;-moz-border-radius-bottomright: 0px 0px; -webkit-border-top-right-radius: 0px 0px;-webkit-border-bottom-right-radius: 0px 0px; border-top-right-radius: 0px 0px;border-bottom-right-radius: 0px 0px;">
<script type="text/javascript">
var billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]
//var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.
var tickspeed=5000 //ticker speed in miliseconds (2000=2 seconds)
var effectduration=500 //Transitional effect duration in miliseconds
var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).
var filterid=Math.floor(Math.random()*billboardeffects.length)
document.write('<style type="text/css">\n')
if (document.getElementById)
document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n')
else if (hidecontent_from_legacy)
document.write('#blogbegowrapper{display:none;}')
document.write('</style>\n')
var selectedDiv=0
var totalDivs=0
function contractboard(){
var inc=0
while (document.getElementById("billboard"+inc)){
document.getElementById("billboard"+inc).style.display="none"
inc++
}
}
function expandboard(){
var selectedDivObj=document.getElementById("billboard"+selectedDiv)
contractboard()
if (selectedDivObj.filters){
if (billboardeffects.length>=2){
filterid=Math.floor(Math.random()*billboardeffects.length)
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid]
}
selectedDivObj.filters[0].duration=effectduration/1000
selectedDivObj.filters[0].Apply()
}
selectedDivObj.style.display="block"
if (selectedDivObj.filters)
selectedDivObj.filters[0].Play()
selectedDiv=(selectedDiv<=totalDivs-2)? selectedDiv+1 : 0
setTimeout("expandboard()",tickspeed)
}
function startbill(){
while (document.getElementById("billboard"+totalDivs)!=null)
totalDivs++
if (document.getElementById("billboard0").filters)
tickspeed+=effectduration
expandboard()
}
if (window.addEventListener)
window.addEventListener("load", startbill, false)
else if (window.attachEvent)
window.attachEvent("onload", startbill)
else if (document.getElementById)
window.onload=startbill
</script>
<script>
function rp(json) {
document.write('<div id="blogbegowrapper">');
for (var i = 0; i <= json.feed.openSearch$totalResults.$t - 1; i++) {
document.write('<div id="billboard' + i + '" class="billcontent">');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k <= entry.link.length - 1; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdday = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdyear = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true)
document.write('<br/>');
document.write(cdyear + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
document.write('<br><br/>');
if (postcontent.length <= numchars -1) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</div>');
}
document.write('</div>');
}
</script>
<script>
var showpostdate = true;
var showpostsummary = true;
var numchars = 350;
</script>
<script src="http://Nama Blog Kawan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
</div>

Silahkan kawan menyesesuaikan teks yang saya beri warna merah dengan kondisi Blog kepunyaan kawan, karena disini saya berikan ukuran lebar 600px dan ketinggian 125px :r;

Sedangkan untuk teks

var showpostdate = true; [untuk menampilkan tanggal]

var showpostsummary = true; [untuk menampilkan isi]

var numchars = 350; [untuk jumlah huruf yang akan tampil]

Sedangkan untuk tidak menampilkan, kawan cukup mengganti true menjadi false

Kalau kawan ingin menaruh scriptnya di Template silahkan di Parse dulu dan simpan diatas </body> maka hasilnya seperti pada Blog Demo saya itu :z;

Jangan lupa simpan Template / Blog kawan

Selengkapnya.....

Slide Daftar Isi Plus Summary

Slide Daftar Isi Plus Summary yang akan saya bahas sekarang hampir sama dengan yang sebelumnya, cuma yang ini punya kelebihan ada Summary [beberapa suku kata isi] :o; 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 dibawahnya

<style>
#blogbegowrapper{
width: 300px;
height: 110px;
border: 2px solid black;
background-color: #CED0D1;
padding: 10px;
-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);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-border-radius: 5px;
}
.billcontent{
width: 100%;
display:block;
}
</style>

» 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 billboardeffects=["GradientWipe(GradientSize=1.0 Duration=0.7)", "Inset", "Iris", "Pixelate(MaxSquare=5 enabled=false)", "RadialWipe", "RandomBars", "Slide(slideStyle='push')", "Spiral", "Stretch", "Strips", "Wheel", "ZigZag"]
//var billboardeffects=["Iris"] //Uncomment this line and input one of the effects above (ie: "Iris") for single effect.
var tickspeed=5000 //ticker speed in miliseconds (2000=2 seconds)
var effectduration=500 //Transitional effect duration in miliseconds
var hidecontent_from_legacy=1 //Should content be hidden in legacy browsers- IE4/NS4 (0=no, 1=yes).
var filterid=Math.floor(Math.random()*billboardeffects.length)
document.write('<style type="text/css">\n')
if (document.getElementById)
document.write('.billcontent{display:none;\n'+'filter:progid:DXImageTransform.Microsoft.'+billboardeffects[filterid]+'}\n')
else if (hidecontent_from_legacy)
document.write('#blogbegowrapper{display:none;}')
document.write('</style>\n')
var selectedDiv=0
var totalDivs=0
function contractboard(){
var inc=0
while (document.getElementById("billboard"+inc)){
document.getElementById("billboard"+inc).style.display="none"
inc++
}
}
function expandboard(){
var selectedDivObj=document.getElementById("billboard"+selectedDiv)
contractboard()
if (selectedDivObj.filters){
if (billboardeffects.length>=2){
filterid=Math.floor(Math.random()*billboardeffects.length)
selectedDivObj.style.filter="progid:DXImageTransform.Microsoft."+billboardeffects[filterid]
}
selectedDivObj.filters[0].duration=effectduration/1000
selectedDivObj.filters[0].Apply()
}
selectedDivObj.style.display="block"
if (selectedDivObj.filters)
selectedDivObj.filters[0].Play()
selectedDiv=(selectedDiv<=totalDivs-2)? selectedDiv+1 : 0
setTimeout("expandboard()",tickspeed)
}
function startbill(){
while (document.getElementById("billboard"+totalDivs)!=null)
totalDivs++
if (document.getElementById("billboard0").filters)
tickspeed+=effectduration
expandboard()
}
if (window.addEventListener)
window.addEventListener("load", startbill, false)
else if (window.attachEvent)
window.attachEvent("onload", startbill)
else if (document.getElementById)
window.onload=startbill
</script>
<script>
function rp(json) {
document.write('<div id="blogbegowrapper">');
for (var i = 0; i <= json.feed.openSearch$totalResults.$t - 1; i++) {
document.write('<div id="billboard' + i + '" class="billcontent">');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k <= entry.link.length - 1; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdday = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdyear = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true)
document.write('<br/>');
document.write(cdyear + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
document.write('<br><br/>');
if (postcontent.length <= numchars -1) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</div>');
}
document.write('</div>');
}
</script>
<script>
var showpostdate = true;
var showpostsummary = true;
var numchars = 150;
</script>
<script src="http://blogbego-creation.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Ganti URL saya dengan URL Blog kawan
Simpan Blog kawan dan lihat hasilnya :z;

Selengkapnya.....

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

My Blog

TAB MENU MELAYANG

» KOMENTAR BLOGGER

Cara Follow Blog dari Dasbor

Cara Menghapus Pengikut Blog......

Cara Menghapus Follower Blog

Slide Carousel untuk Daftar Isi

Slide Daftar Isi Lainnya

Cara Membuat Label Berputar Bag. II

Cara Membuat Spoiler Bertingkat

» KOMENTAR BLOGGER

» JUDUL

Cara Membuat Spoiler

Slide Daftar Isi ke- 2

Slide Daftar Isi

Slide Daftar Isi Plus Summary

Slide Daftar Isi Blog

Daftar Isi Plus Komentar Berjalan

Mengenai Saya

TimeLines Twitter

» Pasang Iklan

»SPOILER BERTINGKAT