Tampilkan postingan dengan label Tips-Trik blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips-Trik blog. Tampilkan semua postingan

Cara tambahkan Icon pada link list

Semalam dah aku bagikan kue tar yang di beri nama target _blank pada linklist blogspot versi ose' eh salah beta. yang semalam itu merupakan fungsi, trus gimana caranya untuk menambah gaya dikit agar terlihat cantik seperti yang punya blog tersebut? (sungguh, sumpah... saya suka wanita cantik).

Dalam blog, site, atau yang sejenisnya bila berbicara cantik, elok, bahenol, manis, bikin bernafsu, tidak main kasar, maka sangat erat kaitannya dengan CSS (style... boh..). biar miskin yang penting style... :D. Olehnya itu, pada pertemuan kita yang romatis ini, akan saya ajar di kau bagaimana cara meraba dengan mesra pada bagian list, baik itu link, category, comment, de el el.. sehingga terpoles dengan icon mungil yang menambah rasa kasih dan sayang padanya.

Sebenarnya mudah bangat bila anda ingin tampilan blog kamu cantik..!!! yaitu silahkan belajar. salah satu tempat belajar adalah blog ini.

Ok langsung kebagian yang paling geli (sensitif).

kembali lagi seperti biasa kalau mau raba kiri raba kanan login dulu di blogger.com maka akan terpajang tatto pada lengan kiri yang bertuliskan layout, silahkan di pijat tatto tersebut maka akan lahir tatto2 baru yang juga siap di pijat, namun pada tatto ini cukup memijat tatto yang bikin agresif yaitu EDIT HTML.

Nah silahkan di copy code dibawah "tapi jangan tambahkan gula ya...!!!":

Untuk Links:

#LinkList1 li a {

background:

url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsvEwLtVDNoxvp-XsjGsXGxoCZxQLUumQEzvnhkOapIsXx0KD7TndJz2i9T7b3dSBd7ptGIkubsM8x2FaMbT6SCPypBOa7Tr0yiluRFftwZCmQE0CtUPQIn5SZyVBzuHamXyk35sBqPM/s1600/link.png)

no-repeat left;

padding-left: 20px;

}


catatan dikit: perhatikan pada widget blog kamu, linklist berapa yang ada? apakah linklist1 atau linklist2 atau linklist15. Sedangkan url yang berwarna romantis tersebut silahkan ganti dengan icon favorit kamu.


Untuk comment link:

.post .post-comment-link a {

background:

url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTom8LioaoBC2jkbSn5tetc4GPPxfWXCLXQuw4lxezlo3oMOuHOQlh5Lp_SD4ddJ6amfbiESf2c_JAflpqTwbwk1AORF7oqOdLPP3b5PQjGiD8uIia0tmGoi0q8go7g06g3d6ov2FFubk/s1600/19.png)

no-repeat left center;

margin: 0px;

padding-left: 30px;

display: block;

float: right;

color: #000;

text-decoration: none;

}


klo yang ini sesuaikan postur template, bila cocok disebelah kiri maka floatnya left tp klo memang mau ditempatkan di kanan ya... pake aja yang diatas.



Demikian pula halnya dengan fitur2 lain, apakah itu link di bawah posting, ataukan widget2.



Silahkan raba-raba, asal jangan di bikin hamil template tersebut entar yang buat template tersebut marah lagi.



"Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, bisa anda belajar di sini"Kursus-online.com
Selengkapnya...

Mengganti Blog pager link dengan Icon

Tentunya yang pertama dilakukan adalah login di blogger.com lalu pada layout pilih edit HTML dan expand widget template.
Selanjutnya temukan code seperti dibawah:


<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>



Bila telah ditemukan code diatas maka ganti yang warna merah tersebut dengan icon yang telah anda sediakan:
  • data:newerPageTitle = posting baru
  • data:olderPageTitle = Posting Lama
  • data:homeMsg = Home (halaman depan)


sedang code untuk link gambar sebagai berikut:

<img src='http://URL gambar anda'/>
<b:else/>

