livejournalofasad.com: Blogger Tutorial
Showing posts with label Blogger Tutorial. Show all posts
Showing posts with label Blogger Tutorial. Show all posts

Tuesday, September 29, 2009

Tes Seberapa Berat Blog Sahabat

September 29, 2009 8
Tes Seberapa Berat Blog Sahabat
Sebenarnya sangat penting untuk mengetahui seberapa berat loading blog kita saat diakses orang lain. Terkadang para blogger keasyikan menambah beraneka macam aksesoris di blognya agar terlihat cantik dan menarik, namun lupa bahwa tidak semua blogger atau pengunjung mempunyai akses internet yang cepat, sehingga membuat jenuh para pengunjung saat menunggu loading blog kita yang begitu lama.

Nah berikut ada beberapa situs yang menyediakan fasilitas untuk mengetahui seberapa berat loading blog kita:

http://www.numion.com/Stopwatch/index.html? Untuk Mengetes Berapa Detik Blog sahabat untuk di buka



Setelah mengecek, kita akhirnya bisa mengetahui apakah blog kita sudah baik ataupun kurang. Pastinya menurut pertimbangan sahabat pribadi.

Semoga bermanfaat...

Cara Membuat Label Cloud Animasi

September 29, 2009 6
Cara Membuat Label Cloud Animasi
,Ada permintaan dari teman blogger(sayang seluler) bagaimanakah cara membuat label cloud sperti punya saya ini, nah postingan ini saya buat spesial buat teman saya ini(sayangseluler.blogspot.com) dan juga buat temen-temen dunia maya seluruh dunia.

Langkah-langkahnya:
1. Sign in ke blogger
2. Terus cari Lay Out, kemudian Edit HTML, centang expand widget nya.
3. Kemudian cari kode di bawah ini:

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

kemudian copy kode dibawah ini, tepat dibawah kode 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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;100&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xfffffff&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='24'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Save Template


Note:

* Untuk merubah ukuran tinggi, lebar dan warna backround ((..)):

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

* Untuk merubah Warna font ((..)):

so.addVariable(&quot;tcolor&quot;, &quot;((0xfffffff))&quot;);


* Untuk Ukuran font((...)):

alues='data:labels' var='label'><a expr:href='data:label.url' ((style='24'))><data:label.name/></a></b:loop></tags>&quot;);

Ok semoga bermanfaat..

Sunday, August 30, 2009

Mengatur Huruf Dan Warna Posting Blog

August 30, 2009 19
Mengatur Huruf Dan Warna Posting Blog
Blogger memberikan fasilitas, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan
template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan :

1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai


2. Text Color --> pengaturan warna hurup dari posting-an


3. Link Color --> pengaturan warna hurup yang di link


4. Blog Title Color --> pengaturan warna hurup judul Blog


5. Blog Description Color --> pengaturan warna hurup deskripsi blog


6. Post Title Color --> pengaturan warna hurup judul posting-an


7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah


8. Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)


9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)


10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link


11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar


12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan


13. Blog Title Font --> pengaturan jenis hurup Judul blog


14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog


15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )


16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai


Semoga Bermanfaat.

Membuat Postingan Selalu Berada Paling Atas

August 30, 2009 8
Membuat Postingan Selalu Berada Paling Atas
Pernahkah kita berpikiran ingin menjadikan postingan tertentu selalu berada di atas? Jika, ya, jangan kuatir, karena kita dapat “mengakalinya” dengan trik yang sangat sederhana ini. Dengan trik tersebut, kita dapat menempatkan postingan tertentu (yang kita anggap sangat penting), akan selalu berada di atas dari postingan-postingan yang lain yang kita terbitkan sesudahnya. Jika tertarik, silakan ikuti tipsnya berikut:

Langkah-langkahnya, seperti di bawah ini.

1. Ya login ke account blogger
2. Masuk dashboard, dan kemudian buatlah postingan yang ingin kita taruh selalu di atas.

3. kemudian terbitkan postingan tersebut seperti biasa.
kemudian lakukan edit entri atas postingan yang baru saja kita terbitkan tersebut.
4. Setelah terbuka post editor kemudian menujulah ke bagian kiri bawah, klik “opsi entri” (post option) hingga akan muncul beberapa opsi, yaitu “komentar pembaca”, “Link balik”, dan “tanggal dan jam entri”

5. emudian pada opsi “tanggal dan jam entri”, gantilah tahunnya menjadi tahun yang akan datang, misalkan saja menjadi tahun 2020.

