Selasa, 22 Mei 2012

Cara Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel

Cara Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtike-Ada beberapa cara untuk mengganti Older post dan Newer post,dan yang sekarang saya post adalah dengan cara judul postingan,baik judul lebih post lama maupun menuju post selanjutnya.Yang ditampilkan adalah link judul post secara langsung.

Berikut adalah cara membuatnya :

  • Pastinya anda login dahulu ke akun blog anda
  • Pilih Template >> Edit HTML
  • Letakan script berikut ini sebelum </head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
  • Setelah itu,kemudian Save template
  • Sekarang masuk pada bagian Tata Letak dan tambah widget Javascript/HTML,posisi penempatannya bebas.Copy dan paste script berikut :
    <style type="text/css">
        #blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
        #blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
        </style>
        <script type="text/javascript">
        $(document).ready(function(){
        var olderLink = $("a.blog-pager-older-link").attr("href");
        $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
        var olderLinkTitle = $("a.blog-pager-older-link").text();
        $("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
        });
        var newerLink = $("a.blog-pager-newer-link").attr("href");
        $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
        var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
        $("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
        });
        });
        </script>
  • Kemudian save gadget Javascript/HTML.

Jumat, 20 April 2012

Cara Membuat PieceMaker Untuk Blogger

Pertemuam kali ini kita akan membuat Flash Action atau Piecemaker.Piecemaker  merupakan open source Flash ActionScript 3 gambar rotator.oke langsung aja dalam membuatnya...

DEMO

Cara pembuatan PieceMaker :
1) Login to blog
2) Copy script di bawah ini :

<piecemaker>
    <contents>
    <image source="URL IMAGE" title="Sky"/>    <image source="URL IMAGE" title="Cloud">
    </image>
    <image source="URL IMAGE" title="Clouds"/>
    <image source="URL IMAGE" title="Green"/>
    <image source="URL IMAGE" title="Landscape"/>
    <image source="URL IMAGE" title="Water"/>
    <video source="http://dl.dropbox.com/u/13256471/piecemaker_2/contents/video.mp4" title="Video Example" width="910" height="365" autoplay="true">
    <image source="URL IMAGE" />
    </image></video>
    <flash source="http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/contents/flash.swf" title="Loaded SWF File">
          <image source="URL IMAGE" />
        </image></flash>
    </image></image></image></image></image></contents>
    <settings imagewidth="900" imageheight="360" loadercolor="0x333333" innersidecolor="0x222222" sideshadowalpha="0.8" dropshadowalpha="0.7" dropshadowdistance="25" dropshadowscale="0.95" dropshadowblurx="40" dropshadowblury="4" menudistancex="20" menudistancey="50" menucolor1="0x999999" menucolor2="0x333333" menucolor3="0xFFFFFF" controlsize="100" controldistance="20" controlcolor1="0x222222" controlcolor2="0xFFFFFF" controlalpha="0.8" controlalphaover="0.95" controlsx="450" controlsy="280 " controlsalign="center" tooltipheight="30" tooltipcolor="0x222222" tooltiptexty="5" tooltiptextstyle="P-Italic" tooltiptextcolor="0xFFFFFF" tooltipmarginleft="5" tooltipmarginright="7" tooltiptextsharpness="50" tooltiptextthickness="-100" infowidth="400" infobackground="0xFFFFFF" infobackgroundalpha="0.95" infomargin="15" infosharpness="0" infothickness="0" autoplay="10" fieldofview="45"/>
    <transitions>
    <transition pieces="9" time="1.2" transition="easeInOutBack" delay="0.1" depthoffset="300" cubedistance="30"/>
    <transition pieces="15" time="3" transition="easeInOutElastic" delay="0.03" depthoffset="200" cubedistance="10"/>
    <transition pieces="5" time="1.3" transition="easeInOutCubic" delay="0.1" depthoffset="500" cubedistance="50"/>
    <transition pieces="9" time="1.25" transition="easeInOutBack" delay="0.1" depthoffset="900" cubedistance="5"/>
    <transition pieces="20" time="1.1" transition="easeInOutElastic" delay="0.03" depthoffset="200" cubedistance="10"/>
    <transition pieces="12" time="2" transition="easeInOutCubic" delay="0.03" depthoffset="200" cubedistance="10"/>
    </transition></transition></transition></transition></transition></transition></transitions>
    </settings></piecemaker>


<script src="http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/scripts/swfobject/swfobject.js" type="text/javascript">
</script>
<div id="flashcontent">
You need to <a href="http://www.adobe.com/products/flashplayer/" target="_blank">Upgrade your Flash Player</a> to version 10 or newer.</div>


<script type="text/javascript">
var flashvars = {};
flashvars.xmlSource = "http://dl.dropbox.com/u/27675057/piecemaker.xml";
flashvars.cssSource = "http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/piecemaker.css";
flashvars.imageSource = "";
var attributes = {};
attributes.wmode = "transparent";
var params = {};
params.allowscriptaccess = "always";
params.allownetworking = "all";
swfobject.embedSWF("http://dl.dropbox.com/u/27675057/piecemaker2/piecemaker/web/piecemaker.swf", "flashcontent", "960", "610", "10", "http://dl.dropbox.com/u/27675057/Piecemaker/expressInstall.swf", flashvars, attributes, params, null);
</script>
3) Tambah gadget dan pilih HTML/JavaScript
4) Paste kode tadi dan lihat hasilnya..

