Cara Pasang Read More Animasi

20:24 2 Comments

          kali ini,sesuai dengan judulnya,  Ignatius77 Blog akan membahas tentang Bagaimana caranya membuat readmore animasi. saya tulis trik ini karena banyak temen-temen blogger yang menanyakannya lewat komentar. Tak ingin mengecewakan sobat-sobat blogger saya,akhirnya dibuatlah tutorial ini.
Caranya cukup gampang, berikut tutorialnya  

1.Bagi teman-teman yang blognya belum pake readmore,buat readmore dulu disini

2.Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>
Yang sudah pake read more langsung langkah 2 saja.

3.Langkah terakhir dan terpenting adalah Save Template

Kalo sobat belum punya gambar ini aku sediakan:

http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif

http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif





          Sekian tutorial dari Ignatius77 Blog, jika ada pertanyaan bisa melalui kolom komentar dibawah, dan semoga bermanfaat, terimakasih

Membuat Komentar Blog dan Facebook Berdampingan

20:06 1 Comment

           Sebenarnya saya bingung menentukan judul postingan untuk panduan blogger kali ini, namun saya berharap Anda bisa mengerti. Membuat komentar blog dan facebook berdampingan merupakan judul yang saya ambil karena pada realitasnya seperti itu, dimana komentar blog dan komentar facebook saling berdampingan. Dengan demikian pengunjung blog Anda dapat memilih, apakah mereka ingin berkomentar melalui komentar blog atau dengan komentar facebook. Agar mempermudah Anda untuk memahami bagaimana bentuknya saya Akan sertakan screnshotnya seperti yang dapat Anda lihat dibawah ini.


           Saya rasa dengan screnshot diatas Anda sudah paham mengapa judul postingan ini bertemakan membuat komentar blog dan facebook berdampingan. Sebelum kita masuk ke cara pembuatannya, saya ingin sekali menyampaikan kepada Anda bahwa, komentar facebook yang kita pasang di blog menggunakan trik ini, juga secara tidak langsung merupakan sarana promosi blog yang kita miliki. Artinya jika pengunjung menggunakan komentar facebook untuk berkomentar maka secara otomatis ada pemberitahuan di wall sipengunjung tersebut bahwa dia berkomentar di blog Anda. Agar lebih jelas, silahkan Anda berkomentar di blog Super-bee ini dengan menggunakan komentar facebook. Kemudian setelah berkomentar coba Anda lihat diwall facebook Anda, disana akan tertera berupa pemberitahuan bahwa Anda berkomentar di blog Super-Bee ini.

           Sekarang bagaimana, tertarik untuk membuat komentar blog dan facebook ke dalam blog Anda? tentu donk. Jika demikian perhatikan tutorial berikut ini :


1. Login ke account blogger Anda

2. Klik rancangan lalu klik Edit HTML

3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan

4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget

5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)

6. Kalau sudah dapat maka masukkan kode berikut ini di atas kode ]]></b:skin>


.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px;
cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}


7. Kemudian Anda cari kode </head>

8. Jika sudah dapat, masukkan kode berikut ini tepat diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda disini' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

Perhatikan tulisan yang berwarna merah di atas, ganti dengan ID facebook Anda, misalkan https://www.facebook.com/nama Anda maka ID Anda berada pada tulisan yang berwana biru. Namun jika Anda belum merubah ID Anda maka yang tertera adalah berupa angka. Udah ngertikan ? jika sudah maka Akan saya lanjut.

9. Kemudian cari kode  <div class='comments' id='comments'>

Keterangan:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini dibawah kode
<div class='comments' id='comments'> yang pertama dan kedua.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Perhatikan angka yang berwarna merah dan biru diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Anda dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Anda agar kelihatan rapi. Dan perhatikan pula kode yang berwarna merah, jika penempatan kode dibawah <div class='comments' id='comments'> yang kedua terdapat kode yang sama, maka hapus salah satu kode tersebut.

contoh :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Com
ments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<div class='comments comments-page' id='blogger-comments-page'> ( hapus salah satu)


9. Kemudian klik save, dan lihat hasilnya.

