CARA MERUBAH TAMPILAN JUDUL SIDEBAR

Hai Sobat sekalian kita berjumpa kembali dengan saya disini untuk mengupas beberapa hal untuk anda semua khususnya yang punya blog atau sejenisnya yang senang dengan utak atik tempale blog hati-hati ada rusak tau lho tanggung sendiri. pada kesempatan kali ini saya membahas mengenai Sidebar yaitu mengubah tampilan sidebar.

Untuk mengubah tampilan judul sidebar ini sebenarnya cukup mudah, kamu hanya tinggal menambahkan sedikit perintah saja pada CSS-nya. Hanya saja dalam mencari kode CSS judul sidebar ini diperlukan ketelitian karena tidak semua template menggunakan kode yang sama. Namun yang pasti, kata sidebar selalu sama untuk semua template

Dibawah ini beberapa code CSS yang akan merubah tampilan sidebar blog anda berikut inilah codenya silakan copy pada blog anda

Carilah kode CSS berikut (gunakan Control F atau F3): ketik sidebar h2

Membuat Judul Sidebar Berada Di Tengah

Jika kode tersebut sudah kamu temukan, dan kamu ingin menempatkan judul sidebar berada di tengah-tengah, tambahkan perintah text-align:center kedalamnya.

Contohnya seperti ini:

