Caranya masukin script biar bisa terlihat seperti ini:
1. Copy script yang akan kamu tampilkan ke artikel
2. Buka centricle.com
4. Klik encode
5. Copy script yang sudah kamu encode ke artikel
Nah, sekarang sudah jadi…
Selamat mencoba...!!!
Jumat, 15 Januari 2010
CARA MASUKAN SCRIPT KE ARTIKEL
Jumat, 15 Januari 2010
Kalau masukin script ke artikel tanpa caraku ini, script kamu nggak akan terlihat di web page..!!!
Caranya masukin script biar bisa terlihat seperti ini:
1. Copy script yang akan kamu tampilkan ke artikel
2. Buka centricle.com
4. Klik encode
5. Copy script yang sudah kamu encode ke artikel
Nah, sekarang sudah jadi…
Selamat mencoba...!!!
Baca selengkapnya...!!!!
Caranya masukin script biar bisa terlihat seperti ini:
1. Copy script yang akan kamu tampilkan ke artikel
2. Buka centricle.com
4. Klik encode
5. Copy script yang sudah kamu encode ke artikel
Nah, sekarang sudah jadi…
Selamat mencoba...!!!
MENAMBAH GAMBAR DISAMPING JUDUL ENTRI
Yah dengan dihiasi dan maka judul posting pun lebih mencolok dan dapat menarik mata pembaca yang melihatnya.Maka dari itu saya akan beri tahu bagaimana caranya menambahkan icon/gambarnya.
Caranya Ialah :
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.
2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.
4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;
5. Save templatenya.
Selamat Mencoba..!!!
Baca selengkapnya...!!!!
Caranya Ialah :
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.
2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.
4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;
5. Save templatenya.
Selamat Mencoba..!!!
MEMATIKAN KLIK KANAN PADA MOUSE
Mungkin anda sering membuka suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :
1. Klik Layout dan pilih edit html
2. Cari kode <head> Copykan ini tersebut dibawahnya.
<script language=JavaScript>
<!--
//Matikan Klik Kanan
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
3. Save.
Selamat Mencoba...!!!
Baca selengkapnya...!!!!
1. Klik Layout dan pilih edit html
2. Cari kode <head> Copykan ini tersebut dibawahnya.
<script language=JavaScript>
<!--
//Matikan Klik Kanan
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
3. Save.
Selamat Mencoba...!!!
CARA MEMBUAT READ MORE
Biasanya kalau buat blog yang entrinya kepanjangan bikin makan tempat, jadi dibuat read more aja...!!
Untuk membuat read more/baca selengkapnya cara seperti ini:
1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"
2. Letakkan kode berikut persis di atasnya kode </head>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
3. Letakkan kode berikut
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Dibawah kode:
<p><data:post.body/></p>
4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>
Jangan lupa klik SIMPAN PENGATURAN.
Selamat Mencoba..!!!
Baca selengkapnya...!!!!
Untuk membuat read more/baca selengkapnya cara seperti ini:
1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"
2. Letakkan kode berikut persis di atasnya kode </head>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
3. Letakkan kode berikut
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Dibawah kode:
<p><data:post.body/></p>
4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>
Jangan lupa klik SIMPAN PENGATURAN.
Selamat Mencoba..!!!
MENGGANTI CURSOR LEBIH MENARIK
Jika anda sudah bosan melihat penampilan cursor anda yang hanya berupa garis panah, dan ingin menggantinya menjadi lebih menarik, saya akan berikan triknya. Silahkan anda ganti sesuka hati gambar apapun yang akan anda inginkan.
Oke, kita kembali lagi ke cursor yang kita ganti, silahkan ikuti langkah-langkah berikut ini :
1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini
cursor: url("http://bohongan_doang.gif"), default;
7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL tersebut, silahkan surfing di sini [ cursors.funutilities ]
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
Selamat mencoba....!!!
Baca selengkapnya...!!!!
Oke, kita kembali lagi ke cursor yang kita ganti, silahkan ikuti langkah-langkah berikut ini :
1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini
cursor: url("http://bohongan_doang.gif"), default;
7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL tersebut, silahkan surfing di sini [ cursors.funutilities ]
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
Selamat mencoba....!!!
Rabu, 13 Januari 2010
CARA BIKIN ANIMASI LABEL CLOUD
Rabu, 13 Januari 2010
Cara ini dapatnya dari hasil keliling dunia maya he..he..he..!mau tau cara buatnya ..
Cara nya seperti biasa :
1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout → Edit HTML
3. Cari kode ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
4. Lau copy code di bawah ini dan paste tepat di bawah kode yang di atas
<b:widget id='Label129' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://www.geocities.com/rum_marewa/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "100", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xfffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='24'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
5. Jangan di save dulu coba preview dulu ya...kalo berhasil baru di save template anda
Selamat Mencoba...!!!!
Baca selengkapnya...!!!!
Cara nya seperti biasa :
1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout → Edit HTML
3. Cari kode ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
4. Lau copy code di bawah ini dan paste tepat di bawah kode yang di atas
<b:widget id='Label129' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://www.geocities.com/rum_marewa/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "100", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xfffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='24'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
5. Jangan di save dulu coba preview dulu ya...kalo berhasil baru di save template anda
Selamat Mencoba...!!!!
CARA GANTI ICON DI BLOG
Berbeda dengan layanan blog lainnya yang kadang banyak batasan; ini ga boleh, itu dilarang. Tapi blogger sepertinya segalanya serba okeh. Apapun kebebasan berekspresi dengan mengubah tampilan bahkan logo tetap saja nama blogspot bersanding dengan nama para bloggernya. Salah satu ekspresi itu emang udah cukup lama dikenal para blogger yaitu mengganti icon blogger seperti gambar di samping ini dengan icon bikinan kita sendiri tapi bagi pendatang baru hal ini barang baru. Di bawah ini saya buat tips gimana cara mengubah icon blogger dengan icon bikinan kita sendiri.
Pertama, buat dulu icon pribadi Anda di adobe photoshop untuk tampil di address bar. Icon tersebut berukuran 0.42 x 0.42 cm atau agak besaran dikit 0.71 x 0.71 cm jadikan formatnya CompuServe atau GIF biar ukuran gambarnya kecil di bawah 2kb tapi JPG juga ga apa2.
Kedua, upload icon Anda ke salah satu server photo gratisan semisal photobucket, picasa, atau bisa juga nyimpan di googlepage. Hingga menjadi Direct links - Image url, dengan kata lain kita punya alamat icon pada salah satu server di atas.
Kalu gak bisa uplodad, bisa cari gambar di google ☺
Ketiga, copy kode di bawah ini,
Simpan kode tersebut di edit html blog Anda simpan di bawah kode
<head>
Selamat Mencoba..!!
Pertama, buat dulu icon pribadi Anda di adobe photoshop untuk tampil di address bar. Icon tersebut berukuran 0.42 x 0.42 cm atau agak besaran dikit 0.71 x 0.71 cm jadikan formatnya CompuServe atau GIF biar ukuran gambarnya kecil di bawah 2kb tapi JPG juga ga apa2.
Kedua, upload icon Anda ke salah satu server photo gratisan semisal photobucket, picasa, atau bisa juga nyimpan di googlepage. Hingga menjadi Direct links - Image url, dengan kata lain kita punya alamat icon pada salah satu server di atas.
Kalu gak bisa uplodad, bisa cari gambar di google ☺
Ketiga, copy kode di bawah ini,
Simpan kode tersebut di edit html blog Anda simpan di bawah kode
<head>
Selamat Mencoba..!!
Baca selengkapnya...!!!!
Langganan:
Postingan (Atom)