Jika semua langkah-langkah membuat komentar blog dan facebook berdampingan ini Anda ikuti dengan benar, maka seharusnya Anda berhasil melakukannya. 

         Dan cukup sekian tutorial yang saya (Ignatius77 Blog) berikan, jika kurang jelas bisa ditanyakan dibagian komentar, semoga bermanfaat dan terimakasih

Cara Membuat Like Box di Blog

17:53 2 Comments
           Setelah beberapa minggu ini vakum dari dunia blog, sekarang Campur-Campur Blog akan membagikan Cara Membuat Like Box di Blogger. Like Box bisa di jadikan sebagai pemercantik blog.

Namun sebelum anda membuat like boxnya anda harus mempunyai halaman fecebookknya dulu,
Kalo anda belum mempunyai halaman facebook KLIK DI SINI


Saya anggap anda sudah punya FP, dan berikut adalah Tutorialnya :

1. Silahkan Anda login ke www.blogger.com

2. Lalu silahkan anda masuk ke Tata Letak---> Tambah Gadget---> Pilih HTML/JavaScript

3.copas kode dibawah ini lalu masukkan ke kolom HTML/JavaScript


<!-- Script kotak like Facebook Melayang -->
<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjROK6cRA_ox18uEPx1ZqA00BQbUHjY-CCVDlpxE1no4EOrwaWmGpumZrWTjEO9Y92-0peOtjya7MlO9yLbNY9Q-UuHFTX68YgjP9FShaAkkbkfpfnR2eBFE8Z2L_lHpZO1GFZmiMnecDOg/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

MASUKKAN HTML/SCRIPT HALAMAN ANDA

 </div>
</center></td>
</tr>
</table>
</div>
<!-- akhir -->


Untuk kalimat yang bewarna merah silahkan anda ganti dengan script halaman blog anda.
untuk mendapatkan scirptnya anda bisa klik di SINI
- lalu pilih Like Box
- masukkan URL halaman blog anda di bawah kalimat facebook page URL
- lalu klik Get Code

4. Lalu Klik Simpan


Sekian tutorial dari Ignatius77 blog dan,
Semoga tutorial di atas bermanfaat, Terimakasih

Cool Emoticon di Kotak Komentar

Cool Emoticon di Kotak Komentar

18:25 Add Comment


           Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?

             Seperti biasanya, di Ignatius77 Blog akan memberikan 1 macam emoticon, yaitu emoticon kucing dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Kucing : 
      
       
Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body> 

Untuk Emoticon Yahoo :
<script src='http://grandisyf.xtgem.com/smiley.js' type='text/javascript'/>

Untuk Emoticon Kucing :
<script src='http://grandisyf.xtgem.com/emokucing-blogtriks.js' type='text/javascript'/>