Nah bila digabung akan menjadi sepeti ini:
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img src='http://Url ICON anda'/></a>
</span>


demikian pula pada olderpage dan home.
demo dapat dilihat di-SinI
"Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, bisa anda belajar di sini"Kursus-online.com
Selengkapnya...

Alert Message Menghiasi Blog Dan FS

lert Message adalah sebuah pesan yang muncul ketika anda akan masuk ke salah satu site. Biasanya pesan yang tampil kebanyakkan adalah pesan selamat datang. Apakah anda pernah menemukannya.? Apakah anda tertarik untuk menciptakan sebuah alert message di site anda.? Dan bagaimana caranya..?

Gampang..!

Silahkan copy script di bawah ini.

<script language="JavaScript">alert("isikan dengan kalimat pilihan anda");</script>

Untuk ditempatkan ke blog:

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </head>
6. Persis sebelum kode tersebut, copypastekan script yang tadi
7. Jangan lupa edit "tulisan yang berwarna merah" dengan pesan yang anda inginkan. (tanda kutip jangan dihilangkan)
8. Klik Pratinjau untuk melihat perubahan yang anda inginkan
9. Jika sudah, klik Simpan Template
10. Selesai

Untuk ditempatkan ke Friendster:

1. Login ke Friendster anda
2. Sorot My Profile dan klik Edit Profile
3. Silahkan copypaste script tadi ke kolom About Me atau ke kolom Describe Who You Want To Meet
4. Jangan lupa edit "tulisan yang berwarna merah" dengan pesan yang anda inginkan. (tanda kutip jangan dihilangkan)
5. Klik Save
6. Selesai

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Menampilkan Icon Di Samping Judul Postingan

Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ iconsxtras ]
Dan jangan lupa copy alamat URL dari icon pilihan anda tersebut.
Cara mendapatkan URLnya, silahkan anda klik kanan pada icon yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location

Jika anda sudah mendapatkannya, silahkan ikuti caranya di bawah ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode <a expr:href='data:post.url'>
6. Persis setelah kode tersebut, copypastekan script berikut ini


7. Jangan lupa mengganti tulisan warna merah dengan alamat URL pilhan anda
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai keinginan anda
9. Jika sudah, klik Simpan Template
10. Selesai

Selamat mencoba, semoga bermanfaat



Selengkapnya...

Mengganti Icon Yang Tampil Di Address Bar

Apakah anda pernah memperhatikan icon blog anda yang terletak di addressbar..?
Bagi yang udah bosan dengan icon default tersebut, dan ingin menggantinya.? saya akan coba bantu.

Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ iconsxtras ]
Dan jangan lupa mencopy alamat URL dari icon tersebut.
Cara mendapatkan URLnya, silahkan anda klik kanan pada icon yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location

Jika anda sudah mendapatkannya, silahkan ikuti caranya di bawah ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Klik kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </head>
6. Persis sebelum kode tersebut, copypastekan script berikut ini

<link href='http://www.boongan_doang.jpg' rel='SHORTCUT ICON'/>

7. Jangan lupa mengganti tuilsan warna merah dengan alamat URL pilihan anda
8. Klik Pratinjau untuk melihat hasil perubahan yang telah kita lakukan
9. Jika sudah, klik Simpan Template
10. Selesai

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Membuat Cursor Selalu Diikuti Oleh Text

Ketika saya blogwalking ke beberapa site para sobat, saya banyak menemukan cursor yang selalu diikuti oleh text. Saya berfikir bagaimana cara membuatnya. Akhirnya saya menemukan jawaban tersebut di salah satu site SMU negeri di Pekanbaru [ di sini ].
visit n learn
Tetapi setelah saya perhatikan ternyata kita hanya bisa memilih salah satu dari script yang telah diciptakan yang mempunyai text berbeda. Adapun text-text tersebut adalah "Selamat Menikmati Blog Ini", "Welcome", "Selamat Datang Di Blog Ini", "Selamat Datang" dan "Enjoy Stay Here".

