Showing posts with label Trik Tips Blogger. Show all posts
Showing posts with label Trik Tips Blogger. Show all posts

Trik Memproteksi Blog dari Penjiplakan

Monday, June 15, 2009 · 0 comments

Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya...
copy script dibawah ini kedalam body kamu (lho? kok kedalam body sih?), maksudnya kedalam tag <body. Begini deatil caranya:
pertama login dulu ke blogger, terus pilihLayout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head>. perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body :D .
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya kayak gini nih

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false" >



Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? :D
tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga

Baca Selengkapnya......

Cara Menghilangkan Tulisan "Subscribe To : Post (atom)" Pada Blog

Thursday, June 11, 2009 · 0 comments

Tulisan Subscribe to:Post (Atom) kayaknya agak mengganggu pemandangan yaa? Kalo menurut saya sih itu sangat mengganggu. Kalo gak ada khan lebih enak saja. Eh, ngomong-ngomong tau gak yang saya maksud? Itu lho, tulisan yang ada di bawah sendiri pada content. Tau khan? Tapi gimana ngilanginnya? Ternyata mudah kok. Saya sudah menemukan caranya. Pertama-tama :

1. Login pada Blogger
2. Pilih Tata Letak/Layout
3. Kemudian Edit HTML
4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.
5. Kemudian langkah selanjutnya cari kode di bawah ini :


<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>


6. Hapus kode tersebut
7. Kemudian
SIMPAN

Baca Selengkapnya......

Trik Membuat Link Warna Warni

· 0 comments

Yang harus anda lakukan pertama yaitu :

1. Seperti biasa sign in di blogger
2.
Klik menu layouts
3. Klik tambah element
4. Pilih
Html/javasript
5. Paste kode di bawah ini pada halaman tersebut


<script src="http://dadirahayu.googlepages.com/Pelangi.js">

/*

Rainbow Links Script- TAKANASHI Mizuki

For full source code, 100&#39;s more DHTML scripts, and TOS,

Visit http://bloggermanner.blogspot.com/

*/

</script>


Cukup itu saja, selamat mencoba !!

Baca Selengkapnya......

Trik Menghilangkan angka di belakang Label

· 0 comments

Untuk kali ini saya memposting artikel tentang label lagi. Sekarang pada masalah angka pada Label. Pada blog tertentu yang mengkategorikan artikel dalam satu label memang lebih bagus menggunakan trik ini. Jadi lebih bagus gak ada angka pada belakang label blog kamu sehingga label tidak keliatan panjang. Nah daripada pusing, langsung aja kita lirik caranya:

1.
Login pada Blogger

2.
Pilih Tata Letak/Layout

3. Kemudian Edit HTML

4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.

5.
Cari kode (<data:label.count/>)

6. Hapus kode berikut (<data:label.count/>) kemudian Simpan


Semoga bermanfaat !!!

Baca Selengkapnya......

Membuat Label Teknik Cloud dengan Script

· 0 comments

Di sini akan saya ulas kembali bagaimana cara membuat Label dengan Teknik Cloud dengan tujuan untuk memperindah tampilan blog tentu saja. Langsung saja, yang pertama adalah :

Membuat Label Cloud menggunakan Javascript


1. Login pada Blogger
2. Pilih Tata Letak/Layout
3. Kemudian Edit HTML
4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.
5. Copy Paste Kode berikut di atas kode ]]></b:skin>


