Cara Membuat Pojok Blog Menggulung

Sudah banyak para Blogger membahas cara membuat Pojok Halaman Blog seperti Menggulung yang dalam bahasanya mbah Google dikatakan Pagepeel, disini saya akan berbagi dengan kawan yang saya beri judul Cara Buat Pojok Blog Menggulung :z;

Cara Membuatnya :

• Masuk ke Account Blogger dengan ID kawan
• Pada Dasbor pilih Template
• Cari Tag ]]></b:skin>
• Copas Script berikut dibawah ]]></b:skin>

<script type='text/javascript'>var untuk =&#39;http://Nama Blog kawan.blogspot.com/&#39;</script>
<script src='https://sites.google.com/site/blogbegocreation/javascript/PagePeel.js' type='text/javascript'/>

• Ganti text yang berwarna merah [Nama Blog kawan] dengan URL blog kawan
• Simpan Template kawan

screenshot

• Sekarang buka Blog kawan untuk melihat hasilnya :y 
• Kalau tak ada masalah hasilnya seperti pada Blog Demo saya itu

Karena sekarang saya sedikit ada kesibukan untuk peng-Editan lebih lanjut tunggu postingan saya berikutnya, tapi jangan lupa berikan Pendapat / Komentar / Saran kawan :r;

Read more ...

Pesan Moral

Ojo ngomong yen ora ngerti, mundak dadi fitnah.
Piye kepribadiane kanjeng sunan ? Welas asih
==============================================================
Manusia mempunyai iman dan akal, manusia lebih mulia dari setan.

Manusia berpikiran negatif, maka setan-setan bisa masuk ke hati mereka. Manusia berpikiran wah tempat ini sangat seram, tempat ini sangat menakutkan. Mengapa mereka berbicara seperti itu, sedangkan ini adalah alam keindahan yang diciptakan oleh Alloh Subhanahuwataala, dan seharusnya mereka-mereka manusia yang bisa menikmati dunia bukan kami. Manusia selayaknya tidak takut, karena manusia lebih mulia dari setan.

Tapi ada juga manusia yang lebih hina dari jin, Ada. Siapa itu, mereka orang-orang yang musrik, manusia memuja-muja setan.
Jin dan setan berbeda. Jin adalah sebangsa jin yang suatu saat bisa masuk islam dan suatu saat bisa menjadi kafir. Mereka ada yang muslim, sama seperti  manusia. Dan yang menyesatkan itu adalah setan yang tidak akan pernah kembali ke jalan Alloh, karena itu sudah menjadi janji mereka, mereka tidak akan pernah kembali karena akan menyesatkan keturunan adam. Mereka akan memasukkan , membawa temannya ke neraka.  Jin seperti manusia, mereka mengaku islam tetapi tidak menjalankan kewajiban.
=============================================================

Pesan :
1. Jurus pamacan, Simbol keberanian. Kalian harus berani seperti macan , raja hutan dalam menyebarkan agama Alloh.
2. Jurus mabok, Simbol orang yang mabok tidak jelas tujuannya. Jadi hidup jangan seperti orang mabok.  Ingat jangan mabok. Mabok harta, mabok wanita dan mabok jabatan.

Read more ...

Slide sebagai Background Blog

Tempo hari ada kawan Blogger menanyakan cara menampilkan Slide / Animasi pada background Blog, karena kesibukan saya yang paling senang utak-utik Template makanya kelupaan [kejelekan saya sering ganti Template untuk kawan jangan diikuti, karena sangat jelek search engine] :w  hehehe lupa nggak nyambung ya............!!!

Kembali ke pokok Artikel yaitu Cara Menampilkan Slide pada background Blog. :z;

Sebenarnya kalau kita mau mencoba saya rasa Slide dimana saja bisa ditampilkan sebagai Background, misalnya pada latar belakang Blog, Postingan, Sidebar caranyapun sangat mudah asal sabar dan belajar dari kesalahan yang kita temui :x;

OK langsung saja ke Cara dan persiapan yang diperlukan :