Kemudian saya berfikir lagi, bagaimana misalnya saya tidak ingin menggunakan text yang telah diciptkan tersebut..? Dan bagaimana caranya agar saya bisa menciptakan text yang akan saya ciptakan sendiri..? Dan akhirnya terbuka juga rahasianya, dan sayapun sekarang bisa membuat cursor yang diikuti text yang saya inginkan.

Jika sobat tertarik untuk menciptakan cursor dengan text sendiri, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='pingin belajar'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>


7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda
8. Klik Simpan
9. Selesai

Saya sangat berterimakasih pada site "smekanfive" Pekanbaru yang telah memberi saya inspirasi dan akhirnya membuat saya berfikir bagaimana cara mengutak-atik script tersebut.

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Pingin Menambah Gadget Di Bawah Header...?

Selama ini mungkin kita hanya tahu bagaimana cara menambah Gadget di halaman bagian samping atau bagian bawah. Tapi bagaimana caranya kalau kita pingin menambah Gadget di bagian atas...?

Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode berikut ini di dalam template anda

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

6. Jika sudah ketemu, silahkan ganti semua kode tersebut dengan kode berikut ini

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

7. Klik Simpan Template
8. Selesai

Selamat mencoba, semoga bermanfaat

Selengkapnya...

Efek Daun Dan Bintang Berjatuhan

Pada postingan sebelumnya saya telah membuat artikel tentang efek salju yang berterbangan di halaman blog. Sekarang saya akan coba lagi membuat postingan yang intinya tidak jauh-jauh dari efek salju tersebut untuk memperindah halaman blog anda.

Pada postingan kali ini tiba giliran efek daun kering berguguran dan efek bintang berjatuhan yang akan saya terbitkan.

Jika anda tertarik untuk menambah efek tersebut pada halaman site anda, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke kolom Konten

Efek daun berguguran, dengan jumlah 20 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/20.js" type="text/javascript"></script>

Efek daun berguguran, dengan jumlah 30 buah daun kering

<script src="http://h1.ripway.com/pinginbelajar/daunberguguran/30.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 20 buah bintang

<script src="http://h1.ripway.com/pinginbelajar/bintangberjatuhan/20.js" type="text/javascript"></script>

Efek bintang berjatuhan, dengan jumlah 30 buah bintang

<script src="http://h1.ripway.com/pinginbelajar/bintangberjatuhan/30.js" type="text/javascript"></script>

7. Klik Simpan
8. Selesai

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Cursor Dengan Bintang Kecilnya

Dalam beberapa hari yang lalu ada seorang blogger Ashif yang selalu minta diajarin cara membuat cursor yang apabila digerakkan akan mengeluarkan bintang-bintang kecil, seperti cursor yang saya gunakan di halaman blog ini.

Dan sayapun telah berjanji dengan Ashif untuk menerbitkan postingan untuk menjawab pertanyaannya, saya mohon maaf kepada Ashif karena agak telat untuk menjawabnya.

Tanpa berpanjang lebar lagi, tiba saatnya saya jelaskan cara membuatnya. Silahkan ikuti langkah-langkahnya.

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan script di bawah ini ke dalam kolom Konten

<script src="http://h1.ripway.com/pinginbelajar/cursor/aagen.js" type="text/javascript"></script>

7. Silahkan anda ganti tulisan aagen dengan salah satu warna kesayangan anda dari 10 pilihan warna di bawah ini, karena dengan pilhan warna ini, anda bisa menyesuaikan warna halaman site anda dengan warna bintang tersebut

black blue cyan green orange purple red silver white yellow

8. Klik Simpan
9. Selesai

PENTING...!!
Jika saat ini cursor anda menggunakan script yang ada text mengikutinya, maka script bintang kecil ini tidak akan bekerja. MAKA sebaiknya anda delete saja dulu script untuk cursor yang ada text mengikutinya.

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Pentingkah Kolom Followers Dipasang..?

Ada banyak cara yang harus kita lakukan untuk menaikkan Page Rank blog kita, antara lain, tukeran link text ataupun link banner, saling berkunjung ke blog sobat ( bloggwalking ) tapi jangan lupa memberi komentar postingan tersebut di kolom komentar, karena jika kita meninggalkan komentar di shoutbox atau sejenisnya, sepertinya Google kurang atau tidak sama sekali mengindeksnya.

