MEMBUAT HEADLINE DENGAN SLIDESHOW

Hai Sobat semua kita berjumpa kembali dengan saya disini, adapun maksud perjumpaan kali ini adalah untuk memberikan ilmu hasil dari blogwalking ke penjuru google dan alhamdullih saya membawa beberapa bingkisan pemberian dari sahabat-sahabat baik kita dan tentunya tidak semua penduduk google yang baik hati ada juga segelintiran manusia yang pada pelit diproteksi halaman blognya supaya tidak di Copy Paste pengunjung tapi mungkin ada alasan -alasan tertentu bagi dia, kita sendiri tidak manyalahkannya mau di proteksi silahkan itu hak dia, baik kita tidak perlu mempersoalkannya yang penting postingan kita jalan terus nah ini code script hasil Blogwalking . . . satu saja dulu ya kita tampilkan ntar saya kasih lagi.

Cara pasangnya seperti biasa kita masuk ke Edit HTML dan sebaiknya kita download template lengkap untuk jaga-jaga selanjutnya mari kita ikuti langkah-langkah berikut ini :
1. Login terlebih dahulu ke Blogger
2. Masuk ke bagian Tata Letak/Layout
3. Pilih Tab menu Edit HTML
4. Centang tulisan Expand Widget Template
5. Cari code ini ]]></b:skin> untuk memudahkan pencarian tekan Ctrl+F
6. Copy Paste code CSS dibawah ini sebelum code diatas :

#slider {
background:#101010;
height: 153px;
text-align:center;
overflow: hidden;
position: relative;
margin: -5px 0px;
}

#mover {
width: 600;
position:absolute;
overflow:hidden;
}

.slide {
padding: 15px 0px;
width: 1000px;
float: left;
position: relative;
height:130px;
}

.slide h2 {
font-family:Georgia, Helvetica, Sans-Serif;
font-size: 18px;
font-weight:bold;
text-align:left;
color: #FFFF00;
padding:0px 0px 0px 0px;
margin:0px 0px;
width:440px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#E1771E;
background-color: transparent;
}

.slide h2 a:hover {
color: #ff0000;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 200px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #FFFFFF;
font-size: 12px;
text-align:left;
font-family: Georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 440px;
padding:0px 0px 0px 0px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 225px;
background:;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 1000px;
right: -125px;
color: #FF0000;
padding: 3px 8px;
font-size: 14px;
font-weight:bold;
text-transform: uppercase;
z-index: 1000;
}

7. Langkah selanjutnya cari code ini </head>
8. Copy Paste code berikut sebelum code </head>

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type='text/javascript'><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

9. Simpan hasil kerja anda untuk melanjutkan langkah berikutnya
10. Langkah selanjutnya klik tab menu Elemen Laman
11. Buat klik Add a Gadget, pilih HTML/Javascript
12. Paste code dibawah ini didalamnya

<!-- Casing -->
<div id="casing">
<!-- Slider -->
<div id="slider">
<div id="mover">
<div class="slide">
<h2><a href="http://www.seiparing.co.cc/">JUDUL SLIDE 1</a></h2>
<p>iaisrtikel slide 1</p>
<img src="LINK GAMBARR"/>
</div>
<div class="slide">
<h2><a href="http://www.seiparing.co.cc/">JUDUL SLIDE 2</a></h2>
<p>isi artikel slide 2</p>
<img src=""/>
</div>
<div class="slide">
<h2><a href="www.seiparing.co.cc/">JUDUL SLIDE 3</a></h2>
<p>isi artikel slide 3</p>
<img src=""/>
</div>
</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
<div class="clear"/></div></div>

13. Ganti tulisan http://www.seiparing.co.cc dengan link posting blog anda.
14. Ganti tulisan berwarna merah dengan Judul Slide anda
15. Ganti tulisan berwarna biru dengan isi artikel slide anda
16. Ganti tulisa LINK GAMBAR dengan link image yang sudah di upload. misal di Photobucket.com dan ambil linknya.
Selesai silahkan anda setting sendiri sesuaikan dengan blog anda.
Catatan Code ini sudah saya coba dengan hasil bagus dan memuaskan mau liha nih hasilnya klik disini

MENGHILANGKAN NOMOR PADA LABER BLOG

Cara menghilangkan nomor pada label langsung aja :
1.Login pada Blogger.
2.Klik Layout pada Dashboard menu.
3.Klik Edit HTML.
4.Jangan lupa centang Expand Widget Template.
5.Carilah kode berikut :

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

6. Hapus Code diatas yang berwarna merah kemudian simpan dan lihat hasilnya angka pada label tidak ada lagi

MEMBUAT BUKU TAMU UNIK