/* Label Cloud Styles die-silver.blogspot.com
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;" !important}


6. Kemudian tambahkan kode di bawah ini di atas kode </head>


<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>



7. Kalo udah cari kode berikut :


<b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


8. Ganti tulisan NAMA LABEL dengan Nama Label yang tertampil di blogmu.

9. Ganti semua kode di atas dengan kode berikut :

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point --------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}


var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>


10. Klik tombol Simpan

11. Maka hasilnya akan seperti ini :


japanese templates







Selamat Mencoba....

Baca Selengkapnya......

Tutorial Membuat Tag Cloud Comulus Animasi Flash

· 0 comments

Membuat widget kategori menggunakan labels dari blogger sudah pernah saya bahas beberapa waktu lalu. Jika kita membuat kategori yang cukup banyak dengan cara ini akan membuat Widget Labels kita memakan tempat pada side bar kita karena memanjang kebawah. Ada cara yang laen untuk memunculkan label atau category yang kita buat tanpa harus menghabiskan tempat. Yatu dengan tag cloud cumulus. Dengan model Flash animasi ini memang sangat asyik dipandang, walau memang dengan JavaScript akan membuat blog agak agak berat loadingnya.

Pertama Untuk membuatnya mari kita ikuti langkah-langkah berikut:
1. Login ke account blogger kamu
2. Pilih layout > add gadget pada sidebar kamu untuk membuat elemen halaman baru
3. Pilih Label,
4. Pada Title kamu isikan judul widget kamu, misal: kategori, daftar ini, labels, dsb. Pada pilihan sorting kamu bisa memilih Alphabetically untuk mengatur labels kamu secara abjad dan By Frequency untuk mengatur labels kamu dari jumlah artikel terbanyak. Tampilan Previewnya akan terlihat.
5. Jangan lupa Save dan lihat hasilnya.

Catatan: Lima step diatas hanya buat kamu yang belum pernah membuat widget kategori labels, jika sudah kamu bisa langsung ke step berikut.
6.Login kedalam blogger dengan user id anda.
7.Masuk ke Dashboard Layout > Edit HTML dan klik Expand Template Widget
8.Jangan lupa untuk selalu mem-backup template anda sebelum memodifikasinya.
9. Cari kode dibawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

10.Kemudian copy dan paste kode di bawah ini tepat di bawah kode no. 9

<b:widget id='Label99' 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://bloggermanner.blogspot.com/'>Blogger Manner</a></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


11.Simpan template anda. Selesai!!!

Ketika anda melihat blog anda kembali, secara otomatis tag cloud cumulus ini akan tertampil di sidebar blog anda. Secara default widget ini akan tertampil dengan keterangan sebagai berikut:
• Width = 240px
• Height = 300px
• Background = white
• Warna text = grey
• Ukuran Huruf = 12

Bila anda ingin merubahnya, ikuti langkah-langkah dibawah ini :
1.Mengubah ukuran widget (width & height) dan warna background


var so = new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


Merah untuk lebar, biru tinggi dan hijau warna background, Kamu bisa mengganti angka tersebut dengan ukuran yang sesuai dengan blog kamu.

2. Mengubah warna huruf

so.addVariable("tcolor", "0x333333";);

sama seperti merubah huruf pada umumnya, hanya tanda '#' nya dihilangkan. Kamu bisa mengganti warna huruf yang sesuai dengan blog kamu.

3. Mengubah ukuran huruf

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Kamu bisa mengganti angka tersebut dengan ukuran yang sesuai dengan blog kamu.

Sudah itu saja, mudah khan... Semoga berhasil !!


Baca Selengkapnya......

Cara Mensetting Domain dengan co.cc

Monday, May 18, 2009 · 0 comments

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai






2. Zone Records

Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

  • Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")

  • Untuk option "TTL" biarkan saja, gak perlu dirubah2

  • Pada option "Type" pilih yang "CNAME"

  • Untuk kolom "Value" isikan "ghs.google.com"

  • Sehingga akan seperti pada gamabr dibawah ini:








Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
  • Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"

  • Kemudian pilih "Switch to: • Custom Domain

  • Setelah itu klik pada "Already own a domain? Switch to advanced settings"

  • Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".





  • Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Maka kesimpulannya adalah:
  • Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"

  • Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"

  • Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Baca Selengkapnya......

Cara mensetting Custom Domain di Blog

· 0 comments

Memiliki blog dengan nama domain tanpa embel-embel blogspot, wordpress, multiply dll tentunya akan membuat blog kita terlihat lebih simple dan dan juga akan lebih mudah diingat orang. Jika kita sudah membeli domain maka ada beberapa hal yang harus kita lakukan supaya domain kita tertuju pada web/blog yg kita punya, diantaranya yaitu setting DNS, Name Server dll. Mari kita mulai saja langkah-langkah untuk customisasi domain ini.

* SETTING DNS (DOMAIN NAME SERVER)
Langkah awal kita yaitu melakukan setting DNS. Biasanya jika kita membeli domain akan ada biaya tambahan (sekitar Rp 3000,-) untuk menambahkan layanan "DNS Managed". Tapi jika kamu tidak ingin mengeluarkan biaya ada layanan gratis supaya kita bisa melakukan setting DNS, seperti di dnspark.net. Nha berikut ini adalah tutorial jika kam menggunakan layanan dari dnspark ini :

1. Jika kamu belum memiliki account di dnspark km bisa daftar di https://www.dnspark.net/register.
2. Jika sudah daftar silahkan login.
3. Pilih menu "DNS Hosting" (disebelah kiri). Kemudian pilih "Add Domains"
4.Beri tanda centang kotak "DNS Hosting - Free" lalu Isikan nama domain yang sudah km beli di kolom "Enter new domain" (tanpa www).
5. Kemudian Klik tombol "Add Now"
6. Jika berhasil maka nama domainmu akan muncul di "Domain List" (pojok kiri bawah)
7. Klik domain km untuk melakukan pengaturan selanjutnya.
8. Pada Dropdown "Type" pilih "CNAME".
9. Pada Kolom "Alias Name" isikan www (sebenarnya itu bisa diisi apa saja, tp untuk domain utam sebaiknya diisi "www").
10. Kemudian untuk destination name isikan ghs.google.com (untuk blogspot).
11. Jika sudah klik tombol "Update All"



Untuk proses setting DNS sudah selesai.

Bagi yang sudah punya "DNS Managed" sendiri di domainnya, cara settingnya seperti ini:
- Masuk ke "Managed DNS" Trus Pilih "CNAME Records"
- Kemudina klik tombol "Add CNAME Records"
- Untuk kolom "Host Name" diisi dengan "www"
- Untuk Kolom "Value" pilih yg bagian bawah kemudian isi dengan "ghs.google.com"
- Kemudian Klik tombol "Add record"

Selesai ...

* SETTING NS (NAME SERVER)
Bagi yang sudah memiliki "Mange DNS Service" sendiri di domainnnya maka langkah berikut ini tidak perlu dilakukan. Tapi jika kamu menggunakan layanan DNS Manger dari dnspark.net, maka kamu harus merubah "Name Server" di domain manager kamu. Bagi yang membeli domain dari namadomain.com maka langkah-langkahnya adalah seperti berikut ini, (bagi yang beli ditempat lain saya rasa hampir sama langkah2nya)

1. Login di
namadomain.com kemudian pilih "My Account"
2. Jika sudah maka kamu akan berada dalam kawasan "admin area" domainmu.
3. Pilih menu "Domain --> List Last 10"
4. Domain kamu akan terlihat di "List of Domain"
5. Klik link "Domain Name --> Click to Manage"



6 Kemudian klik tombol "Modify Name Server".



7 Isikan name server berikut kedalam kolom "Name Server1, Name Server2, Name Server3, Name Server4, Name Server5" kemudian klik tombol "Submit"

ns1.dnspark.net
ns2.dnspark.net
ns3.dnspark.net
ns4.dnspark.net
ns5.dnspark.net

Nah urusan dengan si "Name Server" Sudah Selesai

* SETTING PUBLISHING DI BLOGGER
Nha sekarang tinggal langkah terakhir. gini langkahnya :

1. Login di blogger. Pilih menu "Setting --> Publishing"
2. Kemudian klik link Switch to : Custom Domain
3. Kemudian klik lagi link Already own a domain? Switch to advanced settings
4. Kemudian isikan nama blog kamu di kolom "Your Domain"
5. Lalu Klik tombol "Save Setting"

Yak Semua sudah selesai. Jika semua settingan tadi dilakukan dengan benar maka domain kamu yang baru akan aktif sekitar 1-24 jam bahkan bisa nyampe 48 jam.. Jadi tunggu aja

Baca Selengkapnya......

Tips Cara Back up Template Blog

· 0 comments

Kadang blogger pengen juga ganti kostum alias ganti template, soalnya sudah bosan ato mungkin templatenya sedikit and fasilitasnya kurang tidak seperti yang ada di wordpress. Tapi Blogger punya kelebihan yaitu kita bisa memodifikasi template yang ada semau kita, tidak seperti di wordpress. Di wordpress jika kita mau mengedit template harus bayar dulu, iiihhhh, emangnya kita kaya po? kita kan orang-miskin ya nggak? Tapi sebelum kita mengoprek-oprek template alangkah bijaksananya jika kita memback-up dulu templatenya, Lho? fungsinya apa?, supaya kalo kita ngoprek-ngopreknya salah bisa dikembalikan kembali seperti semula, seperti di restore gitulah. Nha, gimana caranya memback-up template di blogger? gini nih caranya:

Pertama-tama tentu kamu harus Login dulu dong, trus Pilih Layout -->> Edit HTML. Nah kemudian disitu kan ada tulisan before editing ypoour template, you may want to save a copy of it. Download Full Template> , klik yang ada tulisan Download Full Template terus simpan file tersebut, biasanya file dalam format xml.

Nah kalo mo memasang template baru atau template yang sudah diedit ato mo mengembalikan template ke sebelumnya kamu tinggal klik tombol Upload yang ada dibawahnya. Gitu aja kok.. Gut lak buddy...

Baca Selengkapnya......

Cara Membuat Read More pada Postingan Blog

Saturday, December 13, 2008 · 0 comments

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<div class='post-body entry-content'>



kalo dah ketemu maka dibawahnya ada kode ini :

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p>

menjadi seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>


Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>



8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>



10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :
<span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas

Selamat Mencoba, semoga berguna.. Huaghh.. huaghh

Baca Selengkapnya......

Membuat Recent Comment via Feed

Thursday, December 11, 2008 · 0 comments

Nah sekarang akan saya jelaskan bagaimana membuat Recent Comment Via Feed. Mungkin rekan akan bingung memilih yang mana...keduanya tentu mempunyai kelebihan dan kekurang. Yang jelas Recent Comment via JavaScript mempunyai kelebihan dalam tampilan sedangkan Recent Comment dengan Feed dalam hal tampilan terlihat lebih sederhana namun dalam masalah loading tentu dengan feed akan terasa lebih cepat.

Cara menggunakan Feed:

Pertama masuk Layout -> Element halaman -> Add a Page Element -> Feed kemudian pada Add Url masukan alamat Feed kamu, ada 2 pilihan feed yang bisa digunakan:

1. Mengunakan Feed Default Blogger

http://namablog.blogspot.com/feeds/comments/default


2. Feed dengan FeedBurner

http://feeds.feedburner.com/NamaFeedComment


Jangan lupa mengganti warna merah dengan nama blog / nama feed comment kamu. Selamat mencoba

Baca Selengkapnya......

Mengganti text link "Post a Comment"

· 0 comments

Default Blogger biasanya menampilkan link "Post a Comment" dibawah kolom komentar, meskipun blog tersebut sudah di set ke dalam bahasa indonesia, jika anda ingin mengubah tulisan tersebut dengan gaya anda sendiri misalkan "Tulis sebuah komentar" atau "Ingin becuap-cuap" atau dengan tulisan lainya. Cara mengubah text tesebut sangat mudah ikuti caranya dibawah ini:

1. Masuk halaman Edit Html


2. Beri tanda centang pada Expand Template Widget


3. Cari Kode dibawah ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b><font color='#444'>
<img alt='Post a Comment' border='0' height='47' src='http://oom.blog.googlepages.com/comments.gif' width='61'/>
<data:postCommentMsg/></font></b></a>
</p>


Ganti tulisan ditandai warna merah diatas sesuai keinginan anda.


4. Kemudain simpan template anda, Selamat mencoba

Baca Selengkapnya......

Page Element Directory

· 0 comments

Jika saya diminta memilih antara Search Engine dengan Web Directory tentu saja pilihan saya langsung tertuju ke Directory dengan halaman web terstruktur, sama halnya jika saya di hadapkan kepada pilihan antara Page Element Standar dengan Page Element Directory Blogger tentu pilihan saya akan tertuju ke Page Element Directory Blogger. Seperti biasa Blogger tidak pernah habis-habisnya memanjakan penggunanya dengan menghadirkan fasilitas terbaru mereka yang diberi nama Page Element Directory.

How is it working for you? Does the new presentation, and the new icons, make adding stuff to your blog easier?

Page Element Directory merupakan kumpulan dari beberapa pilihan Element halaman dengan menambahkan beberapa fasilitas multi fungsi berupa Ribuan Gatget yang siap digunakan. Seperti halnya directory yang terstruktur kita akan dihadapkan kepada pilihan menu untuk memudahkan kita mencari, memilih dan mengunakan Gadget mana yang akan digunakan. Karena masih dalam daftar tahap uji coba fasilitas ini hanya bisa jumpai pada Blogger in draft


Cara menggunakan Page Elemet Directory:

1. Masuk ke http://draft.blogger.com/

2. Jika belum Login, silahkan login terlebih dahulu.

3. Pada halaman klik tab "Layout" kemudian pilih "Add a Gadget"


Baca Selengkapnya......

Cara Modifikasi tampilan MyBlogLog

Wednesday, December 10, 2008 · 1 comments

Sebelum memodifikasi tampilan, pastikan widget MBL yang anda gunakan merupakan versi lama, karena versi terbaru sudah jauh berbeda. Jika perlu anda bisa mengembalikan script baru anda ke versi lama, baca caranya: Copy paste kode dibawah ini, jangan lupa mengganti ID_MBL dengan code ID anda sendiri.


<script src="http://pub.mybloglog.com/comm2.php?mblID=ID_MBL&amp;c_width=330&amp;c_sn_opt=n&amp;c_rows=2&amp;c_img_size=h&amp;c_heading_text=&amp;c_color_heading_bg=eeeddf&amp;c_color_heading=111&amp;c_color_link_bg=eeeddf&amp;c_color_link=c13a10&amp;c_color_bottom_bg=ffffff" type="text/javascript"></script>


Selanjutnya pada Element halaman Blogger pilih Edit-HTML, masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[


td.mbl_fo_hidden{display:none;}td.mbl_join_img{}td.mbl_join{}tr#tr0{display: none}th.mbl_h{display:none;}

Untuk menambah link berupa kalimat ajakan, anda dapat menggunakan kode dibawah ini, ganti warna merah NamaUserMBL dan ID_MBL sesuaikan dengan nama user dan ID MBL anda dan pastikan kode diletakan dibawah javascript MLB.

<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/community/NamaUserMBL/">
Lihat pembaca yang tergabung komunitas</a></p>
<p align="center"><a target="_blank" href="http://www.mybloglog.com/buzz/yjoin/?ref_id=ID_MBL&ref=w">
Gabung dalam komunitas ini</a></p>

Untuk lebih maksimal, anda bisa mengatur sendiri kombinasi warna dalam Script, sebaiknya sesuaikan warna background MBL dengan background template anda. Selamat Mencoba.

Baca Selengkapnya......

Percepat loading page dengan CSS Compressor

· 0 comments

Teknik kompresi pada CSS paling tidak mampu meningkatkan performa loading page blog anda. Disini bukan dalam artian super cepat ya, tapi cenderung ke arah optimalisasi CSS. Jika kita bicara masalah kecepatan loading page, CSS Compress ini cuma salah satu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada size image (jangan dibandingkan dengan kecepatan koneksi internet dulu ya...kita anggap saja koneksi yang kita gunakan sama).

CSS Drive - CSS Compressor merupakan salah satu layanan gratis yang biasa om gunakan untuk keperluan ini. Yang menarik, tools ini menyediakan 3 level mode kompresi berbeda yaitu Light, nomal dan Compact. Cara kerjanya, metode kompresi CSS ini berusaha memperkecil ukuran dengan menghilankan spasi dan komentar yang tidak diperlukan. Om sarankan untuk yang baru utak atik CSS jangan langung mencoba mode Super Compact dan Strip All Comments..sebaiknya gunakan mode Light dan don't strip any comments terlebih dahulu. Untuk yang sudah mengerti bisa mencoba level kompresi selanjutnya pada pilihan Advanced mode.


Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsi ini, jadi om sarankan kita bisa mencoba pada layanan ini CSS Optimizer.



Cara Kompresi CSS pada Blogger:


(sebelumnya jangan lupa backup semua kode pada halaman Edit HTML)


Pada halaman Edit HTML, Code CSS biasanya terletak diatara kode <b:skin><![CDATA[ dan ]]></b:skin> silahkan copy-paste semua kodenya kemudian lakukan kompress pada tools diatas, jika sudah..copy-paste lagi kode yang sudah di compress ke halaman Edit Html pada posisi semula.

Baca Selengkapnya......

Easier way to make banner

Friday, November 21, 2008 · 0 comments

Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Cara membuatnya sangat mudah, yaitu:
1. Buka situs http://cooltext.com
2. Disana nanti akan langsung terpampang macam-macam banner yang disediakan. Kamu tinggal pilih baner yang kamu suka.
3. Setelah itu akan muncul fomr untuk menstting banner yang telah km pilih tadi. Kamu bisa mensetting textnya, warna text, warna background, ukuran, effect, dll.
4. Kalo sudah merasa cocok lalu klik tombol "Rander Logo"
5. Tunggu sebentar sampai proses rendering selesai.
6. Maka bannermu akan langsung jadi, km bisa mengambilnya dengan mengklik link "Download Image". dan simpan banner kamu.
7. Biasanya file bannernya akan berupa file gif.

Setelah km mendapatkan bannernya maka langkah selanjutnya supaya bannernya bisa kamu pasang yaitu dengan mengupload file tadi ke webhosting. Kamu bisa menguplaodnya di photobucket.com. disanan nanti kamu akan mendapat link untuk banner kamu.

Baca Selengkapnya......

Total Readers

Peluang Bisnis