6. kemudian terbitkan lagi postingan tersebut.

selesai

Sekarang, cobalah untuk membuat dua atau beberapa postingan lagi dan pastikan postingan yang telah kita ubah tahunnya menjadi 2020 tersebut selalu berada di posisi paling atas.

Gampang dan sederhana kan.....

Wednesday, August 26, 2009

Cara Memasang Tombol Share Ke Facebook Di Blogger

August 26, 2009 11
Cara Memasang Tombol Share Ke Facebook Di Blogger
Bagi para pemilik blog yang ingin artikel atau postingannya ingin dishare di Facebook, berikut saya akan memberikan langkah-langkahnya, cukup mudah sekali, Ikuti saja:

1. Log In ke Blog anda
2. Buka hamalan Dashboard, Layout, kemudian Edit Html dan jangan lupa centang expand template widget
3. Kemudian cari kode
<b:if cond='data:top.showAuthor'>
4.Kemudian Letakkan kode dibawah ini diatas kode langkah 3
<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>
5.Akan Tampak Nantinya di postingan kita seperti ini

Kodenya seperti DIbawah ini
<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>
7.Atau Yang Ini
Kodenya:
<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Ok selamat mencoba, and semoga bermanfaat...jangan lupa kasih comment ya..

Monday, August 24, 2009

Membuat Menu Di Sayap Kanan atau Kiri Blog

August 24, 2009 15
Membuat Menu Di Sayap Kanan atau Kiri Blog
Bagaimana caranya membuat daftar menu animasi yang berada di sayap kanan atau kiri blog anda, seperti punya saya contohnya. Widget Daftar menu ini salah satu yang paling menarik menurut saya, contohnya anda dapat melihat sayap kanan blog saya terdapat daftar menu animasi. Menarik bukan. berikut ini langkah - langkah membuatnya.

1. Sign In Blogger anda.
2. Pilih Tata Letak kemudian klik Edit HTML.
3. Back up template dulu, kalau takut gagal, atau terjadi apa2
4. Jangan Lupa Centang Expand Widget Template
4. Cari kode ini : </head> pada template anda.
5. Copy Seluruh kode dibawah ini, kemudian paste tepat diatas kode tadi :


<style>

#menu1 a {color:white;background-color:#3D81EE;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:white;text-decoration:none;}
#menu1 a:hover {color:brown;background-color:#0066CC}
#menu1 a:visited {color:yellow;text-decoration:none;}
</style>
<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>
resizereinit=true;