Dan ternyata ada juga salah satu fasilitas yang diberikan oleh Google untuk pengguna server blogspot untuk meningkatkan Page Rank, yaitu Followers.

Seperti kita ketahui belum beberapa lama ini kolom Followers sudah berubah penampilannya, dan di pojok kanan bawah anda bisa lihat ada tulisan Google Friend Connect. Itu berarti sekarang Google juga memperhatikan kolom tersebut untuk meningkatkan Page Rank blog anda.

Tapi kita juga harus tahu bahwa, Google juga memperhatikan tautan dari Followers tersebut, jadi janggan berbangga dulu kalau seandainya kolom Followers anda berjumlah ratusan atau ribuan Followers tapi anda tidak membuat tautan dengan Followers anda. Alangkah baiknya anda juga membuat tautan tersebut dengan cara menjadi Followers di blog sobat yang telah menjadi Followers di blog anda.

Bagi pengguna server blogspot yang belum memasang kolom Followes di blognya, mulai sekarang silahkan anda pasang untuk menaikkan Page Rank anda. Saya akan bantu para blogger yang belum mengerti untuk memasang kolom Followers di blog anda, untuk itu silahkan ikuti langkah-langkah berikut ini.

1. Klik Tab Tata Letak
2. Klik Tab Elemen Halaman
3. Klik Tambah Gadget. Silahkan anda pilih penempatan yang strategis sesuai selera anda, di Header, di Sidebar ataupun di Footer.
4. Klik Pengikut
5. Selesai

Mudah-mudahan dengan menambahkan kolom Followers ini dan membuat tautannya bisa menaikkan Page Rank blog kita. Amin.

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Mengganti Penampilan Cursor Lebih Menarik

Jika anda sudah bosan melihat penampilan cursor anda yang hanya berupa garis panah, dan ingin menggantinya menjadi lebih menarik, saya akan berikan triknya. Silahkan anda ganti sesuka hati gambar apapun yang akan anda inginkan.

Mungkin trik ini sudah banyak para sobat yang tahu, tapi karena saya hanyalah pemain baru dalam design website, wajar rasanya saya meluangkan waktu untuk bisa berbagi untuk para sobat sekalian yang mungkin juga baru di dunia website ini. Dan untuk senior-senior design website yang membaca postingan ini, mohon beri masukkan kepada kami yang baru belajar dan pingin belajar.

Oke, kita kembali lagi ke cursor yang kita ganti, silahkan ikuti langkah-langkah berikut ini :

1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini

cursor: url("http://bohongan_doang.gif"), default;

7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL tersebut, silahkan surfing di sini [ cursors.funutilities ]
9. Cara mendapatkan URLnya, silahkan anda klik kanan pada cursor yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
10. Klik Pratinjau untuk melihat hasil kerja anda
11. Klik Simpan Template jika sudah sesuai dengan keinginan anda
12. Selesai

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Promosikan Blog Anda Sekarang Juga

Banyak trik dan tips yang telah kita lakukan agar blog kita bisa dikenal oleh para blogger. Tujuannya pastilah untuk mendatangkan visitor dari segala arah, dengan demikian pastinya akan menaikkan sedikit demi sedikit traffic blog kita. Dari sekian banyak tips dan trik yang saya ikuti, ternyata ada satu trik yang sangat jitu untuk memperkenalkan blog kita ke para blogger. Trik tersebut adalah mempromosikan blog kita di tempat yang tepat.

Saya selalu memperhatikan traffik blog saya dari waktu ke waktu, tentunya dengan system yang saya punya dan pasang di blog ini. Di sana terlihat bahwa visitor yang berkunjung banyak juga yang berasal dari tempat saya mempromosikan blog saya tersebut. Jadi, tidak ada ruginya kalau kita mempromosikan blog dan sangat beruntunglah anda yang selama ini telah lebih dulu mempromosikan blog anda. Bagi para sobat blogger yang belum mempromosikan blog, silahkan dimulai dari sekarang untuk mempromosikannya.Dimanakah tempat yang tepat kita mempromosikan blog kita..? Tentunya banyak sekali, tapi saya akan berikan beberapa tempat yang tepat.