Selasa, 17 April 2012

Cara membuat daftar isi blog Urangkurai

Ketemu lg gan di kesempatan kali ini hehe,setelah saya muter" di google n berkunjung ke blog" sahabat yang baik hati akan share ilmunya hehe,ya udah langsung aja deh kali ini kita akan mebuat Cara membuat daftar isi blog Urangkurai

Laman baru + Edit HTML


DEMO



<style>
#daftar-isi-body
{
         width:760px!important;
         height:600px!important;
         padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap
{
         margin: 0 auto;
}
 .box-posting
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8WKu0ZPwXdYiLzhdgXJwrEodOvJHhrXOupKRoyN4TlRh02lsEqE6UmENwRhEEHxVCDWz6MfO307uaq-nGgyhCq-8w-97EVHS6x0HRJXwygik_92kyCj9BxATCHvmySiu9eqIpWoIRmj8/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:arial,Serif !important;
         color:#774A34!important;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:13px !important;
         line-height:18px!important;
         font-weight:bold !important;
}
 .box-posting .judul-posting a:hover
{
         color:#333!important;
}
 .box-posting:hover
{
         border-left-color:#C6EB04;
}
 #totales
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);
}
 #loadingscript
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-10px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7-hqN6H5N12G9DfFLY6kj8-BluKDAyAYSK32TjLS3MWX5eRzZ9PpTcgEQ-0a9tdAsF9T7Or5vS2zakpD_vsdXW6uHet_d-FhQO98wnsXcQEiZY5VV8VdKDj7AOIz6XQq03QHdwOcc8I/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual
{
         color:#774A34 !important;
}
 #paginacion a:hover
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link
{
         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPlw8tFfRZbgBryt0PsDPvkq7B4D5WtZgAuX7Enb5TcysSEnZaA-9SBmVGFXW7oHdn1AHXevbjJBK_jJeCv0qNlTZVAhkzUnNcUPcX8T4fevPm56g854qmknbCFcdNocmy2IHhzh9o1s/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "Nama Blogmu";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
                                            </script>
<script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script>

Senin, 02 April 2012

Tv online dengan chanel lengakap di blog

Biasanya kalau agan berkunjung ke blog orang lain & tersedia pilihan Tv online,terkadang Tv online tersebut adalah Mivo Tv yang chanelnya kurang lengkap,namun pada kesempatan kali ini saya akan share script Tv online dengan All chanel,jadi gk perlu bosen lagi dengan chanel Tv yang itu" aja...

Bagi yang ingin pasang Tv online dengan All chanel,copy script di bawah ini :

<div style="text-align: center;">Disini anda bisa Menonton TV Streaming Secara Gratis dan lengkap, silahkan nikmati berbagai macam Chanel Lokal dan</div>
<div style="text-align: center;"><!--more--></div>
<div style="text-align: center;"></div>
<div style="text-align: center;"></div>
<div style="text-align: center;">interlokal,dianjurkan kecepatan akses internet anda adalah diatas 256 KB</div>
<p><center><iframe id="player" style="margin: -20px 0px 0px -25px; padding: 0px;" name="player" src="http://www.kdtv-online.blogspot.com/" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="600" height="700"></iframe></center></p>
1) Login to blogger

2) Copy script di atas tadi..

3) Tambah laman ( HTML )

4) Paste script yang tadi,dan lihat hasilnya

Untuk yang berwarna merah bisa anda ganti dengan kata yang anda inginkan...

All TV

TV Streaming lengkap, silahkan nikmati berbagai macam Chanel Lokal dan

Rabu, 28 Maret 2012

Cara membuat widget YM di blog

Caranya cukup simple dalam membuat status online YM di blog, kamu cukup memasukkan kode HTML di bawah ini ke blog kamu:

<a href=”ymsgr:sendim?xxx” border=”0″>
<img src=”http://opi.yahoo.com/online?u=xxx&t=14“>
</a>

    Untuk “xxx“ ganti dengan ID kamu sendiri, ada dua yang harus diganti ya..

    Untuk bagian di akhir yang “…&t=14“, angka 14 ini bisa diganti-ganti sesuai keinginan, angka yang berbeda akan mengubah desainnya.

Cara pemakaian :

1) Login to blogger
2) Tata Letak
3) Tambah gadget & pilih HTML/JavaScript
4) Paste script yang sudah di copy tadi..
5) Lihat hasilnya

Cara Membuat Widget Parse HTML

Widget Parse HTML adalah sebuah tools yang digunkan untuk mengconvert kode HTML yang akan ditampilkan pada postingan.

