Pages

Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Cara membuat menu and navigation widget

Diposting oleh Adam_Blog di 23.48 0
Seperti biasa berkat blogwalking saya menemukan hal yang baru untuk mempercantik tampilah blog kita,,seperti yang saya terapkan pada blog saya,,,itu loh yang berada di pojok kanan bawah...
saya mendapat widget yang bernama zFPmenu apa itu ??
zFPmenu – Fixed-Position Custom Menu and Navigation/Share Widget, adalah widget ‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai keinginan.
Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (bila diinginkan).

zFPmenu Code
Letakan code di bawah ini sebelum code </body>

<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
Place ads, text message, or anything here.
</div>
<ul id="zfpm_ul">
<!-- Your menus start -->
<li><a href="">YOUR MENU-1</a></li>
<li class="dir"><a href="">YOUR MENU 2 (containing submenu)</a>
<ul>
<li class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a>
<ul>
<li><a href="">YOUR SUB-SUBMENU 2.1.1</a></li>
<li><a href="">YOUR SUB-SUBMENU 2.1.2</a></li>
</ul>
</li>
<li><a href="">YOUR SUBMENU 2.2</a></li>
<li><a href="">YOUR SUBMENU 2.3</a></li>
</ul>
</li>
<li><a href="">YOUR MENU 3</a></li>
<!-- Your menus end -->
</ul></div>
<script type="text/javascript">
var zfpm_colorTheme = 'light'
var zfpm_shareBox = 'no';
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>
<!-- zFPmenu END -->



Usage/Configuration

Menu
Replace menu with your own menu. Place class="dir" attribute inside li tag where you want to add submenu.

Setting/Variable
You can change the color theme and the share buttons visibility setting.

var zfpm_colorTheme = 'light';
Set the color theme for the menu widget.
Valid input: 'light' or 'dark'
var zfpm_shareBox = 'no'
Show the Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons (using LinksAlpha’s widget) or not.
Valid input: 'yes' or 'no'

Complete Variabel List
var zfpm_colorTheme = 'light'; valid input: 'dark' or 'light'.
var zfpm_customBackgroundImage = ''; valid input: full URL of an image.
var zfpm_customBackgroundColor = ''; valid input: example: '#999999'.
var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.
var zfpm_shareBoxPosition = 'right'; valid input: 'left' or 'right'.
var zfpm_shareBoxCustomWidth = ''; valid input: example: '300'.
var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' or 'no'.
Upper Box
You can also place text messages, advertisements, or whatever you like in the div box with the ID zfpm_upperBox (above the menu).

Warning

This script is not design for Internet Explorer 6 browser.

Instead, if you add a variable var zfpm_ieUpgradeMessage = 'yes'; to the script, it will show an upgrade notification message on the top of page (see screenshot here) for IE 6 users.

sumber http://inimu.com
Label: ,

Cara bikin mudus hemat energi di blogspot

Diposting oleh Adam_Blog di 23.42 0


Duuhh,,,,males banget nulis sekarang yakk,:P,,tapi gw paksain dehh demi sobat blogger,,,:D
okeh sekarang gw akan membagi tips and trick cara membuat modus hemat energi di blogspot,sehingga jika blog kamu diam selama 1 menit, otomatis tampilan blog kamu akan blank/modus hemat energi,seperti yg terlihat di gambar,
langsung aja ke caranya :

1. pertama kamu pergi ke RANCANGAN
2. setelah itu copy script berikut di atas code <head>

<script language='javascript' src='http://pajenk-akbar.tk/safemode.js' type='text/javascript'>
</script>

3. simpan dan lihat hasilnya ....

semoga tips saya ini berguna untuk sobat blogger...
Label: ,

Buat halaman web/blog mu lebih berwarna

Diposting oleh Adam_Blog di 19.42 0
Bosen dengan warna text yang hitam terus, dan gk bisa di ganti-ganti warnanya,..
kali ini saya akan memberikan tips bagaimana membuat text yang ada di web atau blog kita bisa berganti warna...

caranya tinggal COPAS dan timpah script di bawah ini ke address bar di mozzila kamu



Gimana,?? jadi lebih menarik bukan ???
Label: ,

Anti klick kanan

Diposting oleh Adam_Blog di 19.35 0
Berikut adalah script untuk protect web atau blog,supaya tidak bisa di copy paste atau klick kanan,