Di bawah ini adalah beberapa tempat yang telah saya ikuti untuk mempromosikan blog saya, silahkan para sobat blogger pilah-pilih lagi, kira-kira yang mana yang tepat.

  1. Top Seratus
  2. Top Global Site
  3. Top Pekanbaru
  4. Top Blog Area
  5. Top Of Blogs
  6. Top Hits Bloggerian
  7. Top Sites
  8. Blogs On Top
  9. Blog Top List
  10. Blog Top Sites
  11. Blog Rangkings
  12. Blog Top
  13. Blog Catalog
  14. Adalada
  15. Bandung Top Blog
  16. Dignow
  17. Goledy
  18. Technorati
Silahkan para sobat sekalian register di sana, mengisi data dan jangan lupa untuk mengcopy script link banner nya dan pastekan ke blog sobat. dan semuanya itu adalah gratis. Besar harapan saya semoga para sobat sekalian juga mendapatkan manfaat dari usaha mempromosikan blog ini. Jadi alangkah baiknya jika para sobat yang belum mempromosikan blognya mau memulainya dari sekarang.

Cara meletakkannya ke blog anda :

1. Masuk ke Dasbor
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pastekan script tersebut ke kolom Konten
7. Klik Simpan
8. Selesai

Trik ini mudah untuk diikuti, lagi pula gratis, kapan lagi kita dapat kesempatan seperti ini, gratis dan numpang ngetop pula. hahahahahaha.

Selamat mencoba, semoga bermanfaat

Selengkapnya...

Cara Praktis Memasang Recent Comment & Post

Kali ini saya akan coba membahas tentang Recent Comment dan Recent Post. Sebagaimana kita ketahui bahwa recent comment ini adalah sebuah data yang menampilkan komentar-komentar terakhir yang telah masuk ke blog kita, sedangkan recent post adalah data tentang artikel-artikel terakhir yang telah kita terbitkan. Kedua data ini sangat penting rasanya kita pasang, karena akan sangat membantu sekali.

Data yang ditampilkan oleh recent comment sangat membantu kita sebagai author, karena kita bisa langsung bisa merespon dari komentar tersebut. Dan kita juga tidak akan direpotkan lagi harus membuka satu persatu artikel kita untuk memeriksa komentar yang masuk. Sedangkan Recent Post sangat membantu sekali bagi visitor yang masuk ke blog kita, karena mereka akan tahu apa saja artikel terbaru yang ada di blog tersebut, tetapi apabila anda sudah mempunyai daftar postingan di blog anda, rasanya recent post ini tidak usah dipasang lagi.

Bagi para sobat yang belum mempunyai dan tertarik untuk memasang recent comment dan recent post ini, saya akan coba bantu menjelaskannya. Dan pemasangannyapun sangat mudah sekali karena tidak memerlukan javascript ataupun script HTML, tapi hanya dengan klik dan klik saja. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu Feed
6. Pada kolom URL Feed silahkan anda pastekan URL di bawah ini

URL untuk data recent comment

http://media-downsoft.blogspot.com/feeds/comments/default


URL untuk data recent post

http://media-downsoft.blogspot.com/feeds/posts/default

7. Silahkan anda ganti tulisan yang berwarna merah dengan alamat blog anda
8. Klik Simpan
9. Selesai

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Memasang Jumlah Postingan & Komentar

Pernahkah anda tahu, sudah berapa banyakkah jumlah artikel yang sudah anda postingkan di blog anda..? Dan sudah seberapa banyakkah pula jumlah komentar yang telah masuk di semua artikel anda tersebut..? Jika kita mau menghitungnya dengan cara manual, tentunya sangat membosankan, karena kita harus membuka satu-persatu artikel kita tersebut. Tetapi Google memberikan kita sebuah solusi untuk mengetahui itu semua.

