Cara membuat Script Linker atau CSS Linker Friendster

Friendster sebuah situs pertemanan yang sangat populer di dunia khususnya asia termasuk indonesia. Dulu user Friendster bisa bebas menggunakan script html, java, external css, dan lain - lain. Tetapi semenjak banyaknya penyalahgunaan terhadap script - script tersebut pihak Friendster membuat filter agar kita tidak bisa melakukan pemasangan script secara sembarangan termasuk external css untuk layout juga tidak bisa. Bukan hanya memfilter yang dilakukan oleh pihak Friendster tetapi juga menghapus widget yang dianggap nya sebagai celah untuk memasukkkan script - script tersebut.

Walau begitu kita tetap bisa melakukan linker terhadap Friendster kita, dengan menggunakan widget yang masih aktif (belum dihapus pihak friendster untuk sementara ini) namanya wuxiaspear.

Ini adalah contoh Friendster yang menggunakan Script External CSS dan JavaScript http://profiles.friendster.com/hahahaks

Berikut ini langkah - langkah untuk memasang aplikasi widget pHazAwai dan memasukkan script linker anda pada aplikasi tersebut:

Langkah 1: Login ke Friendster, kemudian tambahkan aplikasi wuxiaspear dengan link ini http://widgets.friendster.com/wuxiaspear

Langkah 2: Setelah itu masukkan sccript linker anda ke kolom yang sudah disediakan. Jika anda ingin agar Aplikasi ini tidak terlihat orang lain tetapi script tetap berjalan silakan beri tanda cek pada "Hide Overlay Generator App/Widget"

Langkah 3: Masukan semua JavaScript ke dalam Kolom yang telah di sediakan

Silahkan di coba..!!!

Kembalinya sang Admin

Hahahaksss... kalian bingung g baca tuh Title (Judu) postingan..??
aneh g ya..? kuk "Kembalinya sang Admin" tanya kenapa...??? (lha kenapa tanya...?? hahahakss..!!!)

ok deh,, gini lo ceritanya,
aku bikin tuh judul karena aku dah lama g Update ni blog, hampir 2 bulan, Coz.... aku lgi ngurusin majalah ELITE punya Sekolahanku. karena aku di team ELITE bertugas sebagai Design Grafis, ya... otomatis waktu awal/akhir semester aku yg bekerja,, coz,, ni proses terakhir.. hahahaksss yg laen2 tinggal nyantai-nyantai ajah..!!!. untung aku msih di bantu ama sobat ku si Saifuddin (iput).

yang lebih parahnya lagi nih,,, Design majalahnya (Layouting) ampe 70 Halaman.. huh.. capek dech..!!! ni aja dah makan waktu 1 bulan...

ya,, moga-moga aja majalah ELITE bisa terbit dengan sempurna dan g kalah ama yg taon-taon kemarin...!!!! Amin.....

Ok,, urusan majalah udah selesai, dan aku dah bisa lagi rawat nih Blog kesayangan ku...!!!

Kembalinya sang Admin

Hahahaksss... kalian bingung g baca tuh Title (Judu) postingan..??
aneh g ya..? kuk "Kembalinya sang Admin" tanya kenapa...??? (lha kenapa tanya...?? hahahakss..!!!)

ok deh,, gini lo ceritanya,
aku bikin tuh judul karena aku dah lama g Update ni blog, hampir 2 bulan, Coz.... aku lgi ngurusin majalah ELITE punya Sekolahanku. karena aku di team ELITE bertugas sebagai Design Grafis, ya... otomatis waktu awal/akhir semester aku yg bekerja,, coz,, ni proses terakhir.. hahahaksss yg laen2 tinggal nyantai-nyantai ajah..!!!. untung aku msih di bantu ama sobat ku si Saifuddin (iput).

yang lebih parahnya lagi nih,,, Design majalahnya (Layouting) ampe 70 Halaman.. huh.. capek dech..!!! ni aja dah makan waktu 1 bulan...

