CARA MEMBUAT IFRAME
<iframe align="center" frameborder="yes" height="250px" name="frame1" scrolling="auto" src="ALAMAT WEB/BLOG LAIN" style="border: 1px solid;" width="250px"></iframe>
MEMBUAT MENU DROP DOWN DENGAN RAPI
MEMBUAT MENU DENGAN RAPI
caranya adalah seperti di bawah ini....
---------------------------------------------------------------------------------------------------------------------
<form>
<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 300px;" name="menu" size="1">
<option /> Judul Menu Dropdown </option>
<option value="Alamat Blog1">Judul dari Link1</option>
<option value="Alamat Blog2">Judul dari Link2</option>
<option value="Alamat Blog3">Judul dari Link3</option>
</select></form>
-----------------------------------------------------------------------------------------------------------------------
Hasilnya seperti di kotak sebelah
caranya adalah seperti di bawah ini....
---------------------------------------------------------------------------------------------------------------------
<form>
<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 300px;" name="menu" size="1">
<option /> Judul Menu Dropdown </option>
<option value="Alamat Blog1">Judul dari Link1</option>
<option value="Alamat Blog2">Judul dari Link2</option>
<option value="Alamat Blog3">Judul dari Link3</option>
</select></form>
-----------------------------------------------------------------------------------------------------------------------
Hasilnya seperti di kotak sebelah
CARA LETAK LINK DALAM KOMEN
CARA LETAK LINK DALAM KOMEN atau meninggalkan jejak di ruangan komen dengan tersedia link untuk di klik...terus menuju ke blog kita dengan mudah
Caranya
----------------------------------------------------------------------------------------------------------------------
<a href="LINK ENTRI KORANG"><b>TAJUK ENTRI</b></a>
---------------------------------------------------------------------------------------------------------------------
selamat mencuba
Caranya
----------------------------------------------------------------------------------------------------------------------
<a href="LINK ENTRI KORANG"><b>TAJUK ENTRI</b></a>
---------------------------------------------------------------------------------------------------------------------
selamat mencuba
MEMBUKA DUA LINK DENGAN SEKALI KLIK
SALAM SEMUA..
Buat rujukan diriku...dan semua sahabat ....
Cara untuk kita membuat ,,,membuka 2 window dengan sekali klik sahaja..
Seperti contoh dibawah ini...
cuba click untuk menuju ke dua buah blog saya...
Ini Blog Aku Sendiri
-----------------------------------------------------------------------------------------------------------------------
<a href="http://namablog.blogspot.com/" target="_blank"
onclick="window.open('http://namablog.blogspot.com/')">
Tajuk Link</a>
-----------------------------------------------------------------------------------------------------------------------
Selamat Mencuba
Buat rujukan diriku...dan semua sahabat ....
Cara untuk kita membuat ,,,membuka 2 window dengan sekali klik sahaja..
Seperti contoh dibawah ini...
cuba click untuk menuju ke dua buah blog saya...
Ini Blog Aku Sendiri
-----------------------------------------------------------------------------------------------------------------------
<a href="http://namablog.blogspot.com/" target="_blank"
onclick="window.open('http://namablog.blogspot.com/')">
Tajuk Link</a>
-----------------------------------------------------------------------------------------------------------------------
Selamat Mencuba
Labels:
cara,
membuka dua link dengan sekali klik,
tips,
trik,
tutorial.
Membuat Link Terbuka Bila tersentuh Mouse
Hanya sekadar lalu atau tersentuh...link akan terbuka dengan sendirinya..
contoh kat tulisan bawah nie...
lalukan saja mouse anda kat tulisan tu....Terus sampai kat blog sahabat saya sumanje
Gambar Bogel Siti Norhaliza
---------------------------------------------------------------------------------------------------------------
<a href="Alamat_Link" onMouseover="window.location=this.href">Judul_link</a>
-----------------------------------------------------------------------------------------------------------------
Tulisan merah...ganti alamr url dan tajuk padapost anda
contoh kat tulisan bawah nie...
lalukan saja mouse anda kat tulisan tu....Terus sampai kat blog sahabat saya sumanje
Gambar Bogel Siti Norhaliza
---------------------------------------------------------------------------------------------------------------
<a href="Alamat_Link" onMouseover="window.location=this.href">Judul_link</a>
-----------------------------------------------------------------------------------------------------------------
Tulisan merah...ganti alamr url dan tajuk padapost anda
Blogwalking dengan Pantas
Salam semua...
Atas permintaan seorang sahabat blogger.. su manje
aku nak buat tutorial ringkas tentang cara nak blogwalking dengan sekali klik semua blog terbuka..
Oh ya... aku nie bukanlah seorang yang pandai sangat tentang ilmu i.t nie...
apa yang ku tahu aku kongsikan bersama...
kalau ada tersalah harap maaf...
1. Senaraikan blog yang korang pasti atau yang korang minat sebanyak 10 buah
2. Ambik alamat url...nya
3. Masukkan link tersebut pada link yang berwarna merah......dah siap
4. Terus copy code tu...masukkan dalam post anda...
--------------------------------------------------------------------------------------------------------------------
<table style="height: 225px; width: 250px;"><tbody>
<tr> <td style="text-align: center;"><a href="javascript:(function()%7B%20window.open('http://wantong26.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://touyakaruma.com/');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://bloggerman-azremy.blogspot.com/');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://bezbuddy.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://assoyfinger67.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://kentangpanas.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://belladiea.cjb.net//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://zmah-ceritaku.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://rafinamimi.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://hubersuhner.blogspot.com//');%20%7D)();">1-10</a></td> </tr>
<tr> </tr>
</tbody> </table>
<b> </b>
------------------------------------------------------------------------------------------------------------------
Dalam post anda akan jadi seperti diatas ini...
hanya nombor sahaja yang kelihatan...
Sila gantikan url yang bewarna merah pada url sahabat anda..
Selamat Mencuba
Atas permintaan seorang sahabat blogger.. su manje
aku nak buat tutorial ringkas tentang cara nak blogwalking dengan sekali klik semua blog terbuka..
Oh ya... aku nie bukanlah seorang yang pandai sangat tentang ilmu i.t nie...
apa yang ku tahu aku kongsikan bersama...
kalau ada tersalah harap maaf...
1. Senaraikan blog yang korang pasti atau yang korang minat sebanyak 10 buah
2. Ambik alamat url...nya
3. Masukkan link tersebut pada link yang berwarna merah......dah siap
4. Terus copy code tu...masukkan dalam post anda...
--------------------------------------------------------------------------------------------------------------------
<table style="height: 225px; width: 250px;"><tbody>
<tr> <td style="text-align: center;"><a href="javascript:(function()%7B%20window.open('http://wantong26.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://touyakaruma.com/');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://bloggerman-azremy.blogspot.com/');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://bezbuddy.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://assoyfinger67.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://kentangpanas.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://belladiea.cjb.net//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://zmah-ceritaku.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://rafinamimi.blogspot.com//');%20%7D)();%20%20%20javascript:(function()%7B%20window.open('http://hubersuhner.blogspot.com//');%20%7D)();">1-10</a></td> </tr>
<tr> </tr>
</tbody> </table>
<b> </b>
------------------------------------------------------------------------------------------------------------------
1-10 |
Dalam post anda akan jadi seperti diatas ini...
hanya nombor sahaja yang kelihatan...
Sila gantikan url yang bewarna merah pada url sahabat anda..
Selamat Mencuba
Memasang button terapung di sisi blogger
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:240px; right:-12px;'>
<a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXdDbThJ5y-Pq1tQpTxh0SbR9XH4VP_SdMJpG9uCwXIsxZ0_pXl71vMiNXoF9krT4NGriq3HWT5zQLckeeZQDppd59_CiJMFVH3ykHcNYr0L_tVbxD6u47kSXXN7W1noh3NuRRA12Gfybr/s320/icongb.PNG" /></a><br />
<a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_PQPLc2OVk6ip_zwnQmmP4OB-7OlFvGMKMb9vb8fAX61QRvBqA7ZJQxSJj9aoA3Ltir2woIHiP5ztoXs91Go38FxolirmKUawo1jwusWQvIvrbb5RAogcbbtazVqDnOBBvXfwUfeBEGaG/s320/facebook.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-fvSz6nWbIOYB1IfhkQpgDWAEmuC-NO3m06hDRLctiXLZW6VdlZIXTgkKgRNZpyLtTXqTaC5gPK6SKH-In-PJZnv6JaUeoC8pAMpoAmXBe7EL-ppaH4Jds_lBr9X0Z49eeQqAEnQGc_DW/s320/twitter.png" /></a><br />
<a class='linkopacity' href='http://aerol-rianbow.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhterpgmV8XqkD415th9-LMICeb6RkY0-dAubNdmiaPg0wWNAvHlBT75u0opmao1mU7Ee3GQU-AuMhAFc25Y_NEPRpFjoHSdThxhrQWghagw7aikm6PmnHR7DF5kXDEuaN9puExUdvobuk8/s320/feedblogger.png" /></a><br />
<a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcrwWbnZfp6rm9P4xgg7e5mHkoqDf2EYDW6CumVrKghzcADqAxy87HhX2KWvr1womlaaXiyRRIMm2FO7LpKh99KDsdE75mVtBKUK3lv-bAfW4MeR1oRUjeoFo7pjlNs_muhYYBIAGm9Uph/s320/feedburner.png" /></a><br />
<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_HwJ7fBKSJ8MVlPZPqcNCt0FVDmL5FTAUZZeStfbItGCZklvO_asT_b52eeNI1b64kMJbWTChUcCXqyRhrfwqQR4h2fweddRbnsdfaDXixSAiKP2Ui6P5vtf_rXcQysRDK55z2qhsvuaS/s320/youtube.png" /></a><br />
<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLAJxzFMJBhzjK3FWdngLrvYJdZe-3weDKALk2XTCieSaUMoIPCwMWzFss0XLTT5a4eI0BEAVWPnLXYKCnujLo9hyvKsi3kKIaeixVCypfWtQeKkq6Zoc4j-ABnSBBqZdwF_urHntRpGZI/s320/flickr.png" /></a><br />
</div>
Membuat widget Terapung di Blog
<style type="text/css">
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://lh5.ggpht.com/_xcD4JK_dIjU/Stq23DPOQUI/AAAAAAAADhQ/2imPnFpVUrA/d/floatnav.jpg')no-repeat;}
.nempelisi{float:left;border:2px solid #A5BD51;background:#CCFFFF;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<!-- Letakkan kode script widgets yang kamu inginkan, seperti iklan, shoutbox -->
<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[X]</a></div>
<span><a style="font-size: 10px; cursor:pointer; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #999" href="http://tips-mempercantik-blog.blogspot.com/2010/02/membuat-widgets-terapung.html" target="_blank">Widget by Tips Mempercantik Blog</a></span>
</div>
</div>
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>
Selamat mencuba
#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://lh5.ggpht.com/_xcD4JK_dIjU/Stq23DPOQUI/AAAAAAAADhQ/2imPnFpVUrA/d/floatnav.jpg')no-repeat;}
.nempelisi{float:left;border:2px solid #A5BD51;background:#CCFFFF;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<!-- Letakkan kode script widgets yang kamu inginkan, seperti iklan, shoutbox -->
<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[X]</a></div>
<span><a style="font-size: 10px; cursor:pointer; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #999" href="http://tips-mempercantik-blog.blogspot.com/2010/02/membuat-widgets-terapung.html" target="_blank">Widget by Tips Mempercantik Blog</a></span>
</div>
</div>
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>
Selamat mencuba
Cara Membuat Label Berputar
Selamat Tahin Baru 2011..semoga Bertambah ceria dan bersemnagat untuk blogging
Membuat lebel berputar.....seperti dalam blog nie kat side bar kanan tu....
Caranya bagi penguna blogspot...
cari code html
--------------------------------------------------------------------------------------------------------
<b:section-contents id='sidebar-right-1'>
--------------------------------------------------------------------------------------------------------
kalau dah jumpe pastekan code dibawah nie.....
---------------------------------------------------------------------------------------------------------
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
----------------------------------------------------------------------------------------------------
Membuat lebel berputar.....seperti dalam blog nie kat side bar kanan tu....
Caranya bagi penguna blogspot...
cari code html
--------------------------------------------------------------------------------------------------------
<b:section-contents id='sidebar-right-1'>
--------------------------------------------------------------------------------------------------------
kalau dah jumpe pastekan code dibawah nie.....
---------------------------------------------------------------------------------------------------------
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
----------------------------------------------------------------------------------------------------
Subscribe to:
Posts (Atom)