• Siapkan Image / Gambar dengan ukuran minimal 1020px x 700px paling sedikit 2 Gambar untuk dijadikan Slide [atau dengan kata lain siapkan sebuah slide width=1020px; height=700px;]
• Copy Link Slide kawan pada tempat penyimpanan 
• Masuk Account Blogger ID kawan
• Pada Dasbor pilih Template - Edit HTML - lanjutkan
• Simpan Template kawan dulu untuk jaga-jaga
• Scroll kebawah pelan-pelan sampai pada  »  body {  
• Kawan bisa menempatkan Link Slide yang sudah dipersiapkan tadi pada background.

Contoh :

body {
        color: #333; font-family: Cherry Cream Soda, Arial, Tahoma, Verdana;
        font-size:13px;
background: rgba(0,16,107,1) none repeat scroll 0 0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,16,107,1)', endColorstr='rgba(217,235,249,1)');background:-moz-radial-gradient(top, rgba(0,16,107,1), rgba(217,235,249,1));background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,16,107,1)), to( rgba(217,235,249,1))) no-repeat top center;}

 atau seperti ini :

body{
margin:0 auto 0;
font-family: Cherry Cream Soda, Arial, Tahoma, Verdana;
font-size:13px;
color: #333;
background: #236C95;}

 Kawan cukup mengganti backgroundnya saja dengan Link Slide tadi, maka selengkapnya menjadi :

body {
margin: 0 auto 0;
        color: #333;
        font-family: Cherry Cream Soda, Arial, Tahoma, Verdana;
        font-size:13px;
        background: url(http://2.bp.blogspot.com/-tMY2Y27rvM4/T-CCPOsXfBI/AAAAAAAAC4Q/4pt6uzJsItc/s1600/background.gif) no-repeat fixed center center; }

• Jangan lupa simpan Template kawan

Read more ...

Buat Slide dengan PhotoScape Free

Membuat Slide dengan Photo / Gambar kepunyaan kita sendiri merupakan suatu kebanggan bagi kita sendiri, cuma bagaimana caranya ???  :y; 

Banyak bertebaran Program / Software tersebut di Dunia Maya yang kita geluti ini, apalagi kalau kita punya dana lebih untuk membelinya, :z; Untuk kawan yang seperti saya ini, jangankan untuk membeli Software, untuk agar bisa Internet saja pakai Program Unlimated, tapi kawan jangan berkecil hati karena sekarang saya akan berbagi cara mendapatkan Software Gratis [Free] seperti yang saya pakai ini, namanya » PhotoScape sekali lagi saya sampaikan banyak sekali ada Software seperti ini, cuma yang paling simple dan gampang bagi saya yang bodoh ini PhotoScape sekali lagi maaf bukan Promosi :a; 

Sebelum kawan mulai membuat Slide / Animasi atau sejenisnya silahkan Download dulu softwarenya atau bisa  » disini kawan akan langsung diberikan 3 pilihan Download seperti slide saya diatas

• Hasil Download tadi silahkan di Install di Komputer kawan 
• Selesai di Install, silahkan kawan mencobanya  

• Perhatikan tanda panah biru dengan bingkai merah untuk membuat Slide / Animasi 

• Gambar / Image yang saya kurung dengan warna merah [sebelah kanan] adalah untuk memanggil Photo / Image, untuk banyaknya photo bebas dan bisa ditambahkan lagi nanti, dan untuk setting seperti : durasi, ukuran photo, warna latar slide dan sebagainya, termasuk juga seandainya Slide sudah jadi kawan pilih simpan [save] di Komputer dengan nama default Anigif [Ganti sendiri Namanya] 
• Gambar / Image diatas yang sebelah kiri untuk setting Slide caranya Klik kanan pada salah satu Photo Slide maka akan keluar banyak pilihan seperti : Hapus salah satu photo / semua, memutar photo, maupun merubah tampilan Slide [keatas, kebawah, kanan dan kiri]. 
• Hampir lupa PhotoScape teranyar adalah PhotoScape_V3.6.2, 

Selamat ber-Kreasi agar tampilan Blog lebih Menarik

Read more ...

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 &#187;

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; 

Read more ...

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>

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

Read more ...

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><!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<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> &#187; ";
var pComment = " \(" + feed.value.items[i].commentcount + " komentar\) &#171;&nbsp; ";
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>
<!-- Alphabetical Post Title Listing End --></b></div>

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

scrennshot

Read more ...