Viperz Clubs: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Mempercantik LabelCould anda Dengan CSS

Diposting oleh nyit nyit corps di 11.35

0 komentar

Tapi ingat! sebelum sahabat blogger memasang tampilan ini, gunakan opsi pada widget label menjadi seperti ini.

Jika semuanya sudah siap, silahkan ikuti langkah-langkah dibawah ini.

1. Pastikan sahabat sudah login ke akun Blogger.

2. Masuk ke halaman "Template" dan klik "Edit HTML"

3. Cari kode ]]></b:skin> (gunkan Ctrl+F untuk mempermudah)

4. Salinlah kode/script dibawah ini dan letakan tepat diatas kode ]]></b:skin>

.label-size{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #4F4F4F;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#FF4F4F}
.label-size:hover {border:1px solid #6BB5FF;text-decoration: none;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-webkit-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 1}
.label-size a {text-transform: uppercase;float:left;text-decoration: none}
.label-size a:hover {text-decoration: none}

5. Save Template. Done!

Label: Tutorial Blog Baca selengkapnya »

Membuat Navigasi Nomer Halaman Blog untuk Blogger

Diposting oleh nyit nyit corps di 13.59

0 komentar

Lihat juga contohnya pada blog Template Blogger, nah kalau yang ini beda lagi desainnya hehe. Buat anda yang sudah bisa edit css, bisa langsung edit sendiri tampilannya. Tapi tanpa di edit sudah bagus kok, terlihat lebih profesional dari pada tampilan "Older Post" atau "Posting Sebelumnya" dll. Bagaimana cara membuat navigasi nomer halaman blog di blogger? yoi lanjut baca tutorialnya di bawah ini.

Cara Membuat Navigasi Nomer Halaman Blogger

Login ke blog anda kemudian menuju halaman Design dan Edit HTML, jangan lupa di back up dulu templatenya untuk keamanan soalnya akhir akhir ini sering error blogger.
Cari kode ]]></b:skin> lalu paste Css di bawah ini tepat di atas kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Langkah selanjutnya anda cari kode </body> , kalau sudah ketemu paste kode berikut ini tepat di atas kode </body>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>

Simpan template dan lihat hasilnya :).

Label: Tutorial Blog Baca selengkapnya »

Cara Membuat Translator Bendera di Blog

Diposting oleh nyit nyit corps di 00.46

0 komentar

Cara Membuat Translator Bendera Di Blog

Apakah blog Anda sudah mulai banyak pengunjung, khususnya pengunjung luar negeri? Mungkin Cara Membuat Translator Bendera Di Blog merupakan salah satu sarana penunjang blog yang dapat memberikan kemudahan bagi penunjung luar negeri untuk dapat membaca konten blog kita.

Cara Membuat Translator Bendera Di Blog yang saya share kali ini memuat 12 bendera negara, diantaranya English, French, German, Spain, Italian, Dutch, Russian, Portuguese, Japanese, Korean, Arabic, dan Chinese. Gambar bendera yang ditampilkan mempunyai efek bayangan di bawahnya sehingga menambah elegan gambar benderanya.

Cara Membuat Translator Bendera Di Blog cukup mudah, tinggal tambahkan kode di bawah ini ke gadget HTML/JavaScript sidebar blog Anda.

Kemudian save gadget HTML/JavaScript, dan lihat hasilnya. Silahkan atur penataannya agar sesuai dan serasi dengan blog Anda sehingga selain memberikan fungsi untuk penerjemah, juga dapat menambah keindahan blog.

Label: Tutorial Blog Baca selengkapnya »

Cara Buat IconYahoo! Masanger di Blog

Diposting oleh nyit nyit corps di 00.41

0 komentar

Setelah pada waktu yang lalu saya sharing cara membuat YM Pingbox Chat widget di blog, kini saya akan share cara Membuat Icon Yahoo! Messenger Di Blog.