Hanya dengan script singkat saja yang diberikan Google maka kitapun bisa mengetahui sudah seberapa banyakkah jumlah artikel dan jumlah komentar yang ada.di blog kita.

Jika anda tertarik untuk memasang di blog anda silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Dasbor
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke dalam kolom konten tersebut

A. Untuk diletakkan dalam 1 baris

<center><b>
<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : '+ parseInt(json.feed.openSearch$totalResults.$t,10) + '');}</script>
<script src="http://pinginbelajar.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

<script style="text/javascript">
function numberOfComments(json) {
document.write('- Total Comments : '+ json.feed.openSearch$totalResults.$t + '');}</script>
<script src="http://pinginbelajar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
</b></center>

Maka hasilnya akan seperti di bawah ini

Total Posts : 49 - Total Comments : 1440

B. Untuk diletakkan dalam 2 baris

<center><b>
<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : '+ parseInt(json.feed.openSearch$totalResults.$t,10) + '<br>');}</script>
<script src="http://pinginbelajar.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

<script style="text/javascript">
function numberOfComments(json) {
document.write('Total Comments : '+ json.feed.openSearch$totalResults.$t + '');}</script>
<script src="http://pinginbelajar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
</b></center>

Maka hasilnya akan seperti di bawah ini

Total Posts : 49
Total Comments : 1440


Keterangan :

Script <center> dan </center&gt menyatakan efek letak untuk posisi tengah, anda hapus saja script ini jika anda tidak ingin meletakkannya di posisi tengah
Script <b> dan <b> menyatakan efek huruf tebal (bold), anda hapus saja script ini jika anda tidak ingin menggunakan huruf tebal
Script http://pinginbelajar.blogspot.com menyatakan URL alamat blog, silahkan anda ganti dengan URL alamat blog anda

7. Klik Simpan
8. Selesai

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Membuat Gambar Hidup Di Pojok Halaman Blog

Anda pingin ada sesuatu gambar hidup yang menghiasi halaman blog anda..?
Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda.
Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah

Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.

1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Blog anda
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini

<div id="trik_pojok">
<a href="http://media-downsoft.blogspot.com">
<img src="http://www.boongan_doang.gif" border="0" /></a>
</div>


13. Silahkan ganti http://media-downsoft.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Cara Membuat Tab Menu Navigator Horizontal

Setiap kali anda blogwalking ke beberapa site, pasti anda akan melihat sebagian dari site tersebut mempunyai tab menu navigator horizontal pada headernya. Tab menu tersebut tentunya sangat berfungsi sekali, karena anda bisa menyimpan URL penting di sana, dan para visitor andapun bisa langsung masuk ke halaman tersebut hanya dengan satu kali klik saja. Pada umumnya tab menu tersebut selalu diletakkan pada header dan posisinya disetting merapat ke sisi kiri.

Pada template-template baru yang anda temukan saat ini tab menu tersebut sudah tersedia, sehingga andapun tidak direpotkan lagi untuk membuatnya, tapi bagi anda yang tetap ingin mempertahankan template anda saat ini tapi masih belum mempunyai tab menu tersebut, saya akan mencoba menjelaskan cara membuatnya agar blog anda juga terlihat menarik tentunya.

Untuk contohnya anda bisa lihat contohnya pada blog saya ini, saya letakkan di header dan saya susun rapat ke posisi kiri, karena memang posisi inilah pada umunya tab menu tersebut diletakkan.



Bagi anda yang pada saat ini belum mempunyai tab tersebut, ataupun yang sudah mempunyai, tetapi tertarik untuk menggunakan seperti yang saya miliki ini, silahkan anda ikuti langkah-langkah berikut :

Langkah I :

1. Masuk ke Dasbor
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Silahkan cari di dalam template anda kode ]]></b:skin>
5. Persis sebelum kode tersebut pastekan script di bawah ini