ya,, moga-moga aja majalah ELITE bisa terbit dengan sempurna dan g kalah ama yg taon-taon kemarin...!!!! Amin.....

Ok,, urusan majalah udah selesai, dan aku dah bisa lagi rawat nih Blog kesayangan ku...!!!

Media Box Friendster telah di filter

Huh,,, sial buanget yak..!!!! kotak media yang ada di Friendster telah di filter, huh,, kita sekarang dah g bisa masukin JavaScript lagi nih,,,

Malah bukan Javasrcipt aja yang di Filter, Flas juga di filter euy..!!! jadi kita g bisa masukin Flash,,,, coba' kalian semua Sebel apa g..?

klo gini caranya, tampilan profil Friendster Aku jadi standart Internasional dunk..!!!. arrgghhh..!!! g seru..!!!!

bagi teman-teman yang JavaScript yang ada di media box masih bisa jalan, aku sarankan tuh profil g usah di utak-atik lagi,,,

klo kalian utak-atik.. uhhttt,,, pasti tuh keFilter....

udah ah segini aja infonya..!!!

makasih ya dah mau baca..!!!

Membuat Menu Slide Show Tab View

Tukah anda Link Favorit Aku...?
liat tuh di atas ndiri.... ada tulisannya Link Favorit,

gmna kamu mau bikin seperti itu...??? mudah kuk caranya,,,,,
hehehe aslinya aku males mau posting ni trik... coz aku lgi ada Ujian di Sekolahan (sambil promosi)
tyus setelah Gukde (aku panggil beliau gtu, tpi g tau cpa namanya hehehe) minta tutorialnya cara bikin gituan, ya.. tyus aku postingin... hehehe...
Ada Keong Masuk Pantai... = Ngumung aja loe g selesai-selesai,,, agagagagaga.....

udah deh kita langsung aja mulai....

baca do'a dulu yaw... biar g gagal... :D
1. Login ke Blogger.com
2. Tataletak --> Edit HTML --> cari code :

]]></b:skin>

taruh ni script persis di atasnya :

.indentmenu{
font: bold 11px Arial;
width: 100%; /*leave this value as is in most cases*/

}

.indentmenu ul{
margin: 2px;
padding: 0;
float: left;
/* width: 80%; width of menu*/
background: transparent;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
margin: 2px;
color: #000; /*text color*/
padding: 5px 11px;
text-decoration: none;
border: 1px solid #ccc;
}

.indentmenu ul li a:hover{
background:#ddd;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
border: 1px solid #000000;
background:#000000;
}