Membuat Icon Yahoo! Messenger Di Blog merupakan salah satu sarana yang diberikan oleh author blog untuk pengunjung. Dengan Membuat Icon Yahoo! Messenger Di Blog, pengunjung dapat dengan mudah mengetahui bahwa status YM author blog sedang ON atau OFF. Ketika status YM author sedang On maka pengunjung dapat langsung berchating ria dengan si empunya blog. Caranya cukup mudah, hanya mengkopi kode di bawah ini, kemudian pastekan di gadget HTML sidebar blog Anda.

Silahkan ganti ID YM ANDA dengan id ym Anda (id yahoo tanpa @yahoo.com).

Dan angka 2 merupakan jenis tampilan untuk icon YM, silahkan pilih dan sesuaikan dengan selera Anda, bisa dicoba dari angka 0 sampai dengan angka 24, seperti gambar di bawah ini.

Icon YM: 0	Icon YM: 1	Icon YM: 2
Icon YM: 3	Icon YM: 4	Icon YM: 5
Icon YM: 6	Icon YM: 7	Icon YM: 8
Icon YM: 9	Icon YM: 10	Icon YM: 11
Icon YM: 12	Icon YM: 13	Icon YM: 14
Icon YM: 15	Icon YM: 16	Icon YM: 17
Icon YM: 18	Icon YM: 19	Icon YM: 20
Icon YM: 21	Icon YM: 22	Icon YM: 23
Icon YM: 24

Demikian sharing Membuat Icon Yahoo! Messenger Di Blog kali ini mudah-mudahan bermanfaat.

Label: Tutorial Blog Baca selengkapnya »

Cara Buat Icon Back To Top

Diposting oleh nyit nyit corps di 00.38

0 komentar

Berikut langkah-langkah membuat back to top di blog :

1. Login ke account blogger sobat

2. klik menu Template

3. kemudian pilih Edit Html

4. pilih lanjutkan untuk masuk ke Html

5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang

bertuliskan "expand template widget"

6. kemudian cari kode </b:section> ,agar pencarian lebih mudah sobat tekan

tombol ctrl+f lalu ketik kode tersebut

7. lalu copy kode dibawah ini dan letakan dibawah kode tadi

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='Masukan Url Gambar Disini'/></a>

Ganti Teks Merah 'Masukan Url Gambar Disini' dengan url gambar yang akan
sobat jadikan icon back to top
8. Simpan Template

Jika sobat bingung cari gambar buat dijadikan icon, sobat pilih saja salah satu dari gambar dibawah ini, lalu copy url yang ada disampingnya.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrkd8JMfcD9DUjyfWcdoUyGfEyjQX_fHI1ksNo_LpuSMD80FJhsJdmNc006pZb7mW5-cGvCZRkfbKLpiNWa2ZNFjSlGAEBjTkSY-FQX4qUYxkhC0K41t20v6pm7wVdQLnykUt3r0k4kkk/s1600/Back-to-top1.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGFnSAHe5kTCmOlPUCP5LCD6ivxswHjSkXYPtErpIwcXy3TwJdf98Gpxk2qrcrr7c7BzIi3e5za6-8Jr2Dwp40awh71seZYG56DrxV7MNTGhftWY4_4u3TJfH0gfyRzA3jxcnyzeRUr48/s1600/Back-to-top2.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGpqJtkmV_hxOacpi-5t1TADt0psaGUaA2tOQ9M9x_mPSrx8y_IVQPIz8H_qd5gpNdCjTHEUuyFwmC6kIwJOlrAlOLU_yqP3u3qnODphJdYDN7eKNbeQcCz3qPiPH1fsu2yxNwHxoHwIU/s1600/Back-to-top3.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiymfUX3Gn9rEpg46JYe-0BrmoJT1KrUHfAL44DQsNNJonlziFyZ76jhZky2OJ5BKmXFHMdt352KV2KGaXGcYP2h2k6X_HDFXKx3WlMzhTT7hJe-pNIPoF8xzR6L9XxmLVpgzv1ls31Xd0/s1600/Back-to-top4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8doidx7e3HFnLjODipB9fs8a_Cbqir8PHBUx-UthN3Geh6D7EsB8Ne8HGvEFu9Qjb3h7jbRUmrDL_95hvGmeLAnfVQMQ1_SbgxB0XLmOZrW47-m3iFaaxV5JOHEYhtGt_GQOYtDMWAPc/s1600/Back-to-top5.jpg