.menuhorisontal{width:100%; overflow:hidden; border-bottom:0px solid #000000;}
.menuhorisontal ul{margin:0; padding:0; padding-left:0px; font:13px Arial; list-style-type:none}
.menuhorisontal li{display:inline; margin:0}
.menuhorisontal li a{float:left; display:block; text-decoration:none; margin-right:2px; padding:2px 2px 2px 2px; color:#000000; background:#CCCCCC;}
.menuhorisontal li a:hover{color:#FFFFFF; background:#2E2EFE}


6. Klik Simpan Template

Langkah II :

1. Masuk ke Dasbor
2. Klik Tab Tata Letak
3. Klik Tab Element Halaman
4. Klik Tambah Gadget yang berada di posisi header ( atas )
Jika pada saat ini template anda belum disetting untuk bisa menambah gadget pada header, silahkan anda surfing terlebih dahulu [ di sini ]
5. Klik pilihan menu HTML/JavaScript
6. Pastekan script berikut ini ke dalam kolom konten tersebut

<div style="overflow:no; width:100%px; height:100%px; padding:0px; border:0px solid #FFFFFF; background:#FFFFFF;">

<div class="menuhorisontal">
<li>

<a href="http://pinginbelajar.blogspot.com">HOME</a>

<a href="http://www.blogcatalog.com/blogs/pingin-belajar.html" target="_blank">Blog Catalog</a>

<a href="http://technorati.com/blogs/pinginbelajar.blogspot.com" target="_blank">Technorati</a>

<a href="http://feeds2.feedburner.com/PinginBelajar" target="_blank">Feed Burner</a>

<a href="http://pinginbelajar.blogspot.com/2008/12/automatic-exchange-link-columns.html" target="_blank">Exchange Link</a>

<a href="http://pinginbelajar.blogspot.com/2008/12/comment-box.html" target="_blank">Comment Box</a>

<a href="http://pinginbelajar.blogspot.com/2009/05/promosikan-blog-anda-sekarang-juga.html" target="_blank">Buruan Daftar</a>

</li>
</div>
</div>


7. Untuk script yang berwarna merah di atas menandakan warna latarnya, silahkan ganti dengan warna pilihan anda agar sesuai dengan warna site anda. Untuk mendapatkan variasi kode warna, silahkan terlebih dahulu surfing di sini [ html-color-codes ]
8. Silahkan ganti script URL yang berwarna coklat dengan URL milik anda
9. Silahkan ganti script yang berwarna hijau dengan kata pilihan anda
10. Klik Simpan
11. Selesai

Selamat mencoba, semoga bermanfaat Selengkapnya...

Menambah Smile Cbox Dan Shoutmix

Cbox dan Shoutmix merupakan fasilitas yang bisa anda letakkan pada site yang berfungsi menampung pesan dari visitor yang berkunjung ke site anda. Banyak pengaturan yang bisa anda lakukan pada kedua Comment Box tersebut, tetapi untuk kali ini saya akan membahas cara menambah smile pada Cbox dan Shoutmix.

Sekarang kita akan bahas satu per satu, silahkan ikuti langkah-langkahnya :

Menambah smile pada Cbox :

1. Silahkan login ke Cbox anda
2. Klik Tab Options
3. Klik pilihan menu Smilies
4. Pada kolom URL, silahkan anda pastekan URL dari smile pilihan anda
5. Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik kode ini maka secara otomatis smile tersebut akan tampil pada Cbox anda.
6. Pada kolom Alt. Code, silahkan ketik kode alternatif anda. Fungsinya sama seperti no. 5
7. Silahkan tambahkan smile tersebut sesuka anda di Cbox yang anda miliki. Inilah salah satu kelebihan Cbox, bagi para sobat yang berlangganan secara Basic Box ataupun Premium Box mempunyai fasilitas yang sama yakni sama-sama diberikan fasilitas unlimited smiles.
8. Klik Save
9. Selesai

Menambah smile pada Shoutmix

1. Silahkan login ke Shoutmix anda
2. Klik pilihan menu smileys pada Tab Display
3. Pada kolom smiley image URL, silahkan anda pastekan URL dari smile pilihan anda
4. Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik kode ini maka secara otomatis smile tersebut akan tampil pada Shoutmix anda.
5. Pada kolom (optional), silahkan ketik kode alternatif anda. Fungsinya sama seperti no. 4
6. Silahkan tambahkan smile tersebut hingga 10 smile bagi yang berlangganan secara Basic Account, dan bagi sobat yang berlangganan secara Premium Account, anda bisa menambahkan smile tersebut hingga 500 smile.
7. Klik Save settings
8. Selesai

Bagi para sobat yang belum mempunyai URL smile untuk ditempatkan di Cbox atau Shoutmix, silahkan para sobat surfing di sini [ 33smiley ]

Cara mendapatkan URLnya, silahkan anda klik kanan pada smile yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location

Selamat mencoba, semoga bermanfaat
Selengkapnya...

Judul Blog Bergerak Dari Kanan Ke Kiri

Untuk memperindah penampilan halaman blog anda, tidak ada salahnya jika anda juga mengikuti trik berikut ini, yaitu cara membuat judul blog bisa bergerak. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog anda
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode

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

6. Ganti kode tersebut dengan script berikut ini

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


7. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
8. Klik Pratinjau untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
9. Jika sudah oke, klik Simpan Template
10. Selesai

Selamat mencoba, semoga bermanfaat


Selengkapnya...

Disable Klik Kanan

Buat yang postingan blognya takut di comot orang disable klik kanan mungkin sangat penting yah, tapi bagi tukang comot seperti seperti saya hal ini jadi sedikit menghambat kreatifitas dan produktivitas saya. Loh ko, ya iyalah.. kalo semua master mendisable klik kanan blognya dari mana saya nyuri-nyuri ilmu buat saya kopas, ga bisa posting deh sayasengihnampakgigi

Sory becanda, ga boleh tuh copas-copas punya orangtakbole kita harus menulis dengan gaya kita sendiri walaupun pada intinya topik yang diangkat sama. Oke deh biar ga kelamaan langsung ke cara mendisable klik kanan. Semuanya terserah anda kalo hal ini penting ya pake, kalo nggak ya jangan intinya tergantung kebutuhan.

Setelah loggin langsung ke Layout=>Tambah Gadget
Pilih Java Script
Dan letakan kode berikut:

<script>
var message="Maaf, Klik Kanan Saat Ini Saya Disable";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

Tulisan yang warna merah itu bisa kamu ganti dengan yang kamu inginkan, dan setelah semuanya beres Simpan halaman.

Sekarang kamu bisa ng-blog dengan tenangsiul dan orang yang suka curi-artikel kamu bakal nangis karena halaman blog kamu ngga bisa di copasnangih

Selengkapnya...

Membuat Link Berwarna-Warni Seperti Palangi

Kalau kita membicarakan pernak pernik blog memang tidak ada habisnya, selalu saja ada hal baru yang bisa membuat blog lebih terlihat atraktif. Salah satunya adalah membuat link berwarna- warni seperti pelangi. Yang dimaksud link berwarna-warni ini adalah link akan berubah-ubah warnanya ketika mouse didekatkan ke link tersebut. cara membuat link berwarna-warni seperti pelangi ini tidak terlalu terlalu sulit, kita hanya perlu menambahkan beberapa script ke dalam CSS template kita.

Biar tidak banyak basa-basi langsung saja ke cara membuat link berwarna-warni seperti pelangi:

  • Silahkan masuk ke blogger
  • Klik Tata Letak
  • Kemudian pijat bagian yang bikin geli yaitu Edit HTML
  • Sekarang silahkan cari kode
  • Kalau udah ketemu silahkan simpan kode berikut dibawah kode tadi



<script src=' http://h1.ripway.com/syarung/text_link_pelangi.txt'
type='text/javascript'>
</script>

  • Simpan Template
  • Tugas sudah selesai, sekarang silahkan kamu coba dekatkan mouse ke text yang ada linknya dan lihat bagaimana reaksinyapeace
Selengkapnya...

Grab this Widget ~ Blogger Accessories Custumized by Yuniarto Rahardjo
 

Banner PremiumYang terpasang

Pengikut

Template by: Gilang Rizky