Rabu, 25 Februari 2009
Skin mp3 player generator untuk blog dan friendster
Haloo sbat semuanya... gimana nih kabar.... wah maaf saya dah hampir sebulan ga update blog ini @ tutorial ngeblog di blogger blogspot karena alasan klasik. yaitu males, tapi malesnya nih karena beralasan yaitu suasanya pikiran yang ga bisa di ajak kompromi... halah... sama aja kang... ALASANN!!! hehehhe. Tapi saat ini saya akan membawa kabar gembira buat sobat sekalian yang suka menmpercantik atau menghiasi blognya dengan background suara musik.. yah lebih tepatnya telah ada fasilitas baru di blog http://ex-musik.blogspot.com yaitu fasilitas untuk memilih skin mp3 player dengan cara mengenerate alamat url file mp3 yang sudah di sediakan di blog tersebut atau bahkan anda bisa mengambil url file mp3 dari website lainnya, misalkan dari website file mp3 hosting ziddu.com atau 4share.com dan banyak lagi web file hosting lainnya.. wah enak ga... coba aja dan tengok... hehehehe... Tapi untuk saat ini masih cuman ada beberapa pilihan skin player yaitu tepatnya lima jenis skin (tampilan)... tapi insya allah akan di kembangkan lagi kalo ada waktu yang mendukung.. So ga usah bingung bingung lagi mngenai penjelasan diatas, jikalau masih bingung anda langsung aja kunjungi blognya di sini, kemudianh baca panduannya disana.. oke.. kalo masih bingung juga, tanyakan aja sekalian sama adminya.. dengan senang hati pasti adminnya mengajari cara menggunakan widget Skin mp3 player generator tersebut..
Minggu, 01 Februari 2009
cara membuat slideshow untuk blogspot dengan javascript
Haloo sobat sobat semuanya.... gimana nih kabarnya... untuk kali ini saya akan membahas " cara membuat slideshow untuk blogspot dengan javascript " , tapi sebelumnya sorry nih saya baru posting tutorial lagi setelah absen nggak bikin postingan tutorial berminggu minggu, karena apa ko saya absen..? mau tau..? iya nih kemaren saya dapet proyek bikin web berbasis blog dan baru 2 hari ini sudah mulai up, kalo mau tau nih alamatnya http://mizarmusik.com web tersebut sengaja saya buat dengan CMS wordpress karena si ouners web tersebut ingin webnya mudah di indeks oleh mesin pencari yang mana akan membawa dampak keuntungan jika ada banyak pengunjung dan berminat dengan produk/jasa yang di tawarkan oleh ouners web tersebut... Trus kenapa ko pake wordpress..? anda tau sendiri kan CMS wordpres adalah CMS yang powerful dan SEO friendly.. nah selain ouners web tersebut bisa mempromosikan bisnisnya, tetapi mereka juga bisa mendokumentasikan hal hal penting seperti even2 yang pernah dilaksanan perusahaan tersebut lewat postingan blog dan juga bisa membantu men seo kan web mereka melalui postingan postingan yang mereka dokumentasikan ( anda tau sendirikan kalo mesin pencari suka web / blog yang update! )
Trus sekarang apa kaitannya dengan tutorial yang mau dibahas sekarang ini, iya sih nggak begitu terkait.. tapi anda bisa melihat contoh slideshow di web yang saya garap kmaren yang mana pembuatannya akan saya bahas di tutorial ini.. ( ada kan kaitannya.. hehehe )
Dan ga panjang lebar nih, langsung aja lihat contoh scriptnya dan jika berminat langsung aja dicopy lalu praktekkan kedalam halaman blog anda, dan jangan lupa mengikuti langkah2nya dibawah ini agar nggak ngawur... hehehe...
Kita lihat seksama scriptnya dibawah ini..
Langkah pertama anda copy style cssnya dibawah ini, kemudian masukkan kedalam bagian style css blog anda jika bingung silahkan cari code seperti ini
]]></b:skin> lalu taruh tepat diatasnya code tersebut...
Kemdian setelah anda memasng code css nya kemudian langkah selanjutnya adalah anda copy script javascript dibawah ini, lalu masukkan tepat dibawah code ]]></b:skin> ( ingat..! dibawahnya code ]]></b:skin>, kalo yang css nya ditaruh di atasnya.. pokoknya kebalikannya ) ini nih scriptnya, langsung copy aja
Kemudian untuk tahap yang terakhir, anda masukkan code dibawah ini kedalam sidebar blog anda... dengan cara menambahkan gadget baru yang pilihan html/javascript ... tapi sebelumnya ada beberapa yang musti anda ganti dan ikuti aja keterangan dibawahnya..
Keterangan :
pada script diatas ada yang perlu anda ganti yaitu alamat poto yang akan anda tampilkan.. yang kebetulan alamat poto diatas aadalah alamat poto saya... hehhe... ganti aja dengan alamat poto milik anda, dan jika perlu ubah juga ukuran width/lebar dan height/tinggi nya.. ( cari aja alamat poto ditas yang ber ekstensi .jpg .. ok )
Nah setelah selesai semua, silahkan lihat hasilnya... jika di bagian sidebar blog anda tampilan menu slideshownya kelihatan nggak rata, itu karena di bagian sidebar blog anda ada perintah <:ul> dan <li> , nah jika anda pengen tampil rata anda cari code css side bar ul dan li nya kemudian anda hapus... ( tapi pikir yang matang sebelum anda menghapusnya, tapi saya nggak akan kasih penjelasannya kenapa yang pasti menurut saya sih ga papa... hehehe ) hapus aja yang seperti ini
nah moga berhasil yah.. kalo masih bingung dan ragu silahkan ditanyakan aja yah... n kalo bahkan udah sukses dan mentereng silahkan kasih kabar juga yah... biar sama sama puas... hehehe...
gud luk...
Trus sekarang apa kaitannya dengan tutorial yang mau dibahas sekarang ini, iya sih nggak begitu terkait.. tapi anda bisa melihat contoh slideshow di web yang saya garap kmaren yang mana pembuatannya akan saya bahas di tutorial ini.. ( ada kan kaitannya.. hehehe )
Dan ga panjang lebar nih, langsung aja lihat contoh scriptnya dan jika berminat langsung aja dicopy lalu praktekkan kedalam halaman blog anda, dan jangan lupa mengikuti langkah2nya dibawah ini agar nggak ngawur... hehehe...
Kita lihat seksama scriptnya dibawah ini..
Langkah pertama anda copy style cssnya dibawah ini, kemudian masukkan kedalam bagian style css blog anda jika bingung silahkan cari code seperti ini
]]></b:skin> lalu taruh tepat diatasnya code tersebut...
.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:red;
}
.indentmenu ul li a:visited{
color: blue;
}
.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;
}
}
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:red;
}
.indentmenu ul li a:visited{
color: blue;
}
.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;
}
}
Kemdian setelah anda memasng code css nya kemudian langkah selanjutnya adalah anda copy script javascript dibawah ini, lalu masukkan tepat dibawah code ]]></b:skin> ( ingat..! dibawahnya code ]]></b:skin>, kalo yang css nya ditaruh di atasnya.. pokoknya kebalikannya ) ini nih scriptnya, langsung copy aja
<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>
//<![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>
Kemudian untuk tahap yang terakhir, anda masukkan code dibawah ini kedalam sidebar blog anda... dengan cara menambahkan gadget baru yang pilihan html/javascript ... tapi sebelumnya ada beberapa yang musti anda ganti dan ikuti aja keterangan dibawahnya..
<div style="float:left;margin:0px 10px 0px 0px;padding:0px;" align="center">
<div id="pettabs" class="indentmenu">
<table align="center"><tr><td align="center"><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>
</ul></td></tr></table>
<br style="clear: left"/>
</div>
<div style="width:300px;text-align:justify;padding: 5px; margin-bottom:0px">
<div id="tab1" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_784012359m.jpg" height="190"/>
</div>
<div id="tab2" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_838057322l.jpg" height="190"/>
</div>
<div id="tab3" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_808221049l.jpg" height="190"/>
</div>
<div id="tab4" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_908127135l.jpg" height="190"/>
</div>
<div id="tab5" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_296293459l.jpg" height="190"/>
</div>
<div id="tab6" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_272794548l.jpg" height="190"/>
</div>
</div>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(3000)
</script>
</div>
<div id="pettabs" class="indentmenu">
<table align="center"><tr><td align="center"><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>
</ul></td></tr></table>
<br style="clear: left"/>
</div>
<div style="width:300px;text-align:justify;padding: 5px; margin-bottom:0px">
<div id="tab1" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_784012359m.jpg" height="190"/>
</div>
<div id="tab2" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_838057322l.jpg" height="190"/>
</div>
<div id="tab3" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_808221049l.jpg" height="190"/>
</div>
<div id="tab4" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_908127135l.jpg" height="190"/>
</div>
<div id="tab5" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_296293459l.jpg" height="190"/>
</div>
<div id="tab6" class="tabcontent">
<img border="1" width="298" src="http://photos-333.friendster.com/e1/photos/33/30/56030333/1_272794548l.jpg" height="190"/>
</div>
</div>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(3000)
</script>
</div>
Keterangan :
pada script diatas ada yang perlu anda ganti yaitu alamat poto yang akan anda tampilkan.. yang kebetulan alamat poto diatas aadalah alamat poto saya... hehhe... ganti aja dengan alamat poto milik anda, dan jika perlu ubah juga ukuran width/lebar dan height/tinggi nya.. ( cari aja alamat poto ditas yang ber ekstensi .jpg .. ok )
Nah setelah selesai semua, silahkan lihat hasilnya... jika di bagian sidebar blog anda tampilan menu slideshownya kelihatan nggak rata, itu karena di bagian sidebar blog anda ada perintah <:ul> dan <li> , nah jika anda pengen tampil rata anda cari code css side bar ul dan li nya kemudian anda hapus... ( tapi pikir yang matang sebelum anda menghapusnya, tapi saya nggak akan kasih penjelasannya kenapa yang pasti menurut saya sih ga papa... hehehe ) hapus aja yang seperti ini
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}
nah moga berhasil yah.. kalo masih bingung dan ragu silahkan ditanyakan aja yah... n kalo bahkan udah sukses dan mentereng silahkan kasih kabar juga yah... biar sama sama puas... hehehe...
gud luk...
Jumat, 23 Januari 2009
cara daftar google sitemap untuk seo blog
Hai teman teman... kita berjumpa lagi di sela sela waktu saya yang sedikit ruwet.. hehehe... ruet karena masalah koneksi, ruet karena pikiran yang semprawut, dan ruwet ruwet yang lainnya... hehehe... tapi masih tetep menyempatkan diri buat mengupdate blog biar kontenya ga basi, hehehe... ya udah langsung aja yah ke tutorial... yaitu saya akan membahas cara mendaftar blog kita ke sitemap milik google, yang mana setiap postinganh yang kita update akan otomatis masuk kedalam database google sitemap dan ini baik untuk meningkatkan peringkat atau rangking di google search... gimana..? menarik kan... kalo begitu lanjut terus yah bacanya biar bisa mendapatkan ilmunya untuk mengoptimasi web atau blog anda.. lebih lebih jika blog anda berisi pesan komersial... wuiiihhh.... pasti akan mendatangkan profit dari hasil penjual produk yang anda jual.. Ya udah dech.... banyakan ngocehnya yah... hehehe.. ni dia langkah langkah pembuatannya
Verify your site. By verifying your site you can access comprehensive statistics and crawl errors about the pages in your site
Langkahnya langkahnya sama seperti awal tadi...
Selamat mencoba yah dan semoga sukses...
Maaf saya tidak memberikan gambar panduannya, biar anda tambah fasih dalam memahami sebuah kalimat penyampain.. hehehe
kalo masih ada yang bingung jangan sungkan sungkan tanyakan yah.. lewat kotak komentar di bawah ini...
sampai jumpaaaa.....
- Yang pertama, anda kunjungi link berikut ini, tapi sebelumnya jika anda sudah mempunya email account gmail.com silahkan anda login terlebih dahulu atau jika belum punya email account di google (gmail.com) silahkan anda daftar dulu.. setelah anda daftar dan login silahkan anda kunjungi halaman dashboard google webmaster tool dengan cara klik disini kemudian anda akan di bawa ke halaman dashboard.
- Langkah selanjutnya yang musti anda lakukian adalah mensubmit / memasukkan alamat url blog anda ( contoh : http://e-punya.blogspot.com ) pada kotak submit url yang tersedia di halaman dashboard tersebut dan kemudian jangan lupa anda tekan tombol "ADD SITE"..
- Setelah anda mensubmitkan alamat url blog anda, sekarang anda berada di halaman "Overview" dan dihalaman itu ada kotak pemberitahuan yang isinya seperti ini Your site has been added to your account. Verify your ownership to view detailed statistics and errors for it.
- Setelah anda melihat kotak pemberitahuan tersebut dibawahnya ada kotak lagi berlatar belakang kuning yang isinya seperti ini
Verify your site. By verifying your site you can access comprehensive statistics and crawl errors about the pages in your site
- Kemudian klik link yang bertuliskan Verify your site pada halaman Overview anda dan anda akan dibawa kehalamn Verify a Site
- Kemudian dihalam tersebut ada pilihan yang bertuliskan "Choose Verification Metod.." dan klik pilihan tersebut kemusdian pilih pilihan "Add a Meta tag" dan kopi seluruh kode meta tag yang berad dibawahnya dan masukkan kedalam blog anda..
- Cara memasukkan kedalam blog anda adalah dengan cara anda login ke blogger anda dan segera anda meluncur ke halaman "Edit Html" blog anda dan taruh script meta tag tadi dibagian header blog anda tepatnya taruh pas dibawah kode <head> pada halaman "Edit Html" blog anda dan jangan lupa anda menyimpannya atau save template..
- Setelah anda berhasil memasukkan meta tag kedalam halaman blog anda, sekarang anda kembali lagi ke halaman Verify a Site google sitemap dan tekan tombol "Verify" yang berada dibawah kode meta tag tadi..
- Setelah anda klik tombol "Verify", sekarang blog anda telah ter verifikasi...
- Langkah selanjutnya adalah yang kita tunggu tunggu, yaitu memasukkan sitemap blog kita ke database google sitemap... ini dia langkahnya...
- Anda sekarang masih dihalaman Verify a Site, dan kemudian klik menu disamping kiri yang bertuliskan "Sitemaps" dan setelah anda klik anda akan dibawa kehalaman Sitemaps...
- Langkah berikutnya adalah copy tulisan ini atom.xml?redirect=false dan masukkan ke kotak "Sbmit Sitemap" dan jangan lupa anda tekan tombol "Sbmit Sitemap" yang berada dikanannya..
- Udah dech blog anda siap untuk malang melintang di kancah mesin pencari google.. hehehehe..
Langkahnya langkahnya sama seperti awal tadi...
Selamat mencoba yah dan semoga sukses...
Maaf saya tidak memberikan gambar panduannya, biar anda tambah fasih dalam memahami sebuah kalimat penyampain.. hehehe
kalo masih ada yang bingung jangan sungkan sungkan tanyakan yah.. lewat kotak komentar di bawah ini...
sampai jumpaaaa.....
Sabtu, 17 Januari 2009
menampilkan iklan google adsense dihalaman blog bahasa indonesia
Hai sobat semuanya.. pa kbar nih..? malem minggu ntar pada kmna nih.. pada ngapel yah..? kalo aku sih ngeblog mulu, coz lagi ga punya gandengan nih.., hayooo yang cewe cewe boleh dunk daftar.. wekekeke, kepedean yah saya.. ya udah dech cuman bcanda kok... Ok sekarang aku pengen memberi tips yang dari dulu hingga sekarang ini masih banyak orang yang berfikir pusing untuk menampilkan iklan google adsense kedalam situs atau blog yang content nya 90 persen menggunakan bahasa indonesia, anda tau sendiri kan kalo bahasa kita yaitu bahasa indonesia tidak ikut dalam kategory iklan google adsense untuk content, nah biasanya jika anda mendaftarkan blog anda yg menggunakan bahasa content Indonesia, maka anda akan hanya mendapatkan layanan iklan untuk pencarian atau search dan iklan untuk feed saja dalam account google adsense anda, berbeda jika anda mendaftarkan blog anda yang 90 persen content atau isi artikelnya menggunakan bahasa inggris pasti anda akan mendapatkan layanan tambahan yang sangat memungkinkan dalam mendapatkan penghasilan dari adsense, yaitu iklan untuk content karena iklan untuk content tampil berupa link / text link dan banner dan pengunjung tinggal klik jika tertarik denga iklan tersebut
Beda jika anda hanya mendapatkan iklan untuk pencarian dan feed saja.. pasti pengnjung banyak yang males menggunakan mesin pencarian tersebut yang mana didalam mesin pencarian tersebut baru ada iklan teks link nya, so kemungkinan untuk mndapatkan dolar dari adsense untuk pencarian / search sangat kecil.
Nah untuk pembahsan ini, saya akan memberikan solusi buat anda, yaitu " menampilkan iklan google adsense dihalaman blog bahasa indonesia " .
Banyak cara yang dilakukan para blogger untuk mendapatkan layanan iklan adsense untuk content salah satunya adalah dengan membuat web atau blog yang content atau isi nya hasil melakukan copy paste dari situs lain yang berbahasa inggris lalu dimasukkan kedalam blog mereka, tapi perjuangan mereka tidak seberhasil sampai disitu saja untuk membohongi mbah google.. karena setelah mereka mendapatkan account google adsense yang dilengkapi dengan layanan adsense untuk content, mereka tetep tidak bisa menampilkan iklan mereka ( iklan teks link dan banner ) kedalam blog mereka, bukanya mereka yang ngak bisa menampilkannya sih, tapi karena script iklan google adsnse yang dipasang didalam blog tersebut tidak mau memuncul kan iklannnya karena alasan " content web atau blog lebih banyak menggunakan bahasa indonesia " dan biasanya akan muncul iklan layanan masyarakat saja yang mana jika diklik orang lain kita tidak mendapatkan apa apa ( rugi dunk... hahaha ).
Tapi sekarang nih rahasianya saya bocorkan, sebenernya pihak google sudah tau kasus mengenai meng hacking script google adsense ini, tapi mereka masih bingung untuk mengasih keputusan mengenai pelanggaran atau tidaknya kasus ini, hingga sekarang masih menjadi abu abu ( reman remang ) buat google dan yang pasti para pengedit script tersebut ( termasuk anda jika melakukanya ntar, hehehe ) siapa tau suatu saat hal ini dianggap pelanggran yang bisa mengakibatkan banned account buat sipelanggar.. ( di pikir yang mateng yah sebelum melakukan / mencotoh hal ini ) saya nggak bertanggung jawab loh, hehehe..
Ga banyak kata lagi dech keburu kaburr ntar sampean sampean, hehehe.. kebanyak ngoceh nih.. hehehe.. ni dia tips nya...

Nah udah jelas kan gambarnya..? sorry aku kasih dalam format gambar aja, takut kalo ntar saya di banned account blogger saya oleh google setelah kena lacak, hehehe.. nggak dink.. bacanda..
jadi anda tinggal nambahkan script yang bertuliskan berwarna merah pada gambar diatas... Oke dech.. moga bermanfaat dan bisa membantu meningkatkan pengasilan anda yah.... kalo ada laporan yg nyeleweng mengenai hal ini kasih tau di sini yah... hehehe.. biar sama sama tau.... Tapi kayaknya ga papa ko.. salnya untuk apa iklan adword yang berhasa indonesia jika nggak ada publiser adsense yg mengguakan bahasa indo, anda tau sendiri kan kalo di salah satu atau bahkan banyak iklan adsense yg bahasa penyampaian iklan tersebut menggunakan bahasa indo, dan so pasti iklan tersebut hanya muncul diwilayah indo aja, dan kita kita lah publisernya... yakin ga papa kayaknya.. asal jangan melakuka hal pelanggran ngeklik iklan sendiri...
Ok sekian dulu yah.. sebenernya ni tips sudah lama aku pake cuman aku masih takut buat membagikan ke halayak rame, tapi sekarang berani dech.. da masih banyak tips tips hacking menghacking lainnya yang ga kalah menarik.. di tunggu aja yah... C U..
Beda jika anda hanya mendapatkan iklan untuk pencarian dan feed saja.. pasti pengnjung banyak yang males menggunakan mesin pencarian tersebut yang mana didalam mesin pencarian tersebut baru ada iklan teks link nya, so kemungkinan untuk mndapatkan dolar dari adsense untuk pencarian / search sangat kecil.
Nah untuk pembahsan ini, saya akan memberikan solusi buat anda, yaitu " menampilkan iklan google adsense dihalaman blog bahasa indonesia " .
Banyak cara yang dilakukan para blogger untuk mendapatkan layanan iklan adsense untuk content salah satunya adalah dengan membuat web atau blog yang content atau isi nya hasil melakukan copy paste dari situs lain yang berbahasa inggris lalu dimasukkan kedalam blog mereka, tapi perjuangan mereka tidak seberhasil sampai disitu saja untuk membohongi mbah google.. karena setelah mereka mendapatkan account google adsense yang dilengkapi dengan layanan adsense untuk content, mereka tetep tidak bisa menampilkan iklan mereka ( iklan teks link dan banner ) kedalam blog mereka, bukanya mereka yang ngak bisa menampilkannya sih, tapi karena script iklan google adsnse yang dipasang didalam blog tersebut tidak mau memuncul kan iklannnya karena alasan " content web atau blog lebih banyak menggunakan bahasa indonesia " dan biasanya akan muncul iklan layanan masyarakat saja yang mana jika diklik orang lain kita tidak mendapatkan apa apa ( rugi dunk... hahaha ).
Tapi sekarang nih rahasianya saya bocorkan, sebenernya pihak google sudah tau kasus mengenai meng hacking script google adsense ini, tapi mereka masih bingung untuk mengasih keputusan mengenai pelanggaran atau tidaknya kasus ini, hingga sekarang masih menjadi abu abu ( reman remang ) buat google dan yang pasti para pengedit script tersebut ( termasuk anda jika melakukanya ntar, hehehe ) siapa tau suatu saat hal ini dianggap pelanggran yang bisa mengakibatkan banned account buat sipelanggar.. ( di pikir yang mateng yah sebelum melakukan / mencotoh hal ini ) saya nggak bertanggung jawab loh, hehehe..
Ga banyak kata lagi dech keburu kaburr ntar sampean sampean, hehehe.. kebanyak ngoceh nih.. hehehe.. ni dia tips nya...
Nah udah jelas kan gambarnya..? sorry aku kasih dalam format gambar aja, takut kalo ntar saya di banned account blogger saya oleh google setelah kena lacak, hehehe.. nggak dink.. bacanda..
jadi anda tinggal nambahkan script yang bertuliskan berwarna merah pada gambar diatas... Oke dech.. moga bermanfaat dan bisa membantu meningkatkan pengasilan anda yah.... kalo ada laporan yg nyeleweng mengenai hal ini kasih tau di sini yah... hehehe.. biar sama sama tau.... Tapi kayaknya ga papa ko.. salnya untuk apa iklan adword yang berhasa indonesia jika nggak ada publiser adsense yg mengguakan bahasa indo, anda tau sendiri kan kalo di salah satu atau bahkan banyak iklan adsense yg bahasa penyampaian iklan tersebut menggunakan bahasa indo, dan so pasti iklan tersebut hanya muncul diwilayah indo aja, dan kita kita lah publisernya... yakin ga papa kayaknya.. asal jangan melakuka hal pelanggran ngeklik iklan sendiri...
Ok sekian dulu yah.. sebenernya ni tips sudah lama aku pake cuman aku masih takut buat membagikan ke halayak rame, tapi sekarang berani dech.. da masih banyak tips tips hacking menghacking lainnya yang ga kalah menarik.. di tunggu aja yah... C U..
Jumat, 16 Januari 2009
membuat form klik auto / otomatis instal kedalam blogspot
tutorial ini sangat menarik nih.. anda akan lebih mudah melakukan promosi blog lewat blog anda sendiri yaitu dengan cara membuat form klik auto instal kedalam blog anda, knapa ko mempermudah melakukan promo terhadap blog..? karena jika anda menggunakan form ini, maka anda telah mempermudah teman atau pengunjung blog anda yang ingin memasang link atau banner blog anda.. kok bisa..? ya bisa lah... hehehe... gini nih critanya.. seumpama anda ingin bertuker link dengan pengunjung anda nih, nah jika anda menggunakan form ini maka pengunjung blog anda akan lebih mudah untuk melakukan penyimpanan link blog anda kedalam blog ( blogspot ) mereka, karena mereka tinggal klik instal aja lewat form yang telah anda sediakan atau bikin... Kalo masih bingung ga usah di pikir pusing dulu yah, lihat dulu aja contoh nya klik disini... atau mari kita bahas bersama sama dan langsung praktekkan kedalam blog anda, pasti anda meringis sendiri setelah jadi ntar.. hehehe..
Langsung aja kita melakukan praktek yah..
Anda langsung copy aja script dibawah ini, dan jangan lupa baca keterangan yg ada dibawah script tersebut.
keterangan :
Nah setelah anda edit dan ganti dengan alamat blog anda, sekarang anda pahami script tersebut, karena script diatas adalah cuman contoh dari saya untuk anda yang mana sebenarnya script diatas masih bisa anda fariasi hingga menarik.. tapi jika anda mengamatinya dengan cara mencoba dan melihtat hasilnya ( untuk melihat hasilnya anda harus mencoba mengeklik " klik auto instal " tersebut.. ) pasti anda ntar bisa mengembangkan sendiri, percaya dech...
Moga berhasil yah, oiya.. saya mohon maaf kalo kalimat penyampainnya kurang menarik dan kurang enak dibaca, coz saya hari ini sebenernya lagi ga ada semangat buat bikin postingan.. dan akhirnya aku paksakan agar pengunjung blog ini tetep bisa menikmati tutorial2 yang bermanfaat.. saya lagi sedikit ada masalah yang menyebabkan jadi ga selera ngeblog.... yah akhirnya kalimatnya kayaknya amburadul kayak gini dech.. tapi udah aku paksaain buat merangkai kata tapi juga tetep ga fokus.. anda bisa merasakannnya kan ? kalimat penyampaian saya nggak fokus alias ada yang ga nyambung kayaknya... hehehe.. aku juga bingung.. tapi sekali lagi susah banget hari ini buat nyusun kalimat...
Tapi saya pengen banget bisa membaca masukkan sobat sobat semua melalui post komentar dibawah ini.. jangan hiraukan kalmatnya yah... langsung aja lihat intinya yg aku kasih warna warna itu... hehehe.. moga bermanfaat dan sampai jumpa.. thx..
Langsung aja kita melakukan praktek yah..
Anda langsung copy aja script dibawah ini, dan jangan lupa baca keterangan yg ada dibawah script tersebut.
<form action="http://beta.blogger.com/add-widget" target="_blank" method="POST"><input value="judul untuk widget anda" name="widget.title" type="hidden"/><textarea rows="3" cols="5" style="display:none;" name="widget.content"><a href="http://ex-musik.blogspot.com" target="_blank">link alamat blog aku nih, klik yaa</a></textarea><input value="Klik auto Instal" class="button" name="go" type="submit"/></form>
keterangan :
- tulisan yg berwarna merah, adalah judul buat tampilan gadget link anda yg dipasang orang lain
- tulisan yg berwarna biru adalah alamat blog yg musti anda ganti dengan alamat blog anda
Nah setelah anda edit dan ganti dengan alamat blog anda, sekarang anda pahami script tersebut, karena script diatas adalah cuman contoh dari saya untuk anda yang mana sebenarnya script diatas masih bisa anda fariasi hingga menarik.. tapi jika anda mengamatinya dengan cara mencoba dan melihtat hasilnya ( untuk melihat hasilnya anda harus mencoba mengeklik " klik auto instal " tersebut.. ) pasti anda ntar bisa mengembangkan sendiri, percaya dech...
Moga berhasil yah, oiya.. saya mohon maaf kalo kalimat penyampainnya kurang menarik dan kurang enak dibaca, coz saya hari ini sebenernya lagi ga ada semangat buat bikin postingan.. dan akhirnya aku paksakan agar pengunjung blog ini tetep bisa menikmati tutorial2 yang bermanfaat.. saya lagi sedikit ada masalah yang menyebabkan jadi ga selera ngeblog.... yah akhirnya kalimatnya kayaknya amburadul kayak gini dech.. tapi udah aku paksaain buat merangkai kata tapi juga tetep ga fokus.. anda bisa merasakannnya kan ? kalimat penyampaian saya nggak fokus alias ada yang ga nyambung kayaknya... hehehe.. aku juga bingung.. tapi sekali lagi susah banget hari ini buat nyusun kalimat...
Tapi saya pengen banget bisa membaca masukkan sobat sobat semua melalui post komentar dibawah ini.. jangan hiraukan kalmatnya yah... langsung aja lihat intinya yg aku kasih warna warna itu... hehehe.. moga bermanfaat dan sampai jumpa.. thx..
Selasa, 13 Januari 2009
free widget generator recent posts untuk blog anda
Haloo kawan kawan sekarang telah tersedia widget generator buat meng customize tampilan recent post blog km.. apa keuntungannya menggunakan widget ini..?, pertama akan nampak nilai seni dan keindahan dalam desain widget tersebut didalam blog anda dan yang pasti akan membuat betah pengunjung blog anda berlama lama nongkrong di blog anda, trus anda bisa men share ulang recent posts blog milik anda keteman teman anda dengan cara menambahkan teks area yang berisi code script yang anda ambil dari hasil generate disini ( 2 langkah dibawah ini ). tau kan cara membuat teks area...? moga aja bisa..
Untuk membuat widget recent post, anda tinggal melakukan dua langkah praktis dan tinggal klik instal ke blog anda..
Selamat Mencoba yah, dan semoga berhasil...
Di tunggu cuap cuapnya loh.... hehehe..
Untuk membuat widget recent post, anda tinggal melakukan dua langkah praktis dan tinggal klik instal ke blog anda..
- Yang pertama anda generate dulu alamat url blog anda dan dapatkan code script nya.
- Copy seluruh code script diatas, kemudian masukkan / paste kedalam text area dibawah ini ( letaknya ikuti perintah ).
Selamat Mencoba yah, dan semoga berhasil...
Di tunggu cuap cuapnya loh.... hehehe..
Sabtu, 10 Januari 2009
cara membuat perintah iframe script di bloggger
Untuk kali ini saya akan menunjukkan gimana caranya menampilkan sutu halaman web site kedalam halaman blog kita menggunakan perintah iframe , dengan perintah iframe ini anda bisa mengatur tinggi dan lebarnya halaman website yang ingin anda masukkan kedalam halaman blog anda ( blogger blogspot ) .. dengan kemudahan tersebut anda cukup mengcopy paste code script iframe yang akan saya tunjukkan di bawah ini. Dan nggak banyak kata kata lagi akan langsung saya kasihkan script iframe ke anda karena setelah saya muter muter merangkai kata untuk menambahkan kalimat pembuka ternya lagi cupet alias garing... yah akhirnya ya gini gini aja nih.. hehehe ga papa yah yang pentingkan tujuan penyampain masalah utamanya " ngena banget " hehehehe... moga aja gitu, dan bisa membatu meringankan beban pencarian anda... hehhee.. oke nih script ifrme nya, langsung di copy aja yah lalu tinggal mengcopy paste kedalam halaman website atau blog anda dan sedikit anda edit atau sesuai dengan selera anda ukurannya
<iframe scrolling="no" frameborder="0" width="188" height="257"
src="http://[ganti dengan alamat situs yg ingin di tampilkan].com"></iframe>
Keterangan :
Moga aja bermanfaat buat anda yah..., kalo masih ada yang bingung bisa dipertanyaka loh.. gratiss... hehehhe.. seperti biasa aja kayak temen temen lainnya kalo masih bingung pada bertanya..
Moga sukses yah... GUUUDDDD LACCCKKKKK...
<iframe scrolling="no" frameborder="0" width="188" height="257"
src="http://[ganti dengan alamat situs yg ingin di tampilkan].com"></iframe>
Keterangan :
- tulisan yg berada didalam kurung dan berwarna merah ganti dengan alamat website yang ingin ditampilkan di dalam iframe
- scrolling : untuk mengatur halaman ifram yg anda tampilkan bisa di scroll atau tidak.. ( opsi : yess dan no )
- frameborder : untuk mengatur tampilan iframe ada border / garis nya ( opsi : 0 - angka sesuka anda, semakin besar angka yg anda masukkan maka semakin tebal garis bordernya )
- width : untuk mengatur lebar tampilan ifram ( satuan ukur px, atau yg lainnya )
- height : untuk mengatur tinggi tampilan iframe ( satuan ukur px, atau yg lainya )
Moga aja bermanfaat buat anda yah..., kalo masih ada yang bingung bisa dipertanyaka loh.. gratiss... hehehhe.. seperti biasa aja kayak temen temen lainnya kalo masih bingung pada bertanya..
Moga sukses yah... GUUUDDDD LACCCKKKKK...
Jumat, 09 Januari 2009
cara membuat / menambah postingan artikel pada blogspot
Kali ini saya akan melanjutkan proyek pembuatan blog yang kemaren pernah saya posting, klik disini untuk melihatnya.. dan sekarang adalah tahap lanjutan dari pembuatan sebuah web blog yaitu tepatnya adalah cara membuat / menambahkan postingan artikel kedalam blog blogspot ... jika anda kmaren udah bisa membuat blog sendiri di blogger blogspot, tapi sekarang anda belum bisa cara membuat postingannya.. inilah tutorial yang tepat untuk anda simak.. pertama tama yang musti anda lakukan untuk membuat postingan artikel kedalam blog anda adalah.. anda login terlebih dahulu ke blogger.com dengan menggunakn email account anda.. masih inget kan cara loggin ya..? kalo lupa anda bisa menilik tutorial yang kmaren lewat link " klik disini " pada awal awal kalimat diatas.. Nah setelah anda berhasil login atau masuk kehalaman dahsboard blogger anda, silahkan anda cari menu link yang bertuliskan " NEW POST " atau dalam bahasa indo " ENTRI BARU ". Untuk sekedar tambahan aja, jika anda mempunya banyak blog ( lebih dari satu, misalkan 3 blog dengan judul yg berbeda beda ) maka jika anda ingin membuat postingan artikel melalui dashboard blogger anda maka akan muncul menu link " NEW POST " atau " ENTRI BARU " lebih dari satu alias banyak
Nah jika anda bingung untuk melakukan posting gara gara menu " NEW POST " atau " ENTRI BARU " banyak sekali, maka anda konsentrasi pada satu blog saja yang ingin anda posting yaitu dengan cara anda melihat JUDUL / NAMA BLOG yang ingin anda posting artikel baru ( dibawah masing2 JUDUL / NAMA BLOG pasti ada menu " NEW POST "nya sendiri sendiri.. ) setelah itu anda tinggal membuat postingannya di halaman yang barusan anda buka tersebut.. nah untuk di kotak kecil paling atas anda masukkan judul atau title artikel yang ingin anda bikin, dan untuk kotak yang gede / besar anda isi dengan isi postingan artikel anda... Udah dech tinggal mempublikasikannya.. Ingat untuk mempublikasikan langsung postingan artikel yang barusan anda buat maka anda harus menekan tombol yang berwarna orange yang bertuliskan " PUBLISH POST " , dan kalo tombol yang berwarna biru yg bertuliskan " SAVE NOW " / " SIMPAN SEBAGAI DRAFT " itu untuk sekedar menyimpan hasil artikel anda dan bisa anda publikasikan sewaktu waktu lewat menu " EDIT POST " yang berada di atas sebelah kiri deketnya " CREAT " .. Udah tau kan..
SEkarang jalan lain untuk mebuat postingan ke dalam blog anda, yaitu jika anda berada di halaman blog anda, anda tinggal mencari menu link " NEW POST " taua " ENTRI BARU " di sebelah kanan atas pada halaman blog anda.. dan cara selanjutnya sama seperti yang sudah dijelaskan diatas tadi...
Oke dech sekarang anda bisa mempublikasikan hasil karya anda sendiri.. selamat berkarya yah... jangan suka main COPY PASTE artikel milik orang lain... coz hal tersebut sangat memalukan jika dilakukan seorang BLOGGERS, biar seikit atau bahkan jelek menurut anda sendiri, paling enggak anda telah meng ekspresikan diri anda lewat postingan tersebut...
Jika masih ada yang bingung mengenai tulisan diatas silahkan ditanyakan aja yah.. moga aja bisa membantu.. thx..
Nah jika anda bingung untuk melakukan posting gara gara menu " NEW POST " atau " ENTRI BARU " banyak sekali, maka anda konsentrasi pada satu blog saja yang ingin anda posting yaitu dengan cara anda melihat JUDUL / NAMA BLOG yang ingin anda posting artikel baru ( dibawah masing2 JUDUL / NAMA BLOG pasti ada menu " NEW POST "nya sendiri sendiri.. ) setelah itu anda tinggal membuat postingannya di halaman yang barusan anda buka tersebut.. nah untuk di kotak kecil paling atas anda masukkan judul atau title artikel yang ingin anda bikin, dan untuk kotak yang gede / besar anda isi dengan isi postingan artikel anda... Udah dech tinggal mempublikasikannya.. Ingat untuk mempublikasikan langsung postingan artikel yang barusan anda buat maka anda harus menekan tombol yang berwarna orange yang bertuliskan " PUBLISH POST " , dan kalo tombol yang berwarna biru yg bertuliskan " SAVE NOW " / " SIMPAN SEBAGAI DRAFT " itu untuk sekedar menyimpan hasil artikel anda dan bisa anda publikasikan sewaktu waktu lewat menu " EDIT POST " yang berada di atas sebelah kiri deketnya " CREAT " .. Udah tau kan..
SEkarang jalan lain untuk mebuat postingan ke dalam blog anda, yaitu jika anda berada di halaman blog anda, anda tinggal mencari menu link " NEW POST " taua " ENTRI BARU " di sebelah kanan atas pada halaman blog anda.. dan cara selanjutnya sama seperti yang sudah dijelaskan diatas tadi...
Oke dech sekarang anda bisa mempublikasikan hasil karya anda sendiri.. selamat berkarya yah... jangan suka main COPY PASTE artikel milik orang lain... coz hal tersebut sangat memalukan jika dilakukan seorang BLOGGERS, biar seikit atau bahkan jelek menurut anda sendiri, paling enggak anda telah meng ekspresikan diri anda lewat postingan tersebut...
Jika masih ada yang bingung mengenai tulisan diatas silahkan ditanyakan aja yah.. moga aja bisa membantu.. thx..
Rabu, 07 Januari 2009
cara mendaftar atau membuat blog di blogger blogspot
tutorial ini saya khususkan buat yang pengen membuat web blog di blogspot, mungkin masih banyak sobat sekalian yang masih bingung gimana caranya membuat blog. Mengingat masa lalu saya yang mana saya masih bingung sekali gimana caranya cara mengawali mendaftar dan membuat blog, saya langsung membuat postingan tentang ini ( cara mendaftar atau membuat blog di blogger blogspot ) dan moga aja bisa membantu dan mempermudah pemahaman mengenai blog khususnya blogspot.. banyak pilihan yang di tawarkan kepada pengguna internet yang ingin membuat blog, anda bisa memilihnya salah satu bahkan kesemuanya yang mana masing masing mempunya kelemahan dan kelebihan tersendiri, seperti membuat blog di bloger dengan main doamin blogspot ( contohnya blog ini sendiri ), membuat web blog di wordpress.com dengan main doamin wordpress dot com , ada juga yang dari lokal seperti blogdetik.com dan masih banyak lagi.. tapi disini saya mengkhususkan membuat panduan bagi sobat sekalian yang ingin membuat blog di blogger blogspot. Banyak keunggulan membuat blog di blogger blogspot ini, diantaranya kita bisa leluasa mengedit tampilan web blog lewat menu edit html yang telah disediakan.. beda dengan yang lainnya jika anda membuat blog di wordpress dot com anda tidak dijinkan untuk meng customize tampilan layout blog anda dan ini membuat anda menjadi bosen dan yang pasti nggak ada tantangan mengenai menakhlukkan bahasa pemrogaman HTML dasar
Dan ga banyak kata lagi langsung aja kita menuju pembahasan, pertama kali yang anda siapkan untuk membuat web blog di blogger blogspot adalah menyiapkan account email gmail.com , jika anda belum mempunya account email di google mail silahkan klik disini untuk mendaftarnya.. setelah anda mendaftar di google mail dan anda mendapatkan email ( ex: namakamu@gmail.com ) kemudian langkah selanjutnya adalah kunjungi www.blogger.com dan daftarlah anda di halaman blogger dot com tersebut lewat link yang bertuliskan " CIPTAKAN BLOG ANDA " jika dalam bahasa inggris " CREAT A BLOG " ( pokoknya tulisan yang ada tanda anak panah berwarna orange ) jika masih bingung silahkan anda seting bahasa tampilan blogger tersebut dengan bahasa indonesia dengan menseting lewat menu " BAHASA " yang berada di pojok kanan atas.. nah setelah anda klik link " CIPTAKAN BLOG ANDA " selanjutnya anda akan berada di halaman form pengsian data diri anda , salah satunya adalah memasukkan alamat email google anda, ( yang barusan anda buat tadi loh, ex : namaanda@gmail.com ) dan ikuti petunjukknya di situ ( saya yakin anda pasti bisa ) karena mengunakan bahasa indonesai yang jelas dan mudah di mengerti.
Kemudian tahap yang kedua adalah tahap " NAMAI BLOG " atau " NAME A BLOG " nah ditahap halaman ini anda disuruh memasukkan judul blog yang ingin anda buat nantinya ( pilihan terserah anda ) dan memasukkan nama alamat blog / url yang nantinya akan anda gunakan untuk mengakses blog anda, di kotak pembuatan nama alamat url anda hanya memasukkan nama alamat yang anda inginkan ( contoh : namadomainanda , perlu di nget ga usah di tambahkan .blogspot.com dibelakan namadomainanda karena sudah disediakan oleh bloger. ) Nah biasanya untuk tahap ini mengalami kesusahan pemilihan nama domain yg anda buat ( kadang nama sudah dipaki, atau tidak tersedia ) tapi anda coba coba aja sampai bisa dan sedikit tips.... usahakan nama domain / alamat blog yg ingin anda buat harus berkaitan dengan judul blog anda atau dengan nama account anda di bloger yg tadi anda buat di tahap pertama..
Kemudian jika berhasil anda akan memasuki tahap ketiga yaitu tahap pemilhan template.. anda bisa memilih templat atau layout sesui dengan selera anda, jika anda ingin menambahka pernak pernik atau mengedit nya anda bisa cari tutorialnya di daftar isi blog ini..
Nah udah dech... sekarang anda sudah mempunya blog sendiri di blogspot.
Untuk mengakses halaman login anda harus kunjungi www.blogger.com atau lewat halaman blog anda lalu cari menu login yg berada di pojok kanan atas...
Sedikit tambahan, jika anda ingin menambah jumlah blog atau mau bikin blog lagi.. anda nggak perlu membuat email di google lagi... dengan account blogger yang sudah anda punya anda tinggal membuat blog baru dengan 2 langkah saja ( langkah pertamanya sudah anda lakukan tadi pertama kali ). cara nya adalah anda login ke blogger.com dengan menggunakn account blogger anda ( yg tadi anda buat pertama kali itu loh ) nah setelah itu anda berada di halamn " DASHBORD atau DASBOR " kemudian cari menu link yang bertuliskan " BUAT BLOG " (dalam bahasa indo) tepatnya berada di bawah menu pilihan bahasa yang berada di pojok kanan atas sedikit kebawah.. nah selanjutnya caranya seperti tahap yang ke 2 dan ke 3 pada penjelasan di atas..
Selamat mencoba yah, kalo masih ada yang bingung anda bisa menanyakannya lewat kotak komentar di bawah ini...
Dan ga banyak kata lagi langsung aja kita menuju pembahasan, pertama kali yang anda siapkan untuk membuat web blog di blogger blogspot adalah menyiapkan account email gmail.com , jika anda belum mempunya account email di google mail silahkan klik disini untuk mendaftarnya.. setelah anda mendaftar di google mail dan anda mendapatkan email ( ex: namakamu@gmail.com ) kemudian langkah selanjutnya adalah kunjungi www.blogger.com dan daftarlah anda di halaman blogger dot com tersebut lewat link yang bertuliskan " CIPTAKAN BLOG ANDA " jika dalam bahasa inggris " CREAT A BLOG " ( pokoknya tulisan yang ada tanda anak panah berwarna orange ) jika masih bingung silahkan anda seting bahasa tampilan blogger tersebut dengan bahasa indonesia dengan menseting lewat menu " BAHASA " yang berada di pojok kanan atas.. nah setelah anda klik link " CIPTAKAN BLOG ANDA " selanjutnya anda akan berada di halaman form pengsian data diri anda , salah satunya adalah memasukkan alamat email google anda, ( yang barusan anda buat tadi loh, ex : namaanda@gmail.com ) dan ikuti petunjukknya di situ ( saya yakin anda pasti bisa ) karena mengunakan bahasa indonesai yang jelas dan mudah di mengerti.
Kemudian tahap yang kedua adalah tahap " NAMAI BLOG " atau " NAME A BLOG " nah ditahap halaman ini anda disuruh memasukkan judul blog yang ingin anda buat nantinya ( pilihan terserah anda ) dan memasukkan nama alamat blog / url yang nantinya akan anda gunakan untuk mengakses blog anda, di kotak pembuatan nama alamat url anda hanya memasukkan nama alamat yang anda inginkan ( contoh : namadomainanda , perlu di nget ga usah di tambahkan .blogspot.com dibelakan namadomainanda karena sudah disediakan oleh bloger. ) Nah biasanya untuk tahap ini mengalami kesusahan pemilihan nama domain yg anda buat ( kadang nama sudah dipaki, atau tidak tersedia ) tapi anda coba coba aja sampai bisa dan sedikit tips.... usahakan nama domain / alamat blog yg ingin anda buat harus berkaitan dengan judul blog anda atau dengan nama account anda di bloger yg tadi anda buat di tahap pertama..
Kemudian jika berhasil anda akan memasuki tahap ketiga yaitu tahap pemilhan template.. anda bisa memilih templat atau layout sesui dengan selera anda, jika anda ingin menambahka pernak pernik atau mengedit nya anda bisa cari tutorialnya di daftar isi blog ini..
Nah udah dech... sekarang anda sudah mempunya blog sendiri di blogspot.
Untuk mengakses halaman login anda harus kunjungi www.blogger.com atau lewat halaman blog anda lalu cari menu login yg berada di pojok kanan atas...
Sedikit tambahan, jika anda ingin menambah jumlah blog atau mau bikin blog lagi.. anda nggak perlu membuat email di google lagi... dengan account blogger yang sudah anda punya anda tinggal membuat blog baru dengan 2 langkah saja ( langkah pertamanya sudah anda lakukan tadi pertama kali ). cara nya adalah anda login ke blogger.com dengan menggunakn account blogger anda ( yg tadi anda buat pertama kali itu loh ) nah setelah itu anda berada di halamn " DASHBORD atau DASBOR " kemudian cari menu link yang bertuliskan " BUAT BLOG " (dalam bahasa indo) tepatnya berada di bawah menu pilihan bahasa yang berada di pojok kanan atas sedikit kebawah.. nah selanjutnya caranya seperti tahap yang ke 2 dan ke 3 pada penjelasan di atas..
Selamat mencoba yah, kalo masih ada yang bingung anda bisa menanyakannya lewat kotak komentar di bawah ini...
Jumat, 02 Januari 2009
membuat script search atau pencarian untuk blog
Setelah saya mengecek darimana pengunjung blog ini berdatangan dan menggunakan kata kunci apa mereka bisa sampai ke blog ini, ternyata saya menemukan salah satu diantara mereka pengunjung blog ini menggunakan kata kunci " membuat script search blogspot " yang kebetulan belum saya postingan mengenenai pembuatannya... Langsung aja dech saya membuat postingan tentang ini.. dan hasilnya sampai saat ini saya masih ngetik, memutar mutar kata dan kalimat untuk membuat artikel dengan bahasa penyampaian yang mudah di mengerti untuk para pengunjung. Tapi apakah saya sudah berhasil membuat anda para pembaca mengerti dengan bahasa penyampain saya..? andalah yang tahu dan bisa menilai, saya berharap anda bisa ngasih masukkan buat saya.. biar tambah semangat... hehehehe..
Nah.. sekarang untuk membuat script search untuk blog adalah hal yang mudah... karena pada dasarnya kita bukan membuat script search itu sendiri, tapi kita adalah sebagai pemakai dari hasil temuan atau buatan seorang programmer yang membuat terlebih dahulu.. terus terang aku mendapatkannya dari hasil mengcopy dari situs lain yang emank sengaja di peruntukkan untuk orang banyak.. yang kebetulan pemiliknya adalah orang bule
Loh... berarti saya melakukan copy paste dunk.. bener..., saya memank melakukan copy paste.. tapi saya mempublikasikannya ulang dengan menggunakan bahasa penyampaian saya sendiri, bukan meng copy seluruh artikel dan langsung melakukan paste tanpa mengedit sedikit kata kata dari sang pembuat.. ( maaf saya lupa alamat blog yg dulu saya baca artikelnya, yg pasti milik orang bule. coz waktu nemuin artikelnya udah lama banget.. jadi lupa dech.. hehehe.. ) oke.. sedikit masukan bagi para bloggers.. melakuakn atau membuat artikel yang bertemakan sama ataupun membahas tutorial yang sama boleh boleh saja.. tapi kita juga musti menjaga kreatifitas kita dalam mengeblog yaitu dengan membuat kalimat penyampaian tutorial dengan bahasa penyampain sendiri.. ( bukan asal kopi paste, tanpa pengeditan sedikitpun.. ditambah lagi ga mencantumkan alamat asalnya.. hal yang sangat memalukan bagi bloggers jika berbuat tersebut dan yang psti nggak menghargai sebagai sesama bloggers.. ) kita emank pada dasarnya mendapatkan pengetahuan dari orang lain / blog lain, makanya kita sumbangkan kembali ilmu yang lebih duluan kita dapat dari orang lain.. tapi dengan kreatifitas kita sendiri..
Loh loh loh... ko jadi lupa nih ngasih tau cara membuat script search nya... hehehe ... sorry.. sedikit emsoi ih gara2 saya kerap melhat artikel dari blog ini di kopi paste tanpa melakukan pengeditan ulang dan yang parah lagi ga mencantumkan alamat sumbernya... panas tau ga...? hahahahaha..
Udah dech... ni dia scriptnya.. biar ga keburu kabur para pembaca.. hehehe
<form action='/search' id='searchThis' method='get' style='display:inline;'><input id='searchBox' name='q' type='text'/> <input id='searchButton' type='submit' value='Cari'/></form>
taruh kode script diatas kedalam halaman blog anda sesui dengan kemaun anda mau di letakkan di bagian mana... untuk lebih mudahnya anda bisa menaruhnya di bagian sidebar blog anda dengan cara menambahkan gadget baru / ADD A GADGET kemudian pilih yang HTML/Javascript ... dan jika ingin menempatkan tempat yang lain.. silahkan cari referensi dari blog ini dengan menggunakan kotak pencarian disebelah atas atau langsung lewat menu " daftar isi blog " ....
Dan kayak seperti biasanya, silahakn jika ada yang masih bingung anda boleh menanyakanya lewat kotak komentar dibawah ini.. sebelumnya salam sukses dan semoga brhasil...
Nah.. sekarang untuk membuat script search untuk blog adalah hal yang mudah... karena pada dasarnya kita bukan membuat script search itu sendiri, tapi kita adalah sebagai pemakai dari hasil temuan atau buatan seorang programmer yang membuat terlebih dahulu.. terus terang aku mendapatkannya dari hasil mengcopy dari situs lain yang emank sengaja di peruntukkan untuk orang banyak.. yang kebetulan pemiliknya adalah orang bule
Loh... berarti saya melakukan copy paste dunk.. bener..., saya memank melakukan copy paste.. tapi saya mempublikasikannya ulang dengan menggunakan bahasa penyampaian saya sendiri, bukan meng copy seluruh artikel dan langsung melakukan paste tanpa mengedit sedikit kata kata dari sang pembuat.. ( maaf saya lupa alamat blog yg dulu saya baca artikelnya, yg pasti milik orang bule. coz waktu nemuin artikelnya udah lama banget.. jadi lupa dech.. hehehe.. ) oke.. sedikit masukan bagi para bloggers.. melakuakn atau membuat artikel yang bertemakan sama ataupun membahas tutorial yang sama boleh boleh saja.. tapi kita juga musti menjaga kreatifitas kita dalam mengeblog yaitu dengan membuat kalimat penyampaian tutorial dengan bahasa penyampain sendiri.. ( bukan asal kopi paste, tanpa pengeditan sedikitpun.. ditambah lagi ga mencantumkan alamat asalnya.. hal yang sangat memalukan bagi bloggers jika berbuat tersebut dan yang psti nggak menghargai sebagai sesama bloggers.. ) kita emank pada dasarnya mendapatkan pengetahuan dari orang lain / blog lain, makanya kita sumbangkan kembali ilmu yang lebih duluan kita dapat dari orang lain.. tapi dengan kreatifitas kita sendiri..
Loh loh loh... ko jadi lupa nih ngasih tau cara membuat script search nya... hehehe ... sorry.. sedikit emsoi ih gara2 saya kerap melhat artikel dari blog ini di kopi paste tanpa melakukan pengeditan ulang dan yang parah lagi ga mencantumkan alamat sumbernya... panas tau ga...? hahahahaha..
Udah dech... ni dia scriptnya.. biar ga keburu kabur para pembaca.. hehehe
<form action='/search' id='searchThis' method='get' style='display:inline;'><input id='searchBox' name='q' type='text'/> <input id='searchButton' type='submit' value='Cari'/></form>
taruh kode script diatas kedalam halaman blog anda sesui dengan kemaun anda mau di letakkan di bagian mana... untuk lebih mudahnya anda bisa menaruhnya di bagian sidebar blog anda dengan cara menambahkan gadget baru / ADD A GADGET kemudian pilih yang HTML/Javascript ... dan jika ingin menempatkan tempat yang lain.. silahkan cari referensi dari blog ini dengan menggunakan kotak pencarian disebelah atas atau langsung lewat menu " daftar isi blog " ....
Dan kayak seperti biasanya, silahakn jika ada yang masih bingung anda boleh menanyakanya lewat kotak komentar dibawah ini.. sebelumnya salam sukses dan semoga brhasil...
Selasa, 30 Desember 2008
menambahkan meta tag untuk men seo kan blog
Wah.. anda bakalan rugi jika nggak mengikuti postingan yang satu ini, karena setelah berbulan bulan saya menunda nunda untuk menshare tutorial tentang SEO ( search engine optimization ) yang satu ini, karena alasan ( wah ntar kalo blog saya di saingin ramenya gimana ? gara gara rahasianya aku bagi bagikan ke orang lain.., hahahaha.. lucu yah.. ), padahal sebenernya dah lama banget pengen menshare postingan tentang meta tag ini. Tapi sekarang akhirnya juga terpublikasikan atau terposting untuk anda.... maafkan saya yah karena telat... hehehe. Yah mengedit atau lebih tepatnya menambahkan meta tag dalam blog khususnya blogspot adalah hal nomor satu yang musti dilakukan oleh para pe blogger, karena ini berkaitan erat dengan meta spider crawler search engine ( mesin pencari ). Nah trus kaitan nya apa dunk... karena spider crawler milik search engine sangat suka dengan meta tag, maka kita perlu menambahkan meta tag ke bagian header blog kita agar spider crawler search engine mudah untuk menemukan keyword dan title blog kita yang sudah kita set dan tentukan ( yang pasti yang unik / masih jarang yang memakainya ) kedalam meta tag yang kita buat.
Langkah ini tidak akan memakan waktu yang lama, anda tinggal meng copy contoh meta tag yang saya berikan dan anda tinggal mengedit meta description dan meta keyword sesuai dengan topik blog anda. Biar anda ngak bingung silahkan anda ikti langkah dibawah ini :
copy contoh meta tag dibawah ini lalu anda edit yang saya kasih tanda tlisan berwarna
<meta expr:content='data:blog.pageTitle + " - tutorial ngeblog di blogger blogspot"' name='description'/>
Diatas adalah contoh meta tag description, ganti tulisan yang berwarna merah dengan kalimat deskripsi yang sesui dengan blog anda, tapi jika bingung dan untuk lebih mudahnya ganti aja dengan nama judul / title blog anda ( sebisa mungkin jika anda membuat judul / title blog harus simple, unik atau jarang yang memakai dan yang pasti title/judul tersebut banyak orang yang menginginkannya / mencarinya [jangan membuat title blog terlalu puanjaaaang karena akan dianggap spam oleh spider crawler search engine, dan jangan terlalu sedikit] ). Tapi perlu diinget jika anda mengganti tulisan yg berwarna merah diatas dengan nama judul blog anda.. hasilnya jika di lihat di hasil crawler ( yg terindex oleh mesin pencari ) akan nampak double / pengulangan judul blog anda ( judul blog anda akan dibaca search engin 2 kali alias sama ), karena jika kita perhatikan seksama contoh meta tag diatas " data:blog.pageTitle " merupakan judul dr blog anda sendiri dan jika di tambah " + " - tutorial ngeblog di blogger blogspot& " berati jika tulisan yg berwarna merah anda ganti dengan judu /title blog anda.. hasilnya akan nampak seperti ini : " tutorial ngeblog di blogger blogspottutorial ngeblog di blogger blogspot " gtuuuuu... ( tapi kalo bingung mending pake / ganti dengan judul / title blog anda... ga papa ko.. blog ini juga memakai judul/title blog..)
kemudian selanjutnya adalah contoh meta tag keyword, lihat contoh dibawah ini :
<meta expr:content='data:blog.pageTitle + " merayu cewe, menggoda wanita, super model, model hot, cerita cinta, cerita misteri, cerita anak, muda mudi, humor, jangan cerita sex loh dosa!!"' name='keywords'/>
ubah tulisan yang berwarna biru pada contoh meta keyword diatas dengan target keyword atau kata kunci yang sesui dengan blog anda, ( usahakan panjang keyword jangan terlalu panjang, dan disetiap kata kunci pisahkan dengan koma. pokoknya maksimal kata kunci yang anda masukkan sekitar 200 karakter atau lebih dikit lah, biar ga diangggap spam / sampah oleh search engine)
Kemudian jika sudah anda edit dan ganti sesui dengan deskrispi atau title blog anda beserta kata kunci yang anda pilih, silahkan masukkan meta tag tersebut keduanya kedalam bagian head blog anda tepatnya cari code seperti ini <head> yang ada dibagian atas edit html blog anda. dan taruh meta tag yang anda bikin tadi tepat di bawahnya kode tag <head>
kemudian tekan tombol simpan.
Oke dech... selesai, tapi tips SEO tidak selesai samapi di tahap penambahan meta tag ini saja, karena tips SEO sifatnya berkaitan dan saling melengkapi.. ada lagi tips seo lain yang ga kalah pentingnya, yaitu memasang google sitemap ( yaitu SEO yang ditujukan spesial buat mesin pencari google yang kebetulan di indonesia google adalah mesin pencari nomor satu yang sering dipakai ).. tapi akan saya bahas di lain kesempatan, jika nggak sabar postingannya silahkan rekues aja lewat post komentar dibawah ini, biar saya menjadi semangat.. hehehhe..
Oke.. sekian dulu yah.. sampai jumpa lagi ditutorial yang lainnya...
Langkah ini tidak akan memakan waktu yang lama, anda tinggal meng copy contoh meta tag yang saya berikan dan anda tinggal mengedit meta description dan meta keyword sesuai dengan topik blog anda. Biar anda ngak bingung silahkan anda ikti langkah dibawah ini :
copy contoh meta tag dibawah ini lalu anda edit yang saya kasih tanda tlisan berwarna
<meta expr:content='data:blog.pageTitle + " - tutorial ngeblog di blogger blogspot"' name='description'/>
Diatas adalah contoh meta tag description, ganti tulisan yang berwarna merah dengan kalimat deskripsi yang sesui dengan blog anda, tapi jika bingung dan untuk lebih mudahnya ganti aja dengan nama judul / title blog anda ( sebisa mungkin jika anda membuat judul / title blog harus simple, unik atau jarang yang memakai dan yang pasti title/judul tersebut banyak orang yang menginginkannya / mencarinya [jangan membuat title blog terlalu puanjaaaang karena akan dianggap spam oleh spider crawler search engine, dan jangan terlalu sedikit] ). Tapi perlu diinget jika anda mengganti tulisan yg berwarna merah diatas dengan nama judul blog anda.. hasilnya jika di lihat di hasil crawler ( yg terindex oleh mesin pencari ) akan nampak double / pengulangan judul blog anda ( judul blog anda akan dibaca search engin 2 kali alias sama ), karena jika kita perhatikan seksama contoh meta tag diatas " data:blog.pageTitle " merupakan judul dr blog anda sendiri dan jika di tambah " + " - tutorial ngeblog di blogger blogspot& " berati jika tulisan yg berwarna merah anda ganti dengan judu /title blog anda.. hasilnya akan nampak seperti ini : " tutorial ngeblog di blogger blogspottutorial ngeblog di blogger blogspot " gtuuuuu... ( tapi kalo bingung mending pake / ganti dengan judul / title blog anda... ga papa ko.. blog ini juga memakai judul/title blog..)
kemudian selanjutnya adalah contoh meta tag keyword, lihat contoh dibawah ini :
<meta expr:content='data:blog.pageTitle + " merayu cewe, menggoda wanita, super model, model hot, cerita cinta, cerita misteri, cerita anak, muda mudi, humor, jangan cerita sex loh dosa!!"' name='keywords'/>
ubah tulisan yang berwarna biru pada contoh meta keyword diatas dengan target keyword atau kata kunci yang sesui dengan blog anda, ( usahakan panjang keyword jangan terlalu panjang, dan disetiap kata kunci pisahkan dengan koma. pokoknya maksimal kata kunci yang anda masukkan sekitar 200 karakter atau lebih dikit lah, biar ga diangggap spam / sampah oleh search engine)
Kemudian jika sudah anda edit dan ganti sesui dengan deskrispi atau title blog anda beserta kata kunci yang anda pilih, silahkan masukkan meta tag tersebut keduanya kedalam bagian head blog anda tepatnya cari code seperti ini <head> yang ada dibagian atas edit html blog anda. dan taruh meta tag yang anda bikin tadi tepat di bawahnya kode tag <head>
kemudian tekan tombol simpan.
Oke dech... selesai, tapi tips SEO tidak selesai samapi di tahap penambahan meta tag ini saja, karena tips SEO sifatnya berkaitan dan saling melengkapi.. ada lagi tips seo lain yang ga kalah pentingnya, yaitu memasang google sitemap ( yaitu SEO yang ditujukan spesial buat mesin pencari google yang kebetulan di indonesia google adalah mesin pencari nomor satu yang sering dipakai ).. tapi akan saya bahas di lain kesempatan, jika nggak sabar postingannya silahkan rekues aja lewat post komentar dibawah ini, biar saya menjadi semangat.. hehehhe..
Oke.. sekian dulu yah.. sampai jumpa lagi ditutorial yang lainnya...
Senin, 29 Desember 2008
mengamati kedatangan pengunjung dengan feedjit
Apakah kegunaan widget yang satu ini ( live traffic feedjit ) ..? jadi dengan widget ini anda bisa mengetahui darimana pengunjung blog anda datang, dari blog orang lain atau dari hasil pencarian pencarian search engine semacam google, yahoo, msn livesearch dan lain lain. Dengan widget ini pula anda juga dapat membantu menaikkan SEO blog anda dengan cara menelusuri dan membuka dari site serach referer ( website pencarian yang sudah menjadi media pengantar kedatangan pengunjung anda ) tapi akan saya bahas tutorial nya di lain session, karena tidak sesuai dengan topik judul yang dibahas sekarang, tapi jika anda merikuesnya pasti akan segera saya posting untuk anda.. dijamin dech.. hehehe..
Oke sekarang kita kembali ketopik pembahasan yaitu " mengamati kedatangan pengunjung blog dengan feedjit ". Apa itu feedjit..? adalah sutu website penyedia widget counter yang berfungsi untuk merekam kedatangan pengunjung suatu blog atau web ( live traffic feed ). Nah untuk mendapatkan widget counternya anda ga perlu repot repot mendaftar terlebih dahulu, anda cukup melakukan tiga langkah menuju pengambilan script widget bahkan bisa berkurang dari tiga langkah atau tepatnya satu step aja udah cukup untuk mengambil kodenya.. ni dia websitenya
www.feedjit.com
Nah setelah anda klik link diatas anda akan dihadapkan dihalaman join js, kemudian anda pilih widget yang berada di paling kiri dari layar monitor anda yaitu yang " Live Traffic Feed " .. jika anda ingin mengedit tampilan widget tersebut terlebih dahulu silahkan anda klik link yang bertuliskan " First Customize it! " , jika sudah anda edit tampilannya tahap selanjutnya anda bisa melakukan pengambilan widget dengan cara penginstalan ke blogger secara otomatis dengan cara klik link " Add to your Blogger Blog " atau dengan cara menambahkan gadget baru secara manual yaitu dengan cara anda copy seluruh code script yang berada di kotak, tepatnya berada diatas nya pas widget tersebut dan taruh dibagian sidebar blog anda dengan cara menambahkan gadget baru " ADD A GADGET " dan pilih pilihan yang HTML/Javascript kemudian tekan save / simpan.. udah dech selesai..
Sekarang anda bisa memantau dari mana saja pengunjung blog anda berdatangan.. dan hal ini bisa membuat anda bersemangat ngeblog, apa lagi jika pengunjung blog anda kebanyakan berdatangan dari hasil pencarian mesin pencari... wuihhh.. pasti bangga dech.....
Oke... selamat mencoba yah... dan salam hangat serta sukses selalu..
Oke sekarang kita kembali ketopik pembahasan yaitu " mengamati kedatangan pengunjung blog dengan feedjit ". Apa itu feedjit..? adalah sutu website penyedia widget counter yang berfungsi untuk merekam kedatangan pengunjung suatu blog atau web ( live traffic feed ). Nah untuk mendapatkan widget counternya anda ga perlu repot repot mendaftar terlebih dahulu, anda cukup melakukan tiga langkah menuju pengambilan script widget bahkan bisa berkurang dari tiga langkah atau tepatnya satu step aja udah cukup untuk mengambil kodenya.. ni dia websitenya
www.feedjit.com
Nah setelah anda klik link diatas anda akan dihadapkan dihalaman join js, kemudian anda pilih widget yang berada di paling kiri dari layar monitor anda yaitu yang " Live Traffic Feed " .. jika anda ingin mengedit tampilan widget tersebut terlebih dahulu silahkan anda klik link yang bertuliskan " First Customize it! " , jika sudah anda edit tampilannya tahap selanjutnya anda bisa melakukan pengambilan widget dengan cara penginstalan ke blogger secara otomatis dengan cara klik link " Add to your Blogger Blog " atau dengan cara menambahkan gadget baru secara manual yaitu dengan cara anda copy seluruh code script yang berada di kotak, tepatnya berada diatas nya pas widget tersebut dan taruh dibagian sidebar blog anda dengan cara menambahkan gadget baru " ADD A GADGET " dan pilih pilihan yang HTML/Javascript kemudian tekan save / simpan.. udah dech selesai..
Sekarang anda bisa memantau dari mana saja pengunjung blog anda berdatangan.. dan hal ini bisa membuat anda bersemangat ngeblog, apa lagi jika pengunjung blog anda kebanyakan berdatangan dari hasil pencarian mesin pencari... wuihhh.. pasti bangga dech.....
Oke... selamat mencoba yah... dan salam hangat serta sukses selalu..
Minggu, 28 Desember 2008
javascript alert text popup window
Untuk menampilkan teks alert atau kata kata peringatan dalam blog bukannlah hal yang sangat sulit, anda tinggal memasukkan script javascript alert text kedalam halaman website atau blog anda. Tapi karena kekreatifan para bloggers indonesia khususnya jaman sekarang dan yang pasti anak anak muda ABG, mereka merubah function atau kegunaan javascript alert teks popup window ini untuk mempercatik halaman blog mereka, dan yang bikin menarik lagi kata kata peringatan / alert yang default diubah dengan kata kata yang unik dan kreatif, seperti kata sapaan dan perkenalan dan lain sebagainya.. untuk membuat seperti yang saya jelaskan diatas silahkan anda lihat code script berikut dibawah ini, dan kemudian coba anda copy dan terapkan kedalam halaman blogspot atau blog blog yang lainnya punya anda, ni dia scriptnya
<script type='text/javascript'>
var name = prompt("Hallo..Selamat Datang... Namanya siapa..?", "isi nama disini");
alert("Lam kenal yach "+name)
alert("knalin nama aku kodok..")
alert("duuuh...Kamu kayak kodok juga yah...wekekekekeke... kokkokok... "+name)
</script>
Nah sekarang anda edit kata kata yang saya kasih warna biru, kemudian masukkan kedalam halaman blog anda, bisa anda letakkan dihalaman bog anda dengan cara lewat edit html blog anda atau dengan cara menambahkan gadget baru / add a gadget yang pilihan html/javascript ... tapi saya menyarankan anda taruh dengan cara lewat edit html blog anda dan taruh dibagian body blog yang paling atas, tepatnya taruh code script dibawah tag <body>. jika code script anda tidak dapat di save atau disimpan ( tidak diterima oleh blogger ) maka parse lah terlebih dahulu code script yang ingin anda masukkan kemudian hasil parsean tersebut anda masukkan dibawah tag <body> ( klik disini cara mem parse script ) kemudian kalo udah, jangan lupa anda tekan tombol save / simpan..
Jika cara diatas masih membingungkan anda, silahkan pake cara yang menambahkan gadget baru aja... yaitu tekan tombol add a gadget dan pilih pilihan html/javascript kemudnian scriptnya masukkan disitu, tekan simpan /save.. udah dech.. anda bisa knalan sama pengunjung blog anda..
moga bermanfaat dan puas dengan tutorial ini yah..
salam knal dan sukses..
<script type='text/javascript'>
var name = prompt("Hallo..Selamat Datang... Namanya siapa..?", "isi nama disini");
alert("Lam kenal yach "+name)
alert("knalin nama aku kodok..")
alert("duuuh...Kamu kayak kodok juga yah...wekekekekeke... kokkokok... "+name)
</script>
Nah sekarang anda edit kata kata yang saya kasih warna biru, kemudian masukkan kedalam halaman blog anda, bisa anda letakkan dihalaman bog anda dengan cara lewat edit html blog anda atau dengan cara menambahkan gadget baru / add a gadget yang pilihan html/javascript ... tapi saya menyarankan anda taruh dengan cara lewat edit html blog anda dan taruh dibagian body blog yang paling atas, tepatnya taruh code script dibawah tag <body>. jika code script anda tidak dapat di save atau disimpan ( tidak diterima oleh blogger ) maka parse lah terlebih dahulu code script yang ingin anda masukkan kemudian hasil parsean tersebut anda masukkan dibawah tag <body> ( klik disini cara mem parse script ) kemudian kalo udah, jangan lupa anda tekan tombol save / simpan..
Jika cara diatas masih membingungkan anda, silahkan pake cara yang menambahkan gadget baru aja... yaitu tekan tombol add a gadget dan pilih pilihan html/javascript kemudnian scriptnya masukkan disitu, tekan simpan /save.. udah dech.. anda bisa knalan sama pengunjung blog anda..
moga bermanfaat dan puas dengan tutorial ini yah..
salam knal dan sukses..
Langganan:
Postingan (Atom)