Selamat mencoba dan semoga bermanfaat

Label: Tutorial Blog Baca selengkapnya »

ScreenSaver/Saving Energy Sarver untuk Blog Dengan CSS3

Diposting oleh nyit nyit corps di 09.57

0 komentar

Login ke Blog sobat.
Pilih menu design/Rancangan
lalu klik Add gadget
trus pilih HTML/javascript

Sekarang tinggal copy code dibawah ini

Keterangan : Tulisan yang berwarna Hijau ganti dengan kata" sobat.. dan tulisan yang berwarna Merah adalah URL gambar nya. sobat ganti dengan gambar sobat sendiri.

atau gunakan cara ke 2

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode </head>
6. Taruh (copy paste) kode berikut di atasnya

7. Simpan Template jika sudah selesai.

Lalu di save dan lihat hasil nya di blog sobat.. :D

Terima kasih.. :D

Label: Tutorial Blog Baca selengkapnya »

Cara Buat tab Menu/Navbar Menu | Nyit-Blog | Tutorial Blog

Diposting oleh nyit nyit corps di 09.49

0 komentar

Mempunyai tab menu ataupun navbar menu dalam sesebuah blog boleh digunakan oleh pemilik blog untuk meletakkan link yang penting atau link yang ingin diberi perhatian oleh pengunjung blog. Anda boleh lihat contoh tab menu yang ringkas di sini

Tutorial untuk membuat tab menu / navbar menu adalah seperti berikut.

1. Dari dashboard > design > edit html
(backup template untuk langkah berjaga²)

2. Menggunakan fungsi find (ctrl + F), cari kod ]]></b:skin>
2.1 Jika tidak jumpa, cari kod </head>

3. Copy dan paste kod di bawah SEBELUM kod yang anda jumpa di langkah 2 @ 2.1

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}

ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}

Contoh.:

4. Save template anda.

5. Kemudian, kembali ke dashboard, pergi ke design > page element > add a gadget > HTML/javascript

6. Copy dan paste kod di bawah di dalam HTML/javascript kemudian tukarkan 'Link' dengan link yang anda mahu letak di tab menu.
Contoh : <li><a href='http://ohbest.blogspot.com'>Home</a></li>

Selepas selesai masukkan link yang dikehendaki,
save.

<div>
<ul id='list-nav'>
<li><a href='Link'>Home</a></li>
<li><a href='Link'>About Us</a></li>
<li><a href='Link'>Services</a></li>
<li><a href='Link'>Products</a></li>
<li><a href='Link'>Contact</a></li>
</ul>
</div>

7. Drag ke bawah element header, save dan lihat hasilnya.:)

Nota 1: Untuk langkah 3, anda boleh ubah beberapa kod seperti warna background, border, dan radius. Bergantung kepada bagaimana tab menu yang anda mahukan.

Nota 2: Jika anda hendak tambah tab menu, copy paste barisan di langkah 6.

Label: Tutorial Blog Baca selengkapnya »

Energy Server/ Screen Saver Untuk Blog | Nyit Blog | Tutorial Blog

Diposting oleh nyit nyit corps di 09.47

0 komentar

Blog anda boleh diletakkan dalam mode energy saver jika anda mahu. Kalau dunia realiti ada Earth Hour untuk menunjukkan sokongan kepada penjimatan tenaga, blog anda pun boleh.:)

Contoh blog apabila diletakkan energy saver seperti gambar di bawah.

Tutorial untuk letakkan energy saver ini seperti berikut.

1. Dari dashboard > design > edit html.
(backup template untuk langkah berjaga²)

2. Dengan menggunakan fungsi Find (ctrl + F), cari kod </head>

3. Copy kod di bawah dan paste SEBELUM kod </head>

<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

Contoh:

4. Save dan lihat hasilnya.

Nota: Anda perlu biarkan selama 1 minit untuk energy saver memulakan operasi.:)

Label: Tutorial Blog Baca selengkapnya »

Animated Recent Post Versi 2 yang Keren | Nyit Blog | Tutorial Blog

Diposting oleh nyit nyit corps di 09.47