KIta berjumpa kembali untuk anda masih mengenai pendeteksi disini ada beberapa WIDGETS yang tersedia silakan pilih kesemuanya pendekteksi pengunjung tapi akan saya pokuskan dengan pembuatan BUKU TAMU yang unik kita bisa mendelite nama pengunjung kalau SARA atau sejenisnya, di Indonesia khususnya jarang dipakai karena banyak yang tidak tahu tentang buku tamu ini tapi Blog Luar Negeri banyak yang pakai disitu kita bisa tahu tamu dari Negara mana yang ngisi di BUKU TAMU tersebut karena ada bendera Negara yang mengunjungi. Kalau anda berminat nanti pilih BUKU TAMU tersebut dengan mengklik Neo Board sebelumnya silakan register

Klik Banner dibawah ini

Register Already member? Thank you for your interest in our widgets! Please sign up with NeoWORX and start using your widgets immediately! Name: E-mail: Password: Private or for adults (your blog/website will not be visible on www.neoworx.net) I agree to the Terms of Service

isi semua kolom yang ada kemudian klik rigister jangan lupa e-mail dan Password yang anda masukkan tadi karena waktu logen anda harus mamasukan alamat e-mail dan password tersebut.

Demikian ilmu yang saya berikan mudah-mudahan dipergunakan dengan sebaik-baiknya Salam

CONTOH : Warna dasar bisa disesuaikan dengan Blog anda Klik

DETEKSI PENGUNJUNG BLOG

Hallo Sobat pengunjung blog ini semuanya kita bertemu kembali dengan saya sebagai pemilik blog ini mengucapkan salam sejahtera ke pada kalian semua dan sukses selalu itulah yang kita harapkan. Kali ini saya akam membahas mengenai Deteksi Pengujung Blog sepertinya Sebagian blog yang ada di jagat alam maya ini banyak yang mempergunakan ini tapi tidak salahnya saya membahas mengenai hal ini karena banyak sekali yang bermunculan blog-blog pemula bagaikan jamur dimusim hujan yang belum tahu tentang hal ini.
Sobat Blogger sekalian kalau anda memiliki beberapa buah blog saya sarankan untuk memasang code script yang akan saya berikan nanti ke semua blog anda karena seru dih kita bisa melihat blog yang dikunjungi pengunjug dan tingkah laku pengunjung klik situ klik sini kita bisa tahu dimana dia berada caranya anda klik link yang warna merah disamping kanan atau kiri Halaman Blog setelah anda memasang code script pendetiksi pengunjung maka akan muncul seperti ini Klik.

Kayanya pendeteksi pengunjung ini bukan hanya mengetahui jumlah pengunjung saja yang online di blog kita tapi kalau kita tahu dan sering mengutak atik maka kita dibawa kehalaman sebuah peta dunia dimana kalau yang online salah satu negara keblog kita maka akan terlihat di peta tersebut dengan tanda bintang berkedip di negara yang online di blog kita, begitu juga di Indonesia akan terlihat bintang berkedip diatas kota Propinsi coba kita lihat peta tersebut linknya aku sering sekali mengamati sobat blogger yang berkunjung ke blog aku karena kita tahu asal dari mana dia caranya adalah klik link yang warna merah disamping kanan atau kiri halaman Blog setelah anda memasang code script pendeteksi pengunjung maka akan muncul seperti ini Klik. setelah masuk halaman tersebut cari peta dunia pada kanan bawah kemudian klik yang berwarna cokelat pada peta maka akan terbuka peta dunia dan diatasnya ada bintang-bintang yang gunanya bintang tersebut kalau ada pengunjung ke blog kita maka akan berkedip hingga dia lari dari blog kita seperti contoh berikut ini Klik.
dan inilah Code Scriptnya Cara pasangnya Klik Tata Letak kemudian Tambah Gadget klik HTML/jave script copy code dibawah ini lalu paste simpan selesai

<script src="http://widgets.amung.us/tab.js" type="text/javascript"></script><script type="text/avascript">WAU_tab('beq341kc8ksw', 'left-middle')</script><script src="http://widgets.amung.us/tab.js" type="text/javascript"></script><script type="text/javascript">WAU_tab('beq341kc8ksw', 'left-middle')</script>

Selamat mencoba kalau tidak jelas cara pasangnya silakan tulis komentar ada dibawah ini

MEMBUAT BUKU TAMU VERSI Get a cbox.

Hai Sobat kita bertemu kembali dengan saya disini yang sehari2nya kerjaan internit saja, kali ini saya akan berbagi kepada sobat semua khususnya para blogger pemula tentang pembuatan sebuah "BUKU TAMU" atau sering disebut Guest book tau artinya apa ya maklum tak pernah memakan kursi sekolahan , kita di Indonesia yang sering kita pakai saat ini adalah : Get a cbox. Pembuatan Buku Tamu ini hanya sekedar permintaan sobat Blogger Putri yang meminta dikirimi Code script guest book lewat e-mail, tapi setelah saya pikir2 itu tidak mungkin karena waktu kita mendaftar harus URL yang bersangkutan. Baik sobat sekalian mari kita mulai pembuatan BUKU TAMU versi Get a cbox. kita harus logen