caranya pergi ke RANCANGAN > TAMBAH GADGET > HTML/Java Script and Copy Paste script di bawah ini


// disable keydown ctrl c & v

<script language="javascript">
function onKeyDown() {
alert("dilarang copas"); // commentnya
// current pressed key
var pressedKey = String.fromCharCode(event.keyCode).toLowerCase();
if (event.ctrlKey && (pressedKey == "c" ||
pressedKey == "v")) {
// disable key press porcessing
event.returnValue = false;
}
} // onKeyDown
</script>



<script language="JavaScript">
//Disable klik kanan di mouse kamu


//pesan yang akan ditampilkan bila kamu klik kanan
var message="Maaf Tidak Boleh Copy Paste dengan Click Kanan";

//Kode selanjutnya merupakan fungsi untuk mendisable klik kanannya
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>


<script type="text/javascript">
<!--
//Disable select-text script (IE4+, NS6+)
///////////////////////////////////
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// -->
</script>
Label:

Cara membuat scroll pada komentar

Diposting oleh Adam_Blog di 18.22 0
Bagaimana cara membuat scroll pada halaman komentar ???
pasti bingung yah,,apa bisa halaman komentar menggunakan scroll,jawab nya tentu saja bisa,tinggal sobat blogger ikuti cara nya di bawah ini :

Langkah-langkah membuatnya sebagai berikut :
1. Login ke account blogger Sobat
2. Klik "Rancangan" => "Edit HMTL"
3. Cari kode berikut :

/* Comments
-------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;
}

4. Copy dan paste kode
#comments {
height:500px;
overflow:auto;
}
di antara kode di atas. Sehingga hasilnya akan seperti ini :

/* Comments
----------------------------------------------- */
#comments {
height:500px;
overflow:auto;
}
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
font-size:12px;

gampang kan ??? nah sekarang silahkan sobat blogger untuk mempraktekannya...

SEMOGA BERHASIL ....
Label:

Cara membuat Hide and Show di postingan blog

Diposting oleh Adam_Blog di 18.13 0
Ingin membuat seperti ini ?

Penjelasan



Sudah tau kan tentang tombol hide and show,biasanya tombol hide and show di gunakan di forum,Kali ini saya akan menbuat tombol hide and show di dalam pastingan blogspot,
Caranya tinggal COPAS aja code di bawah ini :

<div><div style="margin-bottom: 2px;"><i><b><small>spoiler</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

>>>>>>>>ISI DENGAN KATA ATAU APA SAJA SESUKA MU<<<<<<<<<<<

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


Label:

Membuat Artikel terkait dengan fungsi scroll

Diposting oleh Adam_Blog di 17.53 0
Pasti sobat bloger sudah pada tau tentang "Artikel Terkait",itu looh,, yang biasa berada di bawah postingan :D,Widget ini dibuat agar di blog kita menampilkan artikel-artikel yang masih terkait atau masih berhubungan dengan artikel yang mereka baca,Biasanya "Related Post" atau "Artikel Terkai" tidak di lengkapi fungsi scroll,,,nah kali ini saya akan memberi sedikit tips bagaimana cara membuat "Related Post" atau "Artikel Terkait" dangan fungsi scroll,Sudah pada gak sabar,,,yuukk kita mulai.. :D

silahkan ikuti langkah-langkah berikut ini :
1. Seperti biasa, Login dulu di akun blogger Sobat
2. Klik "Tata Letak" => "Edit HTML"
3. Centang "Expand Template Widget"
4. Cari kode dibawah ini :

Lihat Code


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>


5. Klik "Simpan Template"

Catatan :
- Height:200px bisa Sobat ganti sesuai dengan selera sobat.
- Pada beberapa template kodenya berbeda dengan kode di atas
Label: ,

memasang pesan alert pembuka dan penutup

Diposting oleh Adam_Blog di 18.37 0
Nah,kali ini saya kan memberikan sedikit tips bagaimana cara membuat alert mesege pembuka dan penutup di blog kita,Biasanya alert message ini akan muncul saat kita membuka sebuah blog atau website yang sudah terpasang dengan alert message. Selain untuk menyambut pengunjung di blog / website, alert message ini juga digunakan untuk memperindah dan tentunya untuk membuat pengunjung terkesan dengan blog kita. Yang ujung-ujungnya akan melakukan kunjungan balik setelahnya. tapi kadang - kadang alert messege di gunakan untuk menjahili orang,...
langsung aja daah,, caranya di bawah ini :