0 komentar

Recent post menunjukkan apakah post terbaru yang baru dihasilkan oleh seseorang blogger untuk blognya. Adanya animated recent post widget, dapat menambahkan lagi 'seri' bagi senarai recent post anda.

Anda boleh lihat demo animated recent post ver2 ini di blog demo ini.

Tutorial untuk membuat animated recent post ini adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://tutorialuntukblog.blogspot.com/2011/07/animated-recent-post-ver2.html" target="_blank">get this widget here</a></small>

3. Save dan lihat hasilnya.

Label: Tutorial Blog Baca selengkapnya »

Shoutbox Keren | Nyit-Blog |Tutorial Blog

Diposting oleh nyit nyit corps di 09.43

0 komentar

Pada kebiasaannya, shoutbox akan berada di sidebar dan akan dapat dilihat terus. Tutorial kali ini akan menunjukkan tutorial untuk sembunyikan shoutbox anda.:)

Antara sebab kenapa disembunyikan shoutbox ini adalah untuk menampakkan page yang lebih kemas dan mungkin juga untuk tampil unik berbanding blog-blog lain.

Tutorial sembunyikan shoutbox seperti di bawah

1. Login akaun blogger anda, dari dashboard > design > page element > add a gadget > HTML/javascript.

2. Copy dan paste kod berikut ke ruangan html/javascript

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

KOD SHOUTBOX DISINI

<div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Nota: Gantikan "KOD SHOUTBOX DISINI" dengan kod shoutbox anda.
(tiada shoutbox.?)

3. Save dan lihat hasilnya.:)

TAMBAHAN.

Secara default, tab shoutbox adalah berwarna hijau, anda boleh menukar mengikut warna yang anda mahu dengan gantikan url yang anda mahu.

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}

Anda copy sahaja mana² url dari tab di bawah ini.
(tidak tahu cara dapatkan url gambar.?)

Label: Tutorial Blog Baca selengkapnya »

Home » Posts filed under Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Sabtu, 03 November 2012

Cara Mempercantik LabelCould anda Dengan CSS

Tapi ingat! sebelum sahabat blogger memasang tampilan ini, gunakan opsi pada widget label menjadi seperti ini.

Jika semuanya sudah siap, silahkan ikuti langkah-langkah dibawah ini.

1. Pastikan sahabat sudah login ke akun Blogger.

2. Masuk ke halaman "Template" dan klik "Edit HTML"

3. Cari kode ]]></b:skin> (gunkan Ctrl+F untuk mempermudah)

4. Salinlah kode/script dibawah ini dan letakan tepat diatas kode ]]></b:skin>

.label-size{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #4F4F4F;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#FF4F4F}
.label-size:hover {border:1px solid #6BB5FF;text-decoration: none;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-webkit-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 1}
.label-size a {text-transform: uppercase;float:left;text-decoration: none}
.label-size a:hover {text-decoration: none}

5. Save Template. Done!

11.35 nyit nyit corps No comments

Membuat Navigasi Nomer Halaman Blog untuk Blogger

Cara Membuat Navigasi Nomer Halaman Blogger

Login ke blog anda kemudian menuju halaman Design dan Edit HTML, jangan lupa di back up dulu templatenya untuk keamanan soalnya akhir akhir ini sering error blogger.
Cari kode ]]></b:skin> lalu paste Css di bawah ini tepat di atas kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Langkah selanjutnya anda cari kode </body> , kalau sudah ketemu paste kode berikut ini tepat di atas kode </body>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>

Simpan template dan lihat hasilnya :).

13.59 nyit nyit corps No comments

Cara Membuat Translator Bendera Di Blog

Cara Membuat Translator Bendera Di Blog cukup mudah, tinggal tambahkan kode di bawah ini ke gadget HTML/JavaScript sidebar blog Anda.

00.46 nyit nyit corps No comments

Setelah pada waktu yang lalu saya sharing cara membuat YM Pingbox Chat widget di blog, kini saya akan share cara Membuat Icon Yahoo! Messenger Di Blog.

Silahkan ganti ID YM ANDA dengan id ym Anda (id yahoo tanpa @yahoo.com).