disini setelah kita masuk disitu kita disuruh mengisi beberapa kolom ada 7 kolom diantaranya.

Cbox name:	.cbox.ws
Email address:
Password:	(hints)
Confirm Password:
Website:
Language:	AfrikaansAlbanianArabicBulgarianByelorussianChinese (simp.)Chinese (trad.)CatalanCroatianCzechDanishDutchEnglishEstonianFinnishFrenchGermanGreekHebrewHindiHungarianIcelandicItalianJapaneseKoreanLaoLatvianLithuanianMacedonianMalayNorwegianPolishPortuguesePortuguese (Brazil)RomanianRussianSerbianSlovakSlovenianSpanishSwedishThaiTurkishUkrainianYiddish
Style:	Classic Blue Classic Red Classic Yellow Classic Light Classic Dark Fiery High Contrast Moss Slate Aquatic Transparent Modern Blue

I have read and do agree to the Cbox terms and conditions of service.

Nah mungking seperti ini kolomnya yang harus kita isi cukup simpel tapi perlu diingat untuk pengisian Cbox name jangan pakai spasi, setelah selesai mengisi beberapa kolom tadi beri centing dalam kotak I have read and do agree to the Cbox kemudian klik Create my cbox kalau anda salah atau cbox name sudah ada yang punya akan bertuliskan That username is already in use - please choose another berwarna merah kemudian ganti user namenya.
Langkah berikutnya : kita logen dengan mengunakan username sewaktu kita regester tadi dan password kemudian tekan tanda panah terus kita dibawa kehalaman setting pilih look & feel disitu ada 4 buah menu kita pilih coulors & fonts kemudian kita masuk halaman setting warna dan font silakan pilih warna sesuai dengan warna blog anda inilah kira-kira halamanyaColours & Fonts

Welcome back, study_pendidikan Log out

support upgrade features products home

Home Publish! Look & Feel Options Users & Access Messages

Colours & Fonts

Border*:	#
Link (active):	#
Link (normal):	#

Post frame
Main BG:	#		Alt. BG:	#
Main text:	#		Alt. text:	#
Main date:	#		Alt. date:	#
Form frame
Field BGs:	#		Field text:	#
Button BG:	#		Button text:	#
Form BG:	#		Field borders:	#
Scrollbar (IE only)
Scroll BG:	#		Arrow:	#
Track BG:	#		Border:	#
Name colours (Premium only)
Normal:	#		Registered:	#
Moderator:	#		Admin:	#
Fonts
Font: Main*: pt Date*: pt Form*: pt

Note: changing options marked with an asterisk (*) will cause your Cbox HTML code to change.

Setelah selesai memilih warna dan font klik Apply tunggu sebentar kemudian terakhir kita masuk ke pengambilan code script pilih menu diatas Publish yang seperti warna merah tekan tunggu sebentar kita dibawa kehalaman code script copy dan pasta dan letakan pada kolom sidebar atau kalau ingin BUKU TAMU menghilang caranya klik disini

Cara meletakkan buku tamu disedebar :
Logen dulu
pilih Tata letak
klik Tambah Gadget
klik HTML java script kemudian paste code yang anda copy tadi simpan selesai jadilah BUKU TAMU mudah-mudahan bermanfaat terima kasih Salam

Dasar Postingan/Sidebar Ganti Warna Saat Cursor Didekatkan

Satu Lagi yang unik sebuah Code script Mampu merubah warna dasar postingan anda disaat cursor komputer didekatkan ke dasar postingan cara gimana inilah caranya :

• Seperti biasa, masuk ke Blogger, Tata Letak Edit HTML.
• Back up dulu templatenya jika takut gagal.
• Cari kode untuk Main Widget atau #main-wrapper {
  Untuk Dasar Postingan
  .main .widget{
background:#3D81EE;
border-bottom:0px solid $bordercolor;
margin:0 0 1.0em;
padding:0 0 1.5em;
}

atau kalau tidak ada
#main-wrapper {
width: 555px;
float: $startSide;
margin-right: ;
border:;
background:;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


• Tambahkan kode dibawah ini tepat dibawah kode diatas
  .main .widget:hover {
background:#66B5FF;
}

Untuk Dasar Sidebar
Cari Code dibawah ini

#sidebar-wrapper {
width: 200px;
margin-right: 10px;
margin-top: 0px;
padding-left: 0px;
border:;
float: left;
background:;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

kemudian paste code dibawah ini tepat dibawah Code di atas
.sidebar .widget:hover {
background:#FFF8DC;
}


• Klik tombol Simpan Template.
• Lihat Blog anda sekarang.

Warna merah dapat diganti dengan warna apa saja sesuai selera anda, ingat bukan mengganti gambar diatas ini hanyalah untuk cuci mata aja
Contoh : blog dasarnya beralih warna saat cursor didekatkan Klik disini