.sidebar h2 { text-align:center;

atau disusun ke bawah, seperti ini:

.sidebar h2 {
text-align:center;

Membuat Judul Sidebar Berefek Bayangan

Tentu kamu masih ingat cara memberikan efek bayangan pada teks. Nah, untuk membuat judul sidebar supaya ada efek bayangannya kamu tinggal menambahkan perintah text-shadow.

Contohnya seperti ini:

.sidebar h2 {
text-shadow:2px 2px 2px #777777;

Membuat Judul Sidebar Berkedip Contoh Sidebar berkedip Klik

Jika kamu ingin membuat judul sidebar ini berkedip-kedip, kamu tinggal menambahkan perintah text-decoration:blink.

Contohnya seperti ini:

.sidebar h2 {
text-decoration:blink;

Mengubah Jenis, Ukuran, dan Warna Teks

Jika kamu ingin mengubah jenis, ukuran, dan warna teks judul sidebar, kamu tinggal mengubah perintah-perintah berikut:

font: jenis huruf; Misalnya: Arial
font-size: ukuranpx; Misalnya: 14px
color: #kode warna; Misalnya: #BCBEB0

Bagai mana bisakan selamat mencoba semuga berhasil jangan lupa komentarnya ya
Pengantar artikel sebagian dirubah dari aslinya tapi code CSS 100 % asli.Didapat dari : Teman
....

MEMBUAT TUKER LINK AUTOMATIS

Kita berjumpa kembali dengan saya disini apa khabar semuanya nih sehat2 aja kali seperti kita disini pada sehat aja kali ini saya akan membahas satu artikel yang tentunya baik untuk kita ikuti.
seperti pada judulnya tertulis automatis berarti kita tidak berperan 100% lagi beda dengan manual 100% kita berperan copy situ kemudian paste sini repot sekali, baik tak perlu panjang2 langsung saja anda tuju di link web penyedianya klik disini setelah anda masuk pada halaman pendaftaran silakan isi pada kolom yang tersedia ada 7 kolom yang harus di isi. Apabila berhasil mendaftar kemudian lakukan login mengunakan user id/name dan password pada waktu pendaftaran (harus anda ingat jangan sampai lupa) setelah itu kilk wizard.
anda dibawa pada halaman utama jangan bengung dulu akan saya temani anda sampai selesai terus kita pilih server Blogger centeng pada lingkaran kecilnya lalu pilih lagi yang berada dibawahnya centeng lingkaran yang berada dibawah tulisan Original Auto-Linkies setelah itu pilih salah satu saja pada kolom yang bertuliskan select kalau saya pilih Blog podder tapi terserah anda, kemudian terakhir klik generate code maka akan timbul code script yang kita inginkan copy dan bawa ke blog anda dengan login dulu tuju Tata letak klik Tambah Gatged pilih HTML/javascript kemudian Paste Code script yang anda copy tadi simpan dan selesai.
Demikian mudah-mudahan anda mengerti penjelasan ini maklum saya bukan guru selamat mencoba sampai jumpa lagi pada lain kesempatan Wassalam . . .

Membuat Daftar Isi Automatic pada Sidebar Berjalan

Kita Berjumpa kembali para pengunjung Setus ini mudah-mudah anda semuanya tidak bosan-bosannya berkunjung ketempat ini untuk mencari sekedar postingan terbaru di Blog ini, untuk memberikan yang terbaik kepada pengunjung kali ini akan saya pilihkan satu postingan yang berjudul "Membuat Daftar Isi Automatik pada Sidebar" ada bermacam jenis Daftar isi yang ada pada google yang dibuat oleh teman-teman kita seperti diantaranya menampilkan keseluruhan isi posingan, sebagian postingan dan atau judulnya saja kemudian ditampilkan pada halaman postingan.
Kali ini saya akan memberikan kepada anda semuanya lain dari yang lain kali ini tampilnya pada Sidebar jadi kita bisa melihat keduanya artikel di halaman postingan dan Daftar isi di Sidebar, ada 2 jenis yang akan saya tampilkan disini efek Marquee dan efek Scro.
Cara memasang Code Script tidak akan mengacak-acak HTML Blog anda cukup dengan mengkilk Tata Letak kemudian Tambah Gadgit kilk HTML/Java Script lalu Paste Codenya dan inilah Codenya :

Dengan Efek Scrol

<style></style>
<div style="margin: 0px; padding: 0px; overflow: auto; width: 400px; height: 200px; background-color: rgb(128, 0, 0);">
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 150;var showpostdate = false;var showpostsummary = false;var numchars = 150;var standardstyling = true;</script><script src="http://www.bagi-seiparing.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></div>

Dengan Efek Marquee

<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br/><br/><script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://www.seiparing.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br/><br/></marquee>

Simpan dan lihat hasilnya

Mohon bagi anda yang copy paste berikan komentar anda tentang hal ini

ANEKA MACAM JAM UNTUK BLOG

Kita berjumpa kembali pada kesempatan kali ini aku akan membawakan sebuah artikel ringan namun bermanfaat bagi kita ada 24 macam kategori bentuk jam dari kategori musik sampai kategori Seks ada disini silakan pilih sesuaikan dengan judul blog anda kali ini aku tidak memberikan code script tapi link yang menyediakan aneka jam tersebut anda ambil codenya tanpa harus daftar atau regester terlebih dulu pasang code tersebut pada sidebar blog anda inilah linknya

Cara Membuat Labels Berjalan

Mat jumpa kembali dengan kita disini saya akan memberikan sebuah artikel untuk anda semua yang ingin Labels anda berjalan tapi bukan labels saja yang dibuat berjalan tapi yang lainnya juga bisa bagaimana caranya

klik Edit HTML.

Klik Expand Template Widget

Kemudian anda cari yang bertuliskan Labels apabila anda menuliskan labels pada sidebar Blog anda atau Kategory atau apalah Dan kode yang berwarna merah adalah kode yang harus disisipkan.

Apabila sudah terlanjur dengan Scrol maka anda hapus code ini <div style='overflow:auto; width:ancho; height:200px;'>

dan ganti dengan Code ini <marquee align='left' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> kalau sudah kemudian cari code ini <b:include name='quickedit'/> hapus salah satu code ini </div> yang berada dibawah code <b:include name='quickedit'/> kemudian ganti dengan Code </marquee>

Selengkapnya inilah Codenya :

<div id='midsidebar-wrapper'>

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

<b:widget id='Label1' 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'>

<marquee align='left' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'>

<data:label.name/>

</span>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

<data:label.name/>

</a>

</b:if>

<span dir='ltr'>(<data:label.count/>)</span>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</marquee>

</div>

Selamat mencoba lihat contoh salah satu Blog saya Kilik disini

Cara Membuat Headline Post

Hello sobat semua kita bertemu kembali bersama saya disini di Kadangan Kalimantan Selatan berikut ini akan berikan satu ilmu kepada anda semua hasil dari Blogwalking yang menurut saya sangat bagus kita letakkan di Blog kita seperti terlihat bagian bawah Blog saya ini beberapa judul postingan berjalan dengan linknya sendiri kalau kita kilk akan tampil postingan secara utuh dan saya beri nama Headline Post tapi judul aslinya adalah Headline news karena Blog saya ini bukan berita namun mengetengahkan berbagai Postingan Code script lebih baiknya saya beri nama Headline Post berfungsi untuk menampilkan judul serta link artikel-artikel terbaru maupun artikel lawas blog kita.

untuk membuat nya sangatlah mudah cukup copas kode dibawah ini ke dalam elemen widget Blog anda yang baru dan Letakkan widget terserah kita dimana saja inilah caranya :
1. Login ke Blogger
2. Pilih Edit Tata Letak
3. Pilih Tambah Widget
4. Pilih HTML/Javascrtpt
5. Copy Kode di bawah ini :

<script type="text/javascript">

var hn_url_blog = "http://www.seiparing.co.cc";

var hn_jumlah_post = 15;

var hn_warna_latar = "#333333";

var hn_warna_garis = "#000000";

var hn_posisi = "bottom";

var hn_tampilkan_judul = true;

var hn_backlink = true;

</script>

<script src="http://recent.googlecode.com/files/headlinenews.txt">

</script>

Keterangan :
1. Warna merah di atas ganti dengan alamat blog anda
2. Warna hijau di atas adalah warna latar
3. Wana Coklat adalah untuk warna garis border
4. Warna Hitam di atas adalah untuk posisi widget, bottom = bawah, top=atas

5. 15 adalah jumlah judul artikel postingan bisa diganti sesuai selera

Selamat mencoba mudah2an berhasil, keberhasilan anda merupakan kebahagian saya

Cara Pasang Snap Shots di Blogger

Para Blogger sekalian apa itu Snap Shot? Bagi para pengguna blog ber-platform Wordpress tentu akan sering menemuinya, karena itu adalah salah satu fitur blog yang disediakan Wordpress. Kembali ke pertanyaan tadi, Snap Shots adalah semacam screen shoot suatu Website ketika kursor mouse diarahka pada suatu link (kira-kira seperti itulah jawabannya). Blogger/blogspot memang tidak memiliki fasilitas ini, namun kita bisa membuatnya sendiri. mari kita simak langkah-langkah pembuatannya

1. Loginlah ke Blogger anda, kemudian Buka URL berikuthttp://account.snap.com/signup.php

2. Pada bagian itu kita bisa melakukan pengaturan untuk snap shots, mulai dari tema (theme), logo, dan bahasa (language) yang akan digunakan. Jika anda tidak ingin mengaturnya klik Skip.

3. Lalu akan tampil account Info. Isilah data yang ada secara lengkap, dan jangan lupa beri tanda checklist pada opsi I agree to Terms & Condition Above.

4. Klik Continue

5. Setelah Tampil Halaman Instal Snap Shots on Blogger, klik tombol INSTALL NOW

6. Lalu akan tampil halaman Add Page Element. Anda klik pada ADD WIDGET, maka secara otomatis page elements Anda akan bertambah

Sekarang cobalah akses blogspot anda, dan arahkan kursor pada suatu link, jika muncul screen shoot maka pengaturan anda berhasil. info ini didapat dari blogwalking ke sobat blogger karena saya agak malas membuat artikel saya copas saja keseluruhan dengan sedikit ada perubahan kata pengantarnya harap maklum inilah link teman yang memberi info

Supaya Judul Postingan Teridex Oleh Google

Pada Blogger.com secara otomatis Title Blog yang lebih dahulu terindex Google, bukan Judul Postingan. Supaya lebih SEO friendly, lebih baik Judul Postingan yang terindex Google. Karena, bayangkan seakan anda seorang netter yang sedang mencari informasi pada search engine Google, tentu yang diharapkan Judul Postingan anda tercantum dalam hasil pencarian bukan. Supaya Judul Postingan terindex Google, ada langkah sederhana yang dapat anda lakukan.

1. Masuk Tataletak

2. Edit HTML

3. Cari kode berikut :

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

4. Ganti kode diatas dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> - <data:blog.title/></title></b:if>

8. Save template

Pada saat berada di halaman utama title yang tertera Title Blog, namun bila masuk ke tiap postingan maka title yang tertera adalah Judul Postingan. Apabila belum bisa aktif, bagi yang sudah memasang Meta Tag, letakkan kode diatas tepat dibawah kode : <head>

Info ini didapat dari Sahabat Dunia Maya : Klik disini

Link Ditunjuk Membesar dan Berpijar

Mat malam Sobat Blogger kita berjumpa kembali dengan saya disini untuk memberikan sesuatu yang manis, manis kalau kita praktikan dan berhasil nah inilah caranya :

1.login dahulu ke blogger anda
2.buka tata letak
3.edit html
4.expand template widget
cari aja kode yang ini


/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {


kemudian tambahkan kode ini

color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

sehingga menjadi seperti ini

/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

Kalau tidak mau silakan ganti code punya kamu dengan yang diatas berwana biru copy dan paste, seperti punya blog saya, saya ganti codenya alhamdullih mau berubah

sebelum anda simpan sebaiknya anda pratinjau kalau tdak error silakan disimpan
selamat mencoba semoga bermanfaat

Code boleh sama tapi kata pengantar jangan donk kita pikir sendiri

Info ini didapat saat Blogwalking dari si Cantik Codenya sama namun Judul kata pengantarnya serta saran yang saya rubah karena tidak pas buat blog saya untuk di praktikan Makasih ya Cantik ini link sicantik

Pasang Widget Top Artikel

Top Post Artikel adalah suatu Statistik yang menunjukan seberapa popular artikel yang anda buat atau publikasikan. Widget ini akan menampilkan posting-posting atau artikel-artikel yang memiliki komentar terbanyak. Kadang saat ada pengunjung ke blog kita (tepatnya kesasar dibawa mesin pencari) mereka ada yang bingung harus baca apa? dengan adanya daftar top artikel di sidebar, maka mereka jadi punya pilihan to? setidaknya mereka akan tertarik.secara default wordpress sudah memilikinya tapi blogger belum

Letakkan Code dibawah ini pada HTML/Java script pada Blog anda kemudian Paste dan Simpan

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1db0519c1a1484330328c8c455a513c7&url=http%3A%2F%2Fseiparing.blogspot.com&num=10" type="text/javascript"></script>
<span style="gt;Mau Pasang <a href="http://www.ateonsoft.com/2008/10/pasang-widget-top-artikel.html">Widget Ini </a></span>

Keterangan:
seiparing.blogspot.com : Ganti dengan nama blog sendiri.
num=10 : Jumlah maksimal Top Post yang ingin ditampilkan
Untuk mnghilangkan nomor urut:
Pada tampilan awal akan tampil urutan jumlah top post, jika rekan tidak menginginkannya tinggal hapus aja ke dua kode dibawah ini
document.write('

'); dan document.write("

"); pada kode diatas

Cara Membuat Recent Post dengan Thumbnails untuk Blogger

Cara membuatnya adalah sebagai berikut.
1.Login Pada blogger.
2.Klik Layout pada Dashboard anda.
3.Klik Add a Gadget lalu pilih HTML/Javascript.
4.Masukkan kode script dibawah ini dan Save.
Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://seiparing.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Hal yang perlu diubah adalah:
boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fntsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://seiparing.blogspot.com/ (Ganti dengan URL blog anda)
Catatan :
Untuk membuat emage silakan upload photo anda yang akan ditampilkan pada Recent Post di photobucket.com kemudian copy codenya

Selesai silakan dicoba