menu[1] = {
id:'menu1',
bartext:'MENU BLOG',
menupos:'right',
barbgcolor:"#FF0000",
barcolor:"WHITE",
barfontweight:"bold",
barfontsize:'100%',
bordercolor:'#ffffff',
fontsize:'100%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
[&quot;Home&quot;, &quot;http://www.shahfutra.blogspot.com&quot;, &quot;_self&quot;],
[&quot;Blogger Tutorial&quot;, &quot;http://shahfutra.blogspot.com/search/label/Blogger%20Tutorial/&quot;, &quot;&quot;],
[&quot;Resensi Film&quot;, &quot;http://shahfutra.blogspot.com/search/label/Resensi%20Film/&quot;, &quot;&quot;],
[&quot;Motivasi Diri&quot;, &quot;http://shahfutra.blogspot.com/search/label/Motivasi%20Diri/&quot;, &quot;&quot;],
[&quot;Ilmu Pengetahuan&quot;, &quot;http://shahfutra.blogspot.com/search/label/Ilmu%20Pengetahuan&quot;, &quot;&quot;],
[&quot;Computer Program&quot;, &quot;http://shahfutra.blogspot.com/search/label/Computer%20dan%20Pemrograman&quot;, &quot;&quot;],
[&quot;Biography&quot;, &quot;http://shahfutra.blogspot.com/search/label/Biography/Tukar%20Link&quot;, &quot;&quot;],
[&quot;Ilmu Internet&quot;, &quot;http://shahfutra.blogspot.com/search/label/Ilmu%20Internet/Blog%20Kontes&quot;, &quot;&quot;],
[&quot;Religion&quot;, &quot;http://islamourchoice.blogspot.com/&quot;, &quot;&quot;],
[&quot;Alam Semesta&quot;, &quot;http://shahfutra.blogspot.com/search/label/Alam%20Semesta&quot;, &quot;&quot;],
[&quot;English Learning&quot;, &quot;http://shahfutra.blogspot.com/search/label/English%20Learning&quot;, &quot;&quot;],
[&quot;Contact Me&quot;, &quot;http://www.blogger.com/profile/08041374702918325088&quot;, &quot;&quot;],
[&quot;Back To Top&quot;, &quot;#&quot;, &quot;&quot;] //pada akhir entry jangan dikasih koma
]};
make_menus();
</script>


Data-data diatas merupakan data yang ditampilkan dalam menu melayang blog saya
Gantilah yang bercetak teabal dengan data-data yang ingin anda tampilkan.
Setelah selesai Klik Simpan Template.
Lihat Blog anda sekarang.

Widget Daftar Menu diatas terletak di sayap sebelah kanan blog anda, jika anda ingin merubahnya jadi di sayap sebelah kiri, gantilah kalimat ini menupos:'left', menjadi menupos:'right',


ok Moga Bermanfaat..beri comment yah..

Sunday, August 23, 2009

Membuat Tulisan Berwarna / Seperti di Blok

August 23, 2009 5
Membuat Tulisan Berwarna / Seperti di Blok
Ada kalanya dalam isi artikel atau postingan kita, kita ingin pembaca lebih fokus pada kalimat tertentu, nah kita bisa membuatnya agar satu atau beberapa kalimat menjadi seperti di blok atau dimarker, agar pembaca lebih memperhatikan kalimat tersebut, caranya:
Yaitu selipkan kata/kalimat yang akan diblok di antara kode ini:

Kuning
<span style="background-color: rgb(255, 255, 0);">adalah ketika kamu menitikkan</span>

Biru
<span style="background-color: rgb(51, 204, 255);"> Adalah ketika dia tidak mempedulikamempedulikan</span>

Hijau
<span style="background-color: rgb(51, 204, 0);"> kata/kalimat yang di-stabilo </span>

Contoh:
CINTA sebenarnya adalah ketika kamu menitikkan air mata dan masih peduli terhadapnya.
Adalah ketika dia tidak mempedulikan kamu dan kamu masih menunggunya dengan setia.
Adalah ketika dia mulai mencintai orang lain dan
kamu masih bisa tersenyum dan berkata aku turut berbahagia untukmu

Ok Semoga Berrmanfaat.

Membuat Teks atau Tulisan Kedap Kedip di Blog

August 23, 2009 12
Membuat Teks atau Tulisan Kedap Kedip di Blog
Bagaimana cara membuat text atau tulisan yang bisa kedap - kedip. Berikut cara untuk menampilkan tulisan / text kedap - kedip:

Pertama:
Memasukan <blink> disamping text, seperti ini:

<blink>Tuliskan Teks Yang Kedap - Kedip</blink>

dan hasilnya seperti ini: Tuliskan text yang kedap - kedip

Ok semoga bermanfaat

Saturday, August 22, 2009

Author Nama Yang Berbeda-beda Dalam Satu Account

August 22, 2009 5
Author Nama Yang Berbeda-beda Dalam Satu Account
Memiliki beberapa blog dalam satu account adalah hal yang biasa bagi setiap blogger. Karena untuk membuat blog baru itu sangat mudah jika sudah memiliki account. Dan karena anda membuat blognya dalam satu account maka
setiap blog yang anda posting kontennya akan memiliki author name yang sama.
Nah kadangkala ada blogger yang enggan untuk menunjukkan indentitas aslinya. Kalau begitu berarti sobat harus mengganti namanya dengan nama lain. Lalu apakah bisa? Tentu saja bisa. Bahkan sangat mudah. Mau tahu caranya? Mari kita mulai.

1. Login ke blogger
2. Pada menu Layout -> Edit HTML
3. Beri tanda centang pada "Expand Widget Templates"
4. Cari kode dibawah ini;

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>

Ganti tulisan yang dicetak tebal dengan nama yang ingin anda gunakan. Contohnya;


<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>La Tahzan
</b:if>


5. Kalau sudah klik Save Template.

6. Selesai.


Semoga Bermanfaat....

Thursday, August 20, 2009

Cara Membuat Blog Bertabur " Love"

August 20, 2009 10
Cara Membuat Blog Bertabur " Love"
Hujan Bertabur cinta, wah wah kalo yang lagi kasmaran ok banget tuh.mau tau caranya ..ikuti aja langkah-langkahnya:

1. Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu klik Tata Letak / Layout
3. pilih Elemen Halaman
4. pilih Tambah Gadget
5. pilih HTML/Java Script.
6. Kemudian copy kode di bawah ini :

<script src="http://www.geocities.com/sehatserasi72/lovingheart.js"></script>

7. Save and View Your Blog

Monday, August 17, 2009

Cara Membuat Artikel Yang Berhubungan Di Akhir Postingan

August 17, 2009 2
Cara Membuat Artikel Yang Berhubungan Di Akhir Postingan
Bagaimana cara membuat related post atau menampilkan posting atau artikel yang berhubungan dengan artikel yang baru dibuka oleh pengunjung. Yang pertama tentu kita harus terlebih dahulu menyusun artikel - artikel postingan kita sesuai dengan kategori, agar artikel yang ditampilkan benar - benar berhubungan.
Cara ini akan membantu pengunjung untuk lebih jauh mengeksplore artikel posting kita yang saling mempunyai hubungan dengan posting yang baru dibaca. Berikut langkah-langkahnya:

1. Log in Blog anda Masuk ke dashbord Blogger
2. Pilih menu Layout kemudian pilih Edit HTML
3. Beri tanda centang pada kotak Expand Widgets Template
4. Cari kode ini berikut ini

<data:post.body/>


5. Lalu letakkan kode berikut ini dibawahnya.


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>



Ok semoga bermanfaat

Cara Pasang Widget Translator Di Blog

August 17, 2009 4
Cara Pasang Widget Translator Di Blog
Widget translator atau "Penerjemah" pada blog kita banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah, hehehe Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana ok kan hehehe,,nih cara pasangnya di blog.

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.


<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>


5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :



Ok Moga bermanfaat..

Sunday, August 16, 2009

Caranya Buat Biar Ada Gadget Di Bawah Header

August 16, 2009 6
Caranya Buat Biar Ada Gadget Di Bawah Header
Nah - nah ini ada tips buat para pemula kali ya..mungkin tips yang sederhana tapi berguna dan sangat membantu buat menambah apa saja yang ingin ditambahkan heheh. Yaitu biar dibawah header bisa kita
tambahkan gadget, dan nantinya sesuka kita mau menambahkan apa, berikut triknya:

1. Login ke blog anda, kemudian
2. Klik Tata Letak / Layout
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil "Expand Template Widget"
5. Silahkan cari kode berikut ini di dalam template anda


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


6. Jika sudah ketemu, silahkan ganti semua kode tersebut dengan kode berikut ini


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


7. Klik Simpan Template / save tempalte

8. Selesai


Selamat mencoba, semoga bermanfaat, jangan lupa tinggalkan comment yah...

Friday, August 14, 2009

Membuat Daftar Isi Blog di Blogspot

August 14, 2009 7
Membuat Daftar Isi Blog di Blogspot
Bagi para pemilik blog yang ingin agar list apa-apa saja yang telah di posting bisa ditampilkan dihalaman depan blognya, bisa membuat sebuah daftar isi, dimana bisa menggunakan sebuah kotak yang bisa di Drop Down, yang berisi semua postingan yang pernah diposting. Sehingga memudahkan pengunjung untuk mengetahui semua artikel yang pernah kita posting. Bagaimanakah caranya????

Langkah Pertama:

1. Login ke Account Blogger-mu
2. Pilih Layout atau Tata Letak , kemudian -> Edit HTML
3. Sebaiknya Back Up dulu template kamu dengan meng-klik Download Template Lengkap (Full tempalte)
4. Setelah itu jangan lupa beri centang pada tulisan Expand Widget Templates
5. Cari kode dibawah ini

<b:include data='post' name='post'/>


6. Kalau sudah ketemu hapus kode tersebut dan ganti dengan kode dibawah ini:


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


7. Lalu simpan Template.


Langkah Selanjutnya:


Langkah ini kita akan membuat pemanggil daftar isi.

1. Pilih Layout atau Tata Letak -> Page Element atau Element Halaman.
2. Pilih Add a Gadgets atau Tambahkan Sebuah Halaman
3. Pilih HTML/JavaScript
4. Masukkan kode berikut ke dalam isinya


<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>


5. Simpan Widgets

Catatan:

Ganti " NamaBlogAnda dengan nama blog kamu, dan nilai 200 adalah jumlah maksimal judul artikel yang akan ditampilkan dalamm satu halaman daftar isi, terserah anda Silahkan ganti sesuai keinginan anda.

Ok Moga Bermanfaat

Cara Membuat " Read More" di Blogspot

August 14, 2009 6
Cara Membuat " Read More" di Blogspot
Didalam tampilan depan dari blog kita, apabila postingan kita tampil semuanya dihalaman depan, tentu membuat halaman depan kita menjadi terlalu panjang. Nah berikut ada cara agar postingan yang kita tampilkan hanya sebagiannya saja dan bagi yang ingin membaca lebih lengkapnya dapat mengklik tulisan READ MORE atau SELENGKAPNYA. Nah bagaimanakah untuk membuat fasilitas Read More atau Selengkapnya itu di postingan kita..berikut langkah-langkahnya.

Langkah 1 - Login di blogger anda lalu masuk menu Lay Out - Edit HTML, lalu checklist kolom expand template widget kemudian anda cari kode html seperti ini :

<data:post.body>

Langkah 2 - Lalu hapus kode tersebut lalu ganti dengan kode dibawah 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>

Silahkan ganti text Read More nya terserah anda, bisa tetap atau anda bisa menggantinya menjadi selengkapnya. Jika sudah lalu Save Template

LAngkah 3 - Cara Posting

Setelah bagian edit html selesai, sekarang saatnya kita untuk posting artikel dengan menggunakan Read More atau Selengkapnya.
Pertama, Silahkan buat postingan sampai selesai dulu. Kedua, anda tentukan batas paragraf atau kata yang ingin di tampilkan kemudian pasang kode ini dibawah paragraf tersebut :

<span class="fullpost">

Ketiga, pasang kode berikut di akhir postingan anda

</span>


Nah Langkah lain agar setiap kita posting didalam isi postingan sudah tersedia kode seperti diatas maka langkahnya:
Pilih menu Setting lalu pilih Formatting
Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

Oke semoga bermanfaat.

Thursday, August 13, 2009

Membuat Teks Berjalan Di Menu Bar

August 13, 2009 11
Membuat Teks Berjalan Di Menu Bar
Selain membuat teks berjalan di Blog. Kita juga bisa membuat teks berjalan di Menu Bar. Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:

1. Login ke blogger
2. Pada menu Layout -> Edit HTML
3. Letakkan kode dibawah ini diatas kode -> /head>


&lt;script type='text/javascript'&gt;
//&lt;![CDATA[

msg = &quot; -- La Tahzan &quot;;
msg = &quot; | Jangan Bersedih, Hanya Ingin Berbagi -- &quot; + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos &gt; msg.length) pos = 0
window.setTimeout(&quot;scrollMSG()&quot;,200);
}
scrollMSG();
//]]&gt;
&lt;/script&gt;


Ganti teks bercetak tebal dengan teks yang ingin anda tampilkan.
Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu

4. Jika sudah, klik Save Template. Selesai

Jika berhasil anda akan melihat teksnya berjalan di menu bar anda.

Membuat Cursor Bertabur Bintang - Bintang

August 13, 2009 11
Membuat Cursor Bertabur Bintang - Bintang
Cursor bertabur bintang...? Maksudnya kursor pada blog anda akan mengeluarkan bintang-bintang dan lebih asik lagi apabila kursor bergerak maka bintangnya akan bertaburan. Terdapat 4 piliha warna bintang (biru, merah, hijau, putih dan ungu, pilihlah salah satu warna yang paling cocok dengan blog anda.
Ini caranya memasukan kedalam blog anda.

1. Sign ke Blogger.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman.
4. Pilih HTML JavaScript. (klik tanda +)
5. Copy salah satu kode dibawah ini kemudian paste kedalam kotak HTML JavaScript.
6. Klik tombol Simpan.

* Bintang warna Biru :
<script src="http://www.geocities.com/adestd40/bintangbiru.js" type="text/javascript"></script>

* Bintang Warna Putih
<script src="http://www.geocities.com/adestd40/bintangputih.js" type="text/javascript"></script>

* Bintang Warna Merah
<script src="http://www.geocities.com/adestd40/bintangmerah.js" type="text/javascript"></script>

* Bintang Warna Ungu
<script src="http://www.geocities.com/adestd40/bintangungu.js" type="text/javascript"></script>

* Bintang Warna Hijau
<script src="http://www.geocities.com/adestd40/bintanghijau.js" type="text/javascript"></script>

Mudah bukan....Silahkan anda coba...!!

Sumber: echabintangtimur.blogspot.com