1. Klick rancangan.
2. pilih tambah gadget > HTML / Java Script.
3. Copy and paste script di bawah ini .

<script quality='high' type='text/javascript'>
var name = prompt("Welcome!!! di pajenk-akbar.blogspot.com", "your name here ");
alert("Salam kenal ya "+name)
//
alert ("masukan kata-kata anda")
// goodbye alert
function goodbye(){
alert('terima kasih atas kunjungannya');
}
parent.window.onunload=goodbye;
//<![CDATA[
//]]>
//<![CDATA[
//]]>
</script>

nb: text bisa kalian edit sendiri sesuka mu..
Label:

Membuat Gambar berada di pojok

Diposting oleh Adam_Blog di 21.43 0
Berikut adalah trik untuk membuat gambar atau apapun berada bagian pojok bawah pada blog kita...Okeh langsung aja ke tahan percobaan nya..
pertama kamu copy code berikut ini di atas code ]]></b:skin>

#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);

nah..yang ini code untuk menyisipkan gambar yang berada di pojok blog..
simpan di atas code </body>

<div id='trik_pojok'>

<script src='http://www.clocklink.com/embed.js'/><script language='JavaScript' type='text/javascript'>obj=new Object;obj.clockfile=&quot;5005-green.swf&quot;;obj.TimeZone=&quot;ICT&quot;;obj.width=120;obj.height=40;obj.wmode=&quot;transparent&quot;;showClock(obj);</script>

</div>

selesai...gampang kan..
oh ya...yang kode berwarna merah itu kalian bisa ganti dengan gambar sesukamu...
Label: ,

Cara memasang chat box show and hide

Diposting oleh Adam_Blog di 13.31 0
Menurut saya chat box sangat penting untuk sekedar komentar ataupun ngobrol-ngobrol dengan pengunjung blog kita..bahkan di forum pun chat box banyak di gunakan,biasanya chatbox di pasang di samping postingan blog atau di bawah,tapi kurang efektif karena makan tempat.Kali ini saya akan memberi tips bagaimana cara memasang chat box slide and show,yang pastinya gk "mantep" alias makan tempat ^_^...
ok lanjut,,pastikan kamu sudah terdaftar di shoutmix atau chatbox lainnya,setelah itu kamu copy code hide and shownya

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

>>MASUKAN CODE CHAT BOX KAMU<<

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

selesai..tinggal pastekan di HTML/JavaScript,udah tau kan cara nya..
klo belum tau ikuti cara-caranya.

RANCANGAN >> TAMBAH GADGET >> Pilih HTML/JavaScript >> lalu COPAS code di atas.
semoga berhasil... ^_^
Label:

Cara pasang radio di blog

Diposting oleh Adam_Blog di 11.13 0
Hay..udah lama gk posting tentang blog,,
keh..kali ini gw akan ngebahas cara untuk memasang radio di blog yang mudah...
langsung aja pertama kamu copy code embednya dlu,embed nya saya dapat dari forum nyit-nyit.net and indowebster.

<a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=winamp' title='main'><img src="http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/winamp/16x16.png" border="0" /></a> <a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=wmp'><img src="http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/wmp/16x16.png" border="0" /></a> <a href='http://www.nyit-nyit.net/index.php?app=radio&view=listen&player=real'><img src="http://www.nyit-nyit.net/public/style_images/overlayblue/radio_images/icons/real/16x16.png" border="0" /></a>

<object width="200" height="20" type="application/x-shockwave-flash" id="playerID" name="playerID" data="http://www.nyit-nyit.net/player.swf"><param name="allowfullscreen" value="false" /><param name="allowscriptaccess" value="always" /><param name="bgcolor" value="#FFFFFF" /><param name="flashvars" value="type=sound&amp;autostart=true&amp;file=http://ur.nyit-nyit.net:8110/;stream.nsv" /></object>

lalu pastekan ke rancangan >>tambah gadget>>HTML/Java Script >> and save...
gimana gampang kan...dengan demikian di harapkan blog kamu lebih berwarna dan lebih rame,dengan adanya musik 24 jam nonstop...
^_^
thx nyit-nyit.net and indowebster.