.tabcontentstyle{ /*style of tab content container*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

tyus cari code : </head>

lalu letakan script di bawah ini tepat di atas code : </head>

<script type='text/javascript'>
//<![CDATA[
//** Tab Content script v2.0- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements:
// -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected
// -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted
// -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st)
// -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container
//** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically
//** Updated April 8th, 08 to version 2.2: Adds support for expanding a tab using a URL parameter (ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0)

////NO NEED TO EDIT BELOW////////////////////////

function ddtabcontent(tabinterfaceid){
this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container
this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container
this.enabletabpersistence=true
this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container
this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array
this.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)
this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)
this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")
}

ddtabcontent.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}

ddtabcontent.setCookie=function(name, value){
document.cookie = name+"="+value+";path=/" //cookie value is domain wide (path=/)
}

ddtabcontent.prototype={

expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers
this.cancelautorun() //stop auto cycling of tabs (if running)
var tabref=""
try{
if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr
tabref=document.getElementById(tabid_or_position)
else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr
tabref=this.tabs[tabid_or_position]
}
catch(err){alert("Invalid Tab ID or position entered!")}
if (tabref!="") //if a valid tab is found based on function parameter
this.expandtab(tabref) //expand this tab
},

cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )
if (dir=="next"){
var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0
}
else if (dir=="prev"){
var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1
}
if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function
this.cancelautorun() //stop auto cycling of tabs (if running)
this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])
},

setpersist:function(bool){ //PUBLIC function to toggle persistence feature
this.enabletabpersistence=bool
},

setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")
this.selectedClassTarget=objstr || "link"
},

getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to
return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref
},

urlparamselect:function(tabinterfaceid){
var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL
return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
},

expandtab:function(tabref){
var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand
//Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through
var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""
this.expandsubcontent(subcontentid)
this.expandrevcontent(associatedrevids)
for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"
this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "selected" : ""
}
if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers
ddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)
this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array
},

expandsubcontent:function(subcontentid){
for (var i=0; i<this.subcontentids.length; i++){
var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)
subcontent.style.display=(subcontent.id==subcontentid)? "block" : "none" //"show" or hide sub content based on matching id attr value
}
},

expandrevcontent:function(associatedrevids){
var allrevids=this.revcontentids
for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface
//if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it
document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "block" : "none"
}
},

setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)
for (var i=0; i<this.hottabspositions.length; i++){
if (tabposition==this.hottabspositions[i]){
this.currentTabIndex=i
break
}
}
},

autorun:function(){ //function to auto cycle through and select tabs based on a set interval
this.cycleit('next', true)
},

cancelautorun:function(){
if (typeof this.autoruntimer!="undefined")
clearInterval(this.autoruntimer)
},

init:function(automodeperiod){
var persistedtab=ddtabcontent.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)
var selectedtab=-1 //Currently selected tab index (-1 meaning none)
var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index
this.automodeperiod=automodeperiod || 0
for (var i=0; i<this.tabs.length; i++){
this.tabs[i].tabposition=i //remember position of tab relative to its peers
if (this.tabs[i].getAttribute("rel")){
var tabinstance=this
this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers
this.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)
this.tabs[i].onclick=function(){
tabinstance.expandtab(this)
tabinstance.cancelautorun() //stop auto cycling of tabs (if running)
return false
}
if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element
this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))
}
if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){
selectedtab=i //Selected tab index, if found
}
}
} //END for loop
if (selectedtab!=-1) //if a valid default selected tab index is found
this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)
else //if no valid default selected index found
this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr
if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){
this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)
}
} //END int() function

} //END Prototype assignment

//]]>
</script>

3. Oke... tyus di Save ya,,,,,,
4. lalu Klik tab Elemen Halaman
5. Klik Tambah Gadget pilih HTML/JavaScript
6. Klik tombol plus (+) Untuk HTML/JavaScript.


7. Copy lalu paste kode berikut pada kolom yang tersedia :

<center>
<div style="float:left;margin:0px 10px 0px

0px;padding:0px;height:350px;">

<div id="pettabs" class="indentmenu">

<ul>
<li><a href="#" class="selected" rel="tab1">1</a></li>
<li><a href="#" rel="tab2">2</a></li>
<li><a href="#" rel="tab3">3</a></li>
<li><a href="#" rel="tab4">4</a></li>
<li><a href="#" rel="tab5">5</a></li>
<li><a href="#" rel="tab6">6</a></li>
<li><a href="#" rel="tab7">7</a></li>
<li><a href="#" rel="tab8">8</a></li>

</ul>
<br style="clear: left"/>
</div>

<div style="width:240px;text-align:justify;padding: 5px; margin-

bottom:1em">

<div id="tab1" class="tabcontent">
<a href="http://www.osis-mantab.co.cc">
<img border="0"

width="240"

height="152" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="weblog OSIS MAN Tambakberas" src="http://img379.imageshack.us/img379/7527/osisyh2.jpg" title="weblog OSIS MAN Tambakberas"/></a>

<p><h3><a href="http://www.osis-mantab.co.cc">Webblognya OSIS MAN

Tambakberas Jombang</a></h3></p>
www.osis-mantab.co.cc<br/>
Silahkan mampir ya....
</div>

<div id="tab2" class="tabcontent">
<a href="http://www.matematik-mania.blogspot.com">
<img border="0"

height="152" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="Bpk. Tholib S.Pd" width="240" title="Bpk. Tholib S.Pd"

src="http://img253.imageshack.us/img253/7662/paktholibke9.jpg"/></a>
<p><h3><a href="http://www.matematik-mania.blogspot.com">Matematik

-Mania</a></h3></p>

Bpk.Tholib S.Pd (Guru Matematika MAN Tambakberas Jombang
</div>

<div id="tab3" class="tabcontent">
<a href="http://www.x4punya.co.cc">
<img border="0"

height="152" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="Guns N 'Roses" width="240" title="Sepuluh Empet"

src="http://img132.imageshack.us/img132/7646/96063721tp9.jpg"/></a>
<p><h3><a href="http://www.x4punya.co.cc">Tempat ngumpulnya Siswa

X-4</a></h3></p>

www.x4punya.co.cc
nah,,, disini tempat nonggkrongnya anak-ank X-4 MAN Tambakberas Jombang
Walikelas : Moh. Sihabuddin S.Pd
</div>

<div id="tab4" class="tabcontent">
<a href="http://magazine-1.blogspot.com/2008/11/i-pod-can-make-

your-ear-buzz.html">
<img border="0"

height="152" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="ipod" width="240" title="ipod"

src="http://img386.imageshack.us/img386/5403/mantarasby0.jpg"/></a>
<p><h3><a href="http://magazine-1.blogspot.com/2008/11/i-pod-can-

make-your-ear-buzz.html">Website Resmi MAN Tambakberas

Jombang</a></h3></p>

MA NEGERI TAMBAKBERAS JOMBANG, Jl.Merpati Tambakberas Jombang.
</div>

<div id="tab5" class="tabcontent">
<a href="http://uzey.blogspot.com/">
<img border="0" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="uzey.blogspot" width="240"

title="uzey.blogspot" height="152"

src="http://img353.imageshack.us/img353/2968/ozynj7.jpg"/></a>
<p><h3><a

href="http://uzey.blogspot.com/">uzey.blogspot</a></h3></p>

Blog karya seorang guru Komputer MAN Tambakberas Jombang. yang

akrab di panggil Bang Ozy.
</div>
<div id="tab6" class="tabcontent">
<a href="http://sisfo.web.id/">
<img border="0" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="sisfo" width="240"

title="sisfo" height="152"

src="http://img116.imageshack.us/img116/9381/sisfosn0.jpg"/></a>
<p><h3><a

href="http://sisfo.web.id/">Sisfo.web.id</a></h3></p>

Dandy Ahmad Site's. Share Your Knowledge Here!
</div>
<div id="tab7" class="tabcontent">
<a href="http://tambakberas.com/">
<img border="0" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="yppbu" width="240"

title="yppbu" height="152"

src="http://img224.imageshack.us/img224/4823/tambakberascomgl2.jpg"/></a>
<p><h3><a

href="http://tambakberas.com/">Tambakberas.com</a></h3></p>

YAYASAN PONDOK PESANTREN BAHRUL 'ULUM TAMBAKBERAS JOMBANG (YPPBU)
</div>

<div id="tab8" class="tabcontent">
<a href="http://annajy.com/smkti/">
<img border="0" style="border-right: 0px; border-top: 0px; border-

left: 0px; border-bottom: 0px" alt="yppbu" width="240"

title="yppbu" height="152"

src="http://img399.imageshack.us/img399/4724/smkticopywr4.jpg"/></a>
<p><h3><a

href="http://annajy.com/smkti/">SMK TI ANNAJIYYAH BU</a></h3></p>

Jl.Kh.Wahab Chasbullah Gg.3 Tambakberas Jombang
</div>

</div>


<script type="text/javascript">

var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(5000)

</script></div>
</center>

Keterangan :
Untuk code yg berkedip-kedip "<li><a href="#" rel="tab8">8</a></li>"

itu adalah untuk Buttonnya / urutan jalannya gambar, jika mau menambahi, anda tinggal copy code tersebut tepat di bawahnya yg berkedip-kedip. Dengan syarat mengganti angka 8 (tab8 dan >8< ) dgn angkasesuai urutan tersebut.

untuk merubah tulisan dan gambarnya anda bisa merubah script yg ada di bawahnya :

<div id="tab1" class="tabcontent">

NB : untuk tulisan : id="tab1" berarti conect pada Tobol no. 1 ( <li><a href="#" rel="tab1">1</a></li> ).

terus buat ngatur kecepatan pindah-pindahnya ke tab 1 ke yg lain, anda tinggal merubah angka yg ada di dalam code :

var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(5000)

angka 5000 itu menunjukan kecepatan pindahnya, semakin besar angka itu semakin lambat untuk pindah ke tab yg lain, begitu pula bila angka semakin kecil, maka akan cepat pula pindahnya ke tab yg lain.

sekian anda terimakasih.... semoga bermanfaat.

Script Original By :dynamic drive. Modivikasi oleh : Hanif Saifudin

Bikin Judul Blog Bergerak (Versi 2)

Hem.... kayaknya untuk para pecinta keramaian pada Blog... kini saya mau kasih tutorial untuk membuat judul blog bergerak, ya... kemarin saya dah posting tutorial semacam ini, tapi yg kemarin hanya seperti ini :

------KEMARIN GERAKNYA SEPERTI INI (marquee)------

nah, sekarang akan saya buat beda, contohnya bisa di lihat di WebBlognya anak-anak OSIS MAN Tambakberas


Gmna? dah di lihat...???
hem... pasti mau kan...????

oke... kita mulai aja caranya....
1. Login ke Blogger.com
2. Klik --> Tataletak --> Edit HTML --> cari code : <title><data:blog.pageTitle/></title>

Klo dah ketemu taruh script berikut ini tepat di bawahnya :

<script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 2000)
}
else {
c++;
setTimeout("writetitle()", 275)
}
}
writetitle()
</script>

lalu di simpan,,, and jangan lupa lihat hasilnya + comentnya... :D

Cara Menampilkan Recent Post (Postingan Terbaru)

Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

<script src="http://hanifdhira.fileave.com/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://nama blog kamu.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Ganti nama blogmu dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

dah beres............ coba liat...............

Membuat Kotak Komentar Blogger di Bawah Postingan

Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, bukan blogger.com
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (perhatikan gambar ini)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut dengan kode dibawah 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> </b:if>

8. Tyus di save....... and liat hasilnya :D

Setting Zone Record Co.cc

Hem......... ni gue posting sekarag karena permintaan si NOVA_NUGROHO mau ngubah URL blognya yg panjang kayak KERETA API milik PT.KAI, hehehehehe.... sory VA....

ouwkeh, langsung aja di mulai :

Di postingan bawahnya ini gue sudah menjelaskan tetntang domain co.cc (Baca artikel sebelumnya tentang co.cc), Kali ini gue akan menerangkan tetntang mengatur domain co.cc dengan Faslitas Zone Record yang dimiliki co.cc.
Zone Record Ini lebih rumit cara pengaturanya dari pada URL Formading karena Pengaturan ini seperti bukan Sub Domain melainkan domain Asli blogger anda, Setelah anda mengatur Zone Record ke blogger anda maka domain blablabla.blogspot.com anda akan digantikan menjadi domain co.cc anda.
Gimana pengen tau caranya...... Tapi aku males mau ngetiknya... enaknya gmna ya???
udh deh, keburu malam, langsung aja menuu target,.....

1. Pastikan kamu sudah memiliki Acount co.cc kalau belum silahkan daftar disini.
   
   
2. Setelah anda Log in ke co.cc dan silahkan buat domain baru di co.cc atau mengedit domain yang sudah anda buat di co.cc
   
   
   
3. Pilih Pengaturan Zone Record pada Manage domain
   Dari keterangan diatas disimpulkan
   -Host isi dengan domain co.cc anda misalnya www.blablabla.co.cc
   
   -TTL biarkan dia dengan 1 D
   
   -Type isikan saja dengan CNAME
   
   -Value Ketik saja ghs.google.com
   Setelah itu Klik Set Up
   
   
4. Jika berhasil akan di Zone Record seperti dibawah
   
5. Setelah di co.cc tuntas kita beranjak ke Blogger lalu ke menu Setting ----> Publishing
   
   
6. lalu klik Custom domain pada perintah Switch To. Lihat dibawah
   
   
7. Setelah itu langsung kli saja pada bagian Switch to advanced settings. Lihat gambar dibawah
   
8. Dan setelah itu lang sung saja isikan domain co.cc kamu yang telah di setting Zone Record di bagian Your Domain
   
9. Kemudian langsung tekan SAVE SETTINGS

Menurut teman ku yg kerja di co.cc Domainnya bisa dibuka setelah 48 jam setelah pendaftaran Zone record alias 2 minggu, eh,,, 2 hari saja tapi ada juga yang 2 jam udah bisa dibuka. ehmmmmm mau percaya atau gak itu usrusan kalian yang penting gw dah usaha ngomong jujur and apa adanya.

aku juga pernah ngalami 2 hari dan 2 jam, yg www.hanifspd.co.cc ampe 2 hari, klo yg www.x4punya.co.cc cuman 2 jam lebih, hehehehe

Setting Zone Record Co.cc

Hem......... ni gue posting sekarag karena permintaan si NOVA_NUGROHO mau ngubah URL blognya yg panjang kayak KERETA API milik PT.KAI, hehehehehe.... sory VA....

ouwkeh, langsung aja di mulai :

Di postingan bawahnya ini gue sudah menjelaskan tetntang domain co.cc (Baca artikel sebelumnya tentang co.cc), Kali ini gue akan menerangkan tetntang mengatur domain co.cc dengan Faslitas Zone Record yang dimiliki co.cc.
Zone Record Ini lebih rumit cara pengaturanya dari pada URL Formading karena Pengaturan ini seperti bukan Sub Domain melainkan domain Asli blogger anda, Setelah anda mengatur Zone Record ke blogger anda maka domain blablabla.blogspot.com anda akan digantikan menjadi domain co.cc anda.
Gimana pengen tau caranya...... Tapi aku males mau ngetiknya... enaknya gmna ya???
udh deh, keburu malam, langsung aja menuu target,.....

1. Pastikan kamu sudah memiliki Acount co.cc kalau belum silahkan daftar disini.
   
   
2. Setelah anda Log in ke co.cc dan silahkan buat domain baru di co.cc atau mengedit domain yang sudah anda buat di co.cc
   
   
   
3. Pilih Pengaturan Zone Record pada Manage domain
   Dari keterangan diatas disimpulkan
   -Host isi dengan domain co.cc anda misalnya www.blablabla.co.cc
   
   -TTL biarkan dia dengan 1 D
   
   -Type isikan saja dengan CNAME
   
   -Value Ketik saja ghs.google.com
   Setelah itu Klik Set Up
   
   
4. Jika berhasil akan di Zone Record seperti dibawah
   
5. Setelah di co.cc tuntas kita beranjak ke Blogger lalu ke menu Setting ----> Publishing
   
   
6. lalu klik Custom domain pada perintah Switch To. Lihat dibawah
   
   
7. Setelah itu langsung kli saja pada bagian Switch to advanced settings. Lihat gambar dibawah
   
8. Dan setelah itu lang sung saja isikan domain co.cc kamu yang telah di setting Zone Record di bagian Your Domain
   
9. Kemudian langsung tekan SAVE SETTINGS

Menurut teman ku yg kerja di co.cc Domainnya bisa dibuka setelah 48 jam setelah pendaftaran Zone record alias 2 minggu, eh,,, 2 hari saja tapi ada juga yang 2 jam udah bisa dibuka. ehmmmmm mau percaya atau gak itu usrusan kalian yang penting gw dah usaha ngomong jujur and apa adanya.

aku juga pernah ngalami 2 hari dan 2 jam, yg www.hanifspd.co.cc ampe 2 hari, klo yg www.x4punya.co.cc cuman 2 jam lebih, hehehehe