~ Seto - Pnggabean - Blog ~

Sabtu, 08 September 2012

Cara menambahkan Widget tertentu

Jika blog anda ingin lebih terlihat berwarna / cantik. kalian bisa menambah kan widget-widget tertentu seperti : Jam,Kalender,atau gambar" lainnya..
contoh nya ini kode HTML nya:

<center><embed src=http://www.swfcabin.com/swf-files/1305682786.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=150 height=127 wmode=transparent></embed><noembed><a href=http://zawa.blogsome.com>Zawa Clocks</a></noembed><center></center></center>

&amp;amp;lt;a href=http://zawa.blogsome.com&amp;amp;gt;Zawa Clocks&amp;amp;lt;/a&amp;amp;gt;
kalian bisa juga mencari kode HTML nya di GOOGLE. Langkah selanjut nya jika kalian sudah mendapat kan kode HTML nya : - Pergi ke blogger mu dan pilih Tata Letak - Setelah itu Tambah kan Gadget. ter serah kalian ingin di taruh dimana. - jika sudah, pilih HTML/Java Script. dan paste kan kode HTML di kotak ter sebut dan simpan..
~ SELAMAT MENCOBA ~

»» Read More

Cara memberi read more/ menyingkat isi postingan

Blogmu terlalu panjang? dan bingung cara mempersingkat isi postingan agar mudah untuk lihat tittle.....! aku tau caranya....! mungkin jika blog di'isi dengan postingan yang banyak akan terlihat panjang.... dengan ini gag perlu mempersingkat isi postingan.....! dan isi postingan pun tidak akan terpotong.....! yuk lihat & praktekkan.....!

Pada dasbor blog >> rancangan >> edit HTML >> centang expand widget template
Cari kode </head>
Kemudian kalian copy kode dibawah ini tepat dibawah kode diatas

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Kemudian cari lagi kode <data:post.body/>
Lalu ganti kode diatas dengan kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  Read More</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

NB: Tulisan tebal yang berwarna Merah bisa di ganti dengan kata lain... tapi sebaiknya pakai Read More agar orang dari negara lain bisa membacanya....!
lalu Simpan
Lihat pada blog anda......!

Sekian info dari saya.........! semoga bermanfaat...... jika ada kesalahan / kekurangan saya mohon maaf... saya perlu kritik & saran anda....... makasih sudah berkunjung dan membaca......! jika ada hal perlu di tanyakan, tanyakan saja.........! TAK USAH MALU....... berbagi ilmu tak ada kata malu.......! thannnnksssssss

»» Read More

MemBuat Judul Blog Bergerak

Dalam postingan kali ini saya akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5.Kamu bisa mengganti angka 100 yang berwarna merah tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

6.Kalo udah selesai silakan klik SAVE TEMPLATE

»» Read More

Cara Membuat menu Blog

Pasti Anda Ingin mempercantik Blog anda dengan "menu" iya kan?.
ini saya ada sedikit Tips untuk anda.
Contoh nya lihat Gambar di bawah ini :

pasti anda ingin kan Menu yang seperti itu. OK ga usah basa basi lagi ini dia Langkah-Langkah nya:
1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML lalu Lanjutkan
4. Klik centang pada Expand Template Widget
5. Cari kode ]]></b:skin> (gunakan ctrl+f)
6. Pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:900px;
height:32px;
background:#de360f;
margin: 0 auto;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}

7. Selanjutnya cari kode <div id="content-wrapper">
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>

9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>

Keterangan:

Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
Ganti tulisan berwarna Biru (Edit me) dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.

Sumber : http://blognya-reggy.blogspot.com/2011/11/cara-membuat-menu-bar-pada-blog.html

*Jangn lupa Koment + follow Ya.

»» Read More

Kamis, 06 September 2012

Hanya Sekedar Curhat

"bagai mana perasaan anda masuk sekolah yang baru ?"
klo misalnya denger atau liat pertanyaan kayak gitu.,, banyak jawaban yg terlintas dipikiran kita kan..
klo saya sih "jujur nih" campur aduk perasaan nya apa lagi kalau blom punya temen. haduhh. pasti bingung mau ngapain.. rasanya tuh mau nya pulang cepet. padahal jam nya terasa lama bgt.. dikit" mau kekamar mandi.
*pasti diantara kalian juga pernah merasakan itu jika masuk sekolahan yg baru..

nih liat aja pendapat" orang yang baru masuk sekolahan baru : http://pokemonstars.com/forum/index.php?topic=1942.0

udah liat kan?
saya nge-post cuma iseng" aja ilangin bosen..

Jangan Lupa Follow ya ^_^

»» Read More