4. Kemudian cari kode berikut ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> 
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> 
:)] 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> 
;)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;)  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> 
:p 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> 
:(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> 
:)  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:X  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> 
=(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> 
:-o  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/ 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> 
:-*  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> 
:| 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 
8-}  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> 
~x(  
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> 
:-t 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> 
b-( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> 
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> 
=))
</b>


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif'/>
:f
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif'/>
:D
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif'/>
:)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif'/>
;;)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif'/>
:x
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif'/>
:$
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif'/>
x(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif'/>
:@
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif'/>
:~
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif'/>
:|
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif'/>
:))
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif'/>
:(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif'/>
:s
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif'/>
:((
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba klik di salah satu postingan untuk lihat hasilnya

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)

19:20 Add Comment


           Menampilkan space iklan di blog memberi peluang & informasi pada advertiser bahwa blog tersebut menawarkan space iklan yg dapat disewa. Apalagi jika blog tersebut memiliki kredibilitas, rank, serta traffic tinggi, maka advertiser/pemasang iklan pasti akan berbondong-bondong untuk memasang iklan/banner iklan di blog tersebut. Namun tidak ada salahnya juga bagi blog baru memberikan space/ruang tersendiri sebagai tempat beriklan advertiser. Hitung-hitung sebagai persiapan dan kali saja ada advertiser yg tertarik. Selain itu penggunaan space iklan dapat menjadi daya tarik tersendiri apabila diletakkan dengan benar.

            Nah, guna memasang space iklan, kita butuh menyusun template tersendiri agar iklan tersusun rapi dan enak dilihat. Jadi tidak asal pasang gambar dan link karena hasilnya bisa berantakan. Kali ini saya akan share kode template iklan yg saya buat.

Fitur dari template iklan 125x125 buka-rahasia.blogspot.com:
  • Fleksibel, susunan yg tampil sesuai dengan lebar widget.
  • Efek Border radius.
  • Efek Transparan/Opacity ketika gambar di-hover.
  • Gampang di edit guna memasang gambar iklan & link.
  • Update (28-01-2012, 19.03 WIB): Dengan menghilangkan width serta height, template space iklan ini sekarang bisa digunakan untuk berbagai jenis ukuran banner iklan, 125x125, 300x250, 468x60, dst. Gunakan gambar sesuai dengan ukuran yg diinginkan maka widget space iklan akan muncul sesuai dengan ukuran tersebut.

Cara Memasang Kotak Space Banner Iklan di Widget Blog:

1. Masuk ke dashboard > template/design < Edit HTML
2. Copy kode CSS berikut & letakkan di ATAS ]]></b:skin>
#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.
3. Save Template.
4. Buka layout/design > Add a widget > Pilih HTML/Javascript.
5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):
<div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>
Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.
6. Save. Drag/geser gadget ke posisi yg diinginkan, untuk ukuran yg lebar & besar, letakkan widget di bawah header atau di atas posting. Save lagi.

Anda dapat menggunakan gambar berikut sebagai gambar space iklan (ukuran 125x125), untuk ukuran lain atau ingin yg sesuai selera & desain blog, bisa dicari di Google dengan keywords "ads space banner image (ukuran banner)". Upload gambar, ganti URL GAMBAR dengan url gambar yg sudah di-upload.


Note: Host/upload gambar sendiri. Jangan hanya gunakan url gambar di atas karena sewaktu-waktu gambar dapat hilang/dihapus. Klik kanan di atas gambar, save as ke komputer, lalu upload.

 Jika seorang advertiser tertarik, maka dia tinggal mengklik url yg ada pada gambar banner (biasanya link diarahkan  ke halaman pasang iklan/advertise atau ke email/contact form).
Have a nice Blogging.


Trik Trik Blog

Trik Trik Blog

20:18 Add Comment

Cara Merubah Kursor di Blog

19:55 Add Comment






        Cara Merubah Kursor di Blog - Merubah kursor pada blog merupakan cara untuk mempercantik blog di blogspot untuk memanjakan pengunjung yang sedang membaca artikel kita dengan tampilan kursor yang unik-unik. Merubah kursor pada blog ini tidak akan memberatkan blog, sehingga anda tidak usah  khawatir dengan loading blog yang lambat. Jika anda tertarik untuk merubah kursor blog anda, silakan likuti tutorial berikut :


1. Login ke blogger.
2. Pilih tab rancangan - edit HTML
3. Masukkan kode dibawah ini tepat diatas kode </head>
<style type="text/css"> body{cursor: url("http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif"), auto;} body a:hover{cursor: url("http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif"), auto;} </style>

 4. Simpan.

 Kode yang berwarna merah adalah url kursor, jadi anda bisa menggantinya dengan salah satu kode url kursor dibawah ini.

 Kumpulan Kursor Keren dan Unik :
 : http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/aliendance-1.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/bananathumbsup.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/banghead.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/bullseye-ani.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/guitarblackglitter.gif
 : http://i1122.photobucket.com/albums/l524/riyosuke/heartbowarrow1-1.gif
: http://i1122.photobucket.com/albums/l524/riyosuke/monkey-ani.gif
: http://i1122.photobucket.com/albums/l524/riyosuke/tail2.gif
Untuk kumpulan kursor yang lain klik disini

 Cukup mudah bukan cara merubah kursor di blogspot. Silakan anda coba sendiri pada blog anda dan jangan lupa untuk kasih komentarnya. Sekian artikel tentang "Cara Merubah Kursor di Blog".
Subscribe to: Posts (Atom)