Dibawah ini adalah scriptnya,bagi yang ingin mencoba silahkan copy...
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=315&amp;h=200&amp;title=Post-Code%3A+code+converter&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js">
</script>
Jika sudah di copy,paste di postingan agan (HTML)...

Jika agan mau pake punya saya Parse HTMLnya kilik di sini

Kamis, 22 Maret 2012

Cara memasang musik di blog tanpa buffer

oce sekarang saya share Cara memasang lagu di blog dengan Auto Play,enaknya lagi no buffer hehehe... langkah pertama :
1. Masuk di Web : http://www.fullmusik.co.cc/
2. Pilih Kategori, Misalnya "Lagu Barat/Western Song"
3. GO 4. Setelah GO, akan masuk di WEB lain.
5. Pilih A-Z dari nama Groupband
6. Copy Code nya dan Paste di Blog anda.
7. Kemidan Tambahkan Gadget Lalu Pastekan Codenya Kemudian Klik Simpan.
 Semoga Bermanfaat Sobat .

Sabtu, 17 Maret 2012

Cara membuat SPOILER di blog

Blog anda berat karna kebanyakan foto di postingan ?,oke saya punya tips agar blog anda tidak berat ketika di buka,salah satunya dengan membuat SPOILER pada postingan blog anda....

Peratama silahkan copy scriptnya dibawah ini :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Tentang apa ? </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakan isi postingan anda disini

</div></div></div></div>
 
Kedua,login to blogger,terus pilih entri baru ( HTML ) paste script diatas tadi...
dan tulisan yang berwarna merah bisa anda ganti dengan kata atau kalimat yang anda inginkan....


Rabu, 25 Januari 2012

Cara bikin label post melayang pada blog

Selain mempercantik tampilan blog ,script inipun bisa menghemat tempat pada blog hehehe...
Bagaimana bikin label post melayang ?,ikuti langkah-langkahnya dibawah ini :
1) Login to blog
2) Tata Letak
3) Widget baru,dan pilih java script
4) Masukkan script dibawah ini :


5) Simpan.

Klik Show

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini


Semoga Bermanfaat...

Cara membuat bingkai pada postingan blog

Bagaimana membuat bingkai pada postingan blog ?,baca triknya dibawah ini :

1. Bingkai Garis Lurus

Ini Contoh Bingkainya

Ini Scriptnya :



2. Bingkai Titik-titik 

Ini Contoh Bingkainya

Ini Scriptnya :



3. Bingkai Garis Putus-putus

Ini Contoh Bingkainya

Ini Scriptnya :



4. Bingkai Garis Double

Ini Contoh Bingkainya

Ini Scriptnya :

Nah jika yang gak suka akan warna bingkainya bisa diganti,Kode Warna Html
Klik Show

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini


Semoga Bermanfaat...

Cara membuat background salju

Langkah-langkah membuat background salju pada blogger,ingat ini backgorund bukan efek hujan salju,,,

1) Login to blogger
2) Tata Letak
3) Wideget baru,dan pilih java script
4) Masukkan script dibawah ini :



5) Simpan,dan lihat hasilnya...
Klik Show

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini


Semoga Bermanfaat...

Minggu, 22 Januari 2012

Membuat Bingkai 3D Pada Gambar Postingan Blog

Cara membuat bingkai 3D di dalam postingan :


1) Login Blogger
2) Entri baru ( HTML )
3) Masukan script dibawah ini :
Klik Show

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini


Semoga Bermanfaat...

Jumat, 20 Januari 2012

Cara membagi postingan menjadi 2 kolom

PENULISAN ARTIKEL DI Edit HTML bukan di Compose
contoh seperti telihat di bawah ini :
 
ARTIKEL YANG DI SEBELAH BIRU ARTIKEL YANG SEBELAH MERAH
Langkah-Langkah :
1. Pilih entri baru ( HTML )
2. Copy script dibawah ini :



3. Publish
Klik Show

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini


Semoga Bermanfaat...

Tulisan Berubah Bentuk

Cara membuat tulisan berubah bentuk,caranya sebagai berikut :

Contoh : Arahkan Kursor Ke bawah Kalimat ini :


ISI TEKS ANDA

ISI TEKS ANDA
1.Login
2.Dasbor masuk rancangan
3.Tambah gadget
4.Tambah HTML/JavaScript
5.Masukkan kode di bawah ini :



6. Simpan
Klik Show

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini


Semoga Bermanfaat...

Sabtu, 07 Januari 2012

Membuat spoiler di postingan blog

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show.
Klik Show
Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler...
Nah itu fungsinya,untuk caranya lihat dibawah ini :
1) Copy kode dibawah ini :
2) Paste kode tersebut di entri baru ( HTML ),setelah di paste hasilnya akan seperti di bawah ini :
Tentang apa ?
isi postingan

Jika artikel di blog ini bermanfaat dan ingin berlangganan artikel dari blog ini silahkan Masukkan E-mail Anda Di Sini


Semoga Bermanfaat...
 

Copyright 2012 Ramdani: Javascript Template by Bamz | Publish on Bamz Templates