Label: ,

Cara daftar web dan domain gratis

Diposting oleh Adam_Blog di 15.23 0
Bosen dengan blog??bagi temen-temen yang mau nyoba bikin web saya akan kasih tau cara nya untuk buat WEB yang gratis dari 000webhost.com di gabungkan dengan domain yang gratis pula dari Dot.tk, pokoknya serba gratis deh..gatai,oke langsung aja,
pertama sobat blogger buka Dot.tk trus pilih "domain situs",masukin nama domain nya.

kalau sudah, kamu pilih domain gratis, trus klik "Gunakan DNS untuk domain ini" dan pilih "Gunakan DNS Service saya sendiri" masukin name servernya seperti ini.

lalu masukan email anda, trus masukan nama dan password untuk daftar ke dot.tk nya . setelah itu cek email anda dan masukan kode konfirmasinya dan login. Buat domain gratis sudah selesai tinggal buat web nya.

Sekarang sobat blogger daftar ke web nya di 000webhost.com,nanti ada tampilan seperti ini

nah yang paling atas isi dengan nama domain yang udah di daftar di dot.tk tadi,bawahnya kosongin aja,untuk passwordnya di gabungin huruf dan angka ya.senyum
jika sudah di isi dengan lengkap klik create account.
Dan web dan domain gratisan anda sudah jadi tinggal tunggu akfit account nya aja selama 1 X 24 jam,klo udah aktif kamu menuju control panel untuk mengedit-edit WEB kamu.
selamat mencoba dan berkreasi.
sengihnampakgigi
Label: ,

Cara pasang musik di blog

Diposting oleh Adam_Blog di 21.00 8
Memper cantik blog adalah tujuan utama bagi para blogger supaya blognya banyak di kunjungi atau di minati,,,nah..supaya pengunjung betah dan tidak bosen alangkah baiknya kita memasang musik di blog,supaya blog kita lebih berwarna dan tidak sepi..heheheh..
okeh lah klo beg beg gitu...
langsung aja ke pembahasannya.Saya ada cara untuk memasang musik di blog yg paling gampang kalau menurut saya,klo menurut lo??? mending kita coba aja yah...

Sebagai contoh,kita praktekan di web indowebster
  • Pertama kamu buka web Indowebster nya
  • Jika sudah mencari musik yg di inginkan copy embed codenya ke blog kita.
  • Lalu paste kan embed codenya di tambah gadget > HTML/JAVA SCRIPT.dan simpan.
  • Traaalaaa...Blog kita sudah ada musiknya..heheh..
menurut kalian gampang gk???hehehheh..
Semoga tips yang saya kasih berguna untuk para pecinta blogger...
Selamat mencoba

UPDATE

karena undowebster mp3 nya telah di upgrade dan tidak seperti dulu lagi yg bisa di edit maka pakai embed yang lama aja..
ni code embednya

<embed wmode='transparent' src='http://www.indowebster.com/templates/object/mediaplayer.swf' flashvars='file=http://www51.indowebster.com/83f0bd7cd99ac72617bbab43437cee41.mp3&frontcolor=0x000000&backcolor=0x000000&lightcolor=0x000000&logo=http://www.indowebster.com/templates/img/idws.png&autostart=true&usefullscreen=false&showeq=true' width='1' height='1' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'><br /></embed>

yg warna merah itu code MP3 dan,kalian bisa ganti code mp3 nya...
Label:

Cara membuat link download

Diposting oleh Adam_Blog di 09.12 0
OK,langsung aja kita bahas bagai mana cara membuat link download..gampang saja pertama kamu tulis <a href="URL TUJUAN" target="new">NAMA URL TUJUAN</a>
contoh:
<a href="http://www.pajenk-akbar.co.cc" target="new" title="pajenk blog">PajenkBlog</a>
maka hasilnya seperti ini :
pajenk blog

Selanjutnya cara membuat link download beserta gambar :
sebenernya sama kya yang di atas cuma ditambah html gambarnya yg kita ambil dari tempat penyimpanan gambar,
contoh :

<center>
<a href='http://ziddu.com' target="new"><img src="http://i868.photobucket.com/albums/ab247/pajenkblog/pajenk%20blog/download.png" border="0" alt="Photobucket" title="isi terserah kamu" width="200" height="50">
</center>

maka hasilnya seperti ini:


Photobucket



nah,,tulisan warna merah itu gambarnya bisa kamu pakai gambar sendiri tapi syaratnya mesti di upload di photobucket atau juga ngambil di photobucket.

keterangan :
a href : untuk memanggil link tujuan
</a> : untuk mengakhiri
title : Pesan akan muncul saat mouse berada di atas teks
target="new" : untuk membuka tab baru
center : supaya gambar/link downloadnya berada di tengah - tengah.

sekian dlu tips dari saya kurang lebih saya minta maaf...
Label:

Cara menyembunyikan navbar

Diposting oleh Adam_Blog di 08.38 0
Banyak para blogger ingin menghilangkan navbar yang berada di atas pada blog kita yang terdapat tulisan posting baru, kostumisasi, daftar, dan keluar,tapi ada beberapa blogger yang ingin menghilangkan navbar ini, hal ini tentu saja melanggar peraturan yang telah diterapkan,akibatnya blog kita bisa di ban alhasil kita tidak dapat mengakses blog kita lagi. Untuk mewujudkan keinginan kamu, kita bisa menyembuyikan navbar tersebut dengan auto hide navbar. Caranya adalah sebagai berikut :

1.klik kostumisasi dan kemudian edit HTML
2.Cari kode body {
3.Masukkan kode di bawah ini di atas kode kode body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

4.Jika sudah klik simpan dan lihat blog kamu


arahkan mouse pada bagian teratas blog kamu, maka akan muncul navbar yang telah disembunyikan. Apabila mouse kamu arahkan ke tempat lain, maka navbar akan kembali hilang atau disembunyikan.menari

Jika ingin menghilangkan navbar dari blog kita gini caranya:takbole

Masukan kode berikut persis di bawah kode <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

Untuk template klasih masukan di atas code </style> :

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Untuk template baru simpan kode yang berada di atas, di atas kode ]]></b:skin> :

Lalu klik save template...

Mau pilih yang mana??menghilangkan navbar atau menyembunyikannya,tapi klo masih penasaran pengen menghapus navbar ya silahkan saja tapi resikonya tanggung sendiri yah...setan

Semoga behasil..tepuktangan

ide dari atan-hacker
Label:

Membuat efek marquee/teks berjalan

Diposting oleh Adam_Blog di 07.32 0
Kali ini saya akan memberitahukan trik membuat Marquee atau teks berjalan,trik ini banyak diminati para blogger dan webmaster karena program ini menarik untuk di lihat serta dapat menghemat tempat pada blog kita. Teks berjalan ini bisa kita atur gerakannya, baik dari kiri ke kanan, kanan ke kiri, atas ke bawah maupun bawah ke atas. Selain itu, kita juga bisa memasukkan link ke dalam teks yang bergerak tersebut.
Berikut ini adalah contoh hasil dari teks berjalan atau marquee :

Keterangan:
BGCOLOR="COLOR" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

1. Marquee kanan ke kiri:
<MARQUEE align="center" direction="right" height="100" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>
Hasilnya:


marquee dari kanan ke kiri


2. Teks berjalan dari kiri ke kanan dan berhenti pada saat mouse ditujukan pada teks:

<marquee onmouseover="this.stop()" onmouseout="this.start()">KIRI ke KANAN dan BERHENTI</marquee>
Hasilnya:

KIRI ke KANAN dan BERHENTI

3. Teks bergerak bolak-balik : kiri -> kanan -> kiri:

<marquee behavior="alternate">Bolak Balik</marquee>
Hasilnya:

Bolak Balik

4. Teks bergerak dari bawah ke atas:

<marquee direction="up">BAWAH ke ATAS</marquee>
Hasilnya:

BAWAH ke ATAS

5. Teks bergerak dari atas ke bawah:

<marquee direction="down" width="100%" height="100">ATAS ke BAWAH</marquee>
Hasilnya:

ATAS ke BAWAH

6. Marquee dengan variasi huruf dan latar brlakang:
<span style='font-family:arial; font-size: 14px; font-weight:bold; color:#000000;'> <marquee bgcolor='#80FF00' direction='left' height='20px' scrollamount='3' width='100%'>MARQUEE DENGAN LATAR BELAKANG</marquee></span>
Hasilnya:
MARQUEE DENGAN LATAR BELAKANG

7. Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://www.pajenk-akbar.co.cc" target="new">Pajenk Blog</a><br/>
<a href="http://www.facebook.com" target="new">facebook </a><br/>
<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>
</marquee>

Hasilnya



Pajenk Blog


facebook


Kolom iklan







Itulah beberapa contoh teks berjalan atau marquee yang bisa anda masukkan ke dalam blog, tinggal pilih mana yang ingin di masukkan.,Mau yang rata kanan atau kiri terserah lah..Atau sobat blogger bisa menggabungkan marquee dari keterangan di atas supaya lebih terlihat menarik...
selamat mencoba..!!!
Label:

Read more otomatis dengan gambar

Diposting oleh Adam_Blog di 06.41 0
Kali ini saya akan memberikan trik bagaimana cara membuat tulisan readmore otomatis beserta gambar,sebenernya cara ini sama aja kya cara bikin readmore yang lainnya tapi uniknya di tambah gambar biar lebih menarik,,gimana oksengihnampakgigi??? jika kamu tertarik silahkan ikuti cara - cara nya dibawah ini, langsung aja gk pake lama ...

Caranya :
1. Log in blogger.com
2. Dasbor > tata letak > edit HTML
3. Centang Expand Template Widget
4. Cari kode
5. Copy kode di bawah ini,dan letakkan di atas


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


6. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p>
7. Ganti kode tersebut dengan kode di bawah ini..

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='URL GAMBAR'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :
==> Summary noimg 430 = Tinggi artikel terpenggal tanpa image.
==> Summar img 430 = Tinggi artikel terpenggal dengan image.
==> URL GAMBAR = Diisi dengan file gambar kamu sendiri yang di upload dari Photobucket atau tempat penyimpanan gambar lainnya.

8. Save template
semoga berhasil...:sinchan
Label: ,

Cara memperlebar halaman template blog

Diposting oleh Adam_Blog di 02.12 0
Mungkin para sobat yang baru bikin blog merasa template yang di sediakan oleh blogger terlalu sempit atau kurang lebar. Sobat ingin merubah template sobat hingga menjadi lebih lebar? Bagaimana caranya..? Mungkin ada beberapa cara untuk merubah halaman template. Dan saya biasa menggunakan cara sebagai berikut,yang saya anggap paling sederhana.

Dan tidak perlu panjang lebar lagi kita mulai saja caranya.
Yang perlu kita ketahui beberapa bagian dari template yang nantinya kita
bisa ubah ukurannya:

Outer-wreper : Lebar template secara keseluruhan
Main-wrapper : Bagian dimana kita biasa posting artikel
Sedebar-wrapper : biasanya terletak di kanan atau kiri dari main wraper
Header- wrapper : Bagian paling atas dari template
Footer-wrapper : Dasar atau berada paling bawah

Sekarang masuk ke blog sobat, klik tata letak kemudian edit html.Pada edit
html sobat tidak perlu kasih centang pada Expand template widget.
Kemudian cari code sebagai berikut:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
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 */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */

Sobat bisa ganti ukuran pada teks yang berwarna biru. Sobat bisa ganti dengan ukuran berapa saja,biar keliatan rapi sesuaikan ukurannya. Misal :

#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
float: $startSide;
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 */
}
#sidebar-wrapper {
width: 400px;
float: $endSide;
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 */

Jika lebar outer-wrapper: 950px maka jarak main-wraper dan sedebar-wraper harus di sesuai:

Main-wrapper:500px
Sedebar-wrapper: 400px
Sedang sisanya yang 50px merupakan jarak agar sedebar dan postingan blog tidak berhimpitan.
Setelah itu jangan lupa sesuaikan juga lebar header-wraper dan footer-wraper sama dengan outer-wraper

#header-wraper{
width: 950px
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#footer {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;

Sebelum menyimpan template,dianjurkan supaya mengklik PRATINJAU terlebih dahulu supaya kamu bisa lihat hasilnya,,,klo hasilnya memuaskan baru kamu SIMPAN TEMPLATE..
ok slamat mencoba...
Label:
Langganan: Postingan (Atom)