Dan angka 2 merupakan jenis tampilan untuk icon YM, silahkan pilih dan sesuaikan dengan selera Anda, bisa dicoba dari angka 0 sampai dengan angka 24, seperti gambar di bawah ini.

Icon YM: 0	Icon YM: 1	Icon YM: 2
Icon YM: 3	Icon YM: 4	Icon YM: 5
Icon YM: 6	Icon YM: 7	Icon YM: 8
Icon YM: 9	Icon YM: 10	Icon YM: 11
Icon YM: 12	Icon YM: 13	Icon YM: 14
Icon YM: 15	Icon YM: 16	Icon YM: 17
Icon YM: 18	Icon YM: 19	Icon YM: 20
Icon YM: 21	Icon YM: 22	Icon YM: 23
Icon YM: 24

Demikian sharing Membuat Icon Yahoo! Messenger Di Blog kali ini mudah-mudahan bermanfaat.

00.41 nyit nyit corps No comments

Cara Buat Icon Back To Top

Berikut langkah-langkah membuat back to top di blog :

1. Login ke account blogger sobat

2. klik menu Template

3. kemudian pilih Edit Html

4. pilih lanjutkan untuk masuk ke Html

5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang

bertuliskan "expand template widget"

6. kemudian cari kode </b:section> ,agar pencarian lebih mudah sobat tekan

tombol ctrl+f lalu ketik kode tersebut

7. lalu copy kode dibawah ini dan letakan dibawah kode tadi

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='Masukan Url Gambar Disini'/></a>

Selamat mencoba dan semoga bermanfaat

00.38 nyit nyit corps No comments

ScreenSaver/Saving Energy Sarver untuk Blog Dengan CSS3

Login ke Blog sobat.
Pilih menu design/Rancangan
lalu klik Add gadget
trus pilih HTML/javascript

Sekarang tinggal copy code dibawah ini

Keterangan : Tulisan yang berwarna Hijau ganti dengan kata" sobat.. dan tulisan yang berwarna Merah adalah URL gambar nya. sobat ganti dengan gambar sobat sendiri.

atau gunakan cara ke 2

7. Simpan Template jika sudah selesai.

Lalu di save dan lihat hasil nya di blog sobat.. :D

Terima kasih.. :D

09.57 nyit nyit corps No comments

Viperz Clubs

Pages

My Motto

About Me

Label

Cara Mempercantik LabelCould anda Dengan CSS

Membuat Navigasi Nomer Halaman Blog untuk Blogger

Cara Membuat Navigasi Nomer Halaman Blogger

Cara Membuat Translator Bendera di Blog

Cara Buat IconYahoo! Masanger di Blog

Cara Buat Icon Back To Top

ScreenSaver/Saving Energy Sarver untuk Blog Dengan CSS3

Cara Buat tab Menu/Navbar Menu | Nyit-Blog | Tutorial Blog

Energy Server/ Screen Saver Untuk Blog | Nyit Blog | Tutorial Blog

Animated Recent Post Versi 2 yang Keren | Nyit Blog | Tutorial Blog

Shoutbox Keren | Nyit-Blog |Tutorial Blog

Social Icons

Sample Text

Blog Archive

Featured Posts

Sabtu, 03 November 2012

Cara Mempercantik LabelCould anda Dengan CSS

Kamis, 04 Oktober 2012

Membuat Navigasi Nomer Halaman Blog untuk Blogger

Cara Membuat Navigasi Nomer Halaman Blogger

Cara Membuat Translator Bendera di Blog

Cara Buat IconYahoo! Masanger di Blog

Cara Buat Icon Back To Top

Senin, 10 September 2012

ScreenSaver/Saving Energy Sarver untuk Blog Dengan CSS3

Cara Buat tab Menu/Navbar Menu | Nyit-Blog | Tutorial Blog

Energy Server/ Screen Saver Untuk Blog | Nyit Blog | Tutorial Blog

Animated Recent Post Versi 2 yang Keren | Nyit Blog | Tutorial Blog

Shoutbox Keren | Nyit-Blog |Tutorial Blog

Entri Populer

Label

Arsip Blog

Translate