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

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

Cara membuat Tulisan Berjalan di Blog

Salam Blogger Indonesia, sekarang saya akan berbagi dengan kawan cara membuat Tulisan Berjalan yang mirip merquee yang penempatannya di Tab / tempat Judul Blog kita dan yang bisa ditaruh di sidebar Blog.

Baiklah mari kita bahas satu persatu :

Caranya :

1. Cara membuat Tulisan Berjalan di Tab.
2. Cara membuat Tulisan Berjalan di Sidebar

• Masuk ke Account Blogger dengan ID kawan 
• Pada Dasbor / Rancangan pilih tambah gadget
• Klik tanda (+) pada HTML / JavaScript
• Copas (copy paste) script berikut kedalamnya

Script No. 1



<script type="text/javascript">

//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)

function tb8_makeArray(n){

this.length = n;

return this.length;

}

tb8_messages = new tb8_makeArray(6);

tb8_messages[0] = "SELAMAT DATANG !!!";

tb8_messages[1] = "DI TIPS-BLOGBEGO";

tb8_messages[2] = "TERIMA KASIH";

tb8_messages[3] = "KUNJUNGAN DAN";

tb8_messages[4] = "KOMENTAR ANDA";

tb8_messages[5] = "DITUNGGU....!!!";

tb8_rptType = 'infinite';

tb8_rptNbr = 5;

tb8_speed = 100;

tb8_delay = 2000;

var tb8_counter=1;

var tb8_currMsg=0;

var tb8_tekst ="";

var tb8_i=0;

var tb8_TID = null;

function tb8_pisi(){

tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);

document.title = tb8_tekst;

tb8_sp=tb8_speed;

tb8_i++;

if (tb8_i==tb8_messages[tb8_currMsg].length){

tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;

}

if (tb8_currMsg == tb8_messages.length){

if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){

clearTimeout(tb8_TID);

return;

}

tb8_counter++;

tb8_currMsg = 0;

}

tb8_TID = setTimeout("tb8_pisi()", tb8_sp);

}

tb8_pisi()

</script></div>

• Usahakan kalimatnya jangan panjang-panjang
• Angka 6 menyesuaikan dengan banyaknya baris kalimat
• Ganti Tulisan yang berwarna merah sesuai dengan selera kawan
• Banyaknya / panjangnya tulisan tanpa batas
• Demonya bisa kawan lihat disini 
• Penempatan scriptnya bisa digabung dengan script yang lainnya. 
• Kalimat / tulisan tsb akan berjalan dari kiri ke kanan.

Sedangkan yang lainnya :

• Copas script berikut pada gadget / elemen atau bisa juga digabung, 

Script No. 2



<script language="JavaScript">

var txt="SELAMAT DATANG DI BLOG ILUSTRASI.BLOGSPOT.COM - SEMOGA ANDA NYAMAN DAN PUAS - TERIMA KASIH";

var tipsblogbegotutorial=170;

var fress=null;function judulbloggerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

fress=setTimeout("judulbloggerak()",tipsblogbegotutorial);}judulbloggerak();

</script>

• Ganti Tulisan yang berwarna merah sesuai dengan selera kawan.
• Kalimat / Tulisan akan berjalan dari kanan ke kiri
• Script ini bisa juga ditaruh pada Edit HTML template kawan, yaitu tepat diatas kode </body> letaknya paling bawah.
• Demonya ; lihat pada Tab Blog ini

sedangkan tulisan yang bisa tampil di sidebar :

• Copas (copy-paste) script berikut kedalam gadget / elemen atau bisa digabung dengan script yang lainnya

Script No. 3



<script language="JavaScript">
var max=0;
function textlist()
{
max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i];
}
tl=new textlist
(
" SUATU KEBANGGAAN APABILA DENGAN BERBAGI KAMI DAPAT MEMBANTU KAWAN....!!! " // Geben Sie hier den zu scrollenden Text ein
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",1000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",100);
}
// end -->
</script>
<script language="JavaScript">
<!--
document.write("<FORM NAME=\"tickform\">");
document.write("<INPUT TYPE=\"TEXT\" NAME=\"tickfield\" SIZE=\"90\">"); // Bei SIZE können Sie die Größe des Feldes ändern
document.write("</FORM>");
textticker();
//--></script></div></div>

• Ganti tulisan warna merah sesuai dengan selera kawan
• Angka 90 warna biru disesuaikan dengan panjangnya kalimat / tulisan yang kawan buat
• Tulisan akan tampil dari kiri ke kanan seperti kita sedang menulis
• Penempatannya bebas asal panjang tulisan disesuaikan dengan lebar tempat menaruhnya
• Demonya : silahkan lihat di atas tempat postingan

Dari ketiga Script tersebut diatas (script No.1 dan Script No. 2) tidak bisa digabung, karena tampilannya sama-sama di Tab Blog (pilih salah satu).

Oh ya simpan Blog kawan dan lihat hasilnya.