Halo sobat skalian, wah kita brjumpa lagi nh di blog tutorial ini, tapi kali ini saya tdk memberikan tutorial tapi seputar kesengsaraan ngeblog saya pake handphone (hp) yang akhr2 ini saya lakukan seperti saat posting postingan ini.. Uh.. Ditambah lagi tadi sempet mengulang ketikan ala ibu jari menari, hehehe.. Gara2 sempet kepencet tombol delete kelamaan.. Uhghh..
Tapi udah dulu yah sob, ibu jari saya udah pegel bnget nh. Hehe.. Dan seperti biasa kalo ingin bertanya seputar nge blog me ngeblog silahkan tanya kan aja yah di komentar dibawah ini, karena saya akan tetep meng update blog dengan tutorial2 yang sipz dan keren.. Ditunggu ajah yah, n bye kawan..
Wednesday, 29 April 2009
ngeblog pake handphone (hp), sungguh mengenaskan
Halo sobat skalian, wah kita brjumpa lagi nh di blog tutorial ini, tapi kali ini saya tdk memberikan tutorial tapi seputar kesengsaraan ngeblog saya pake handphone (hp) yang akhr2 ini saya lakukan seperti saat posting postingan ini.. Uh.. Ditambah lagi tadi sempet mengulang ketikan ala ibu jari menari, hehehe.. Gara2 sempet kepencet tombol delete kelamaan.. Uhghh..
Tapi udah dulu yah sob, ibu jari saya udah pegel bnget nh. Hehe.. Dan seperti biasa kalo ingin bertanya seputar nge blog me ngeblog silahkan tanya kan aja yah di komentar dibawah ini, karena saya akan tetep meng update blog dengan tutorial2 yang sipz dan keren.. Ditunggu ajah yah, n bye kawan..
Tapi udah dulu yah sob, ibu jari saya udah pegel bnget nh. Hehe.. Dan seperti biasa kalo ingin bertanya seputar nge blog me ngeblog silahkan tanya kan aja yah di komentar dibawah ini, karena saya akan tetep meng update blog dengan tutorial2 yang sipz dan keren.. Ditunggu ajah yah, n bye kawan..
Sunday, 1 March 2009
cara membuat teks area ( text area )
Untuk kesempatan kali ini saya akan memberikan contoh cara pembuatan text area ( teks area ) untuk blogspot anda. Tapi sebelum saya langsung memberikan contoh pembuatannya.. ada baiknya saya akan jelaskan terlebih dahulu kegunaan dari teks area ini. Jika anda adalah seorang bloger, maksudnya orang yang suka ngeblog dan sering melakukan blog walking ( keliling keliling dari satu blog ke blog lainnya ) sangat cocok sekali jika anda menyiapkan teks area di blog anda yang berisikan tag pembentuk link yang menuju blog anda... tau kan cara membuat link..? kalo belom tau silahkan klik disini dan anda pelajari sebentar.. Nah setelah anda bisa membuat link buat blog anda sendiri ada baiknya jika link blog anda yang barusan anda buat anda suguhkan kepada pengunjung blog anda dengan menggunakan teks area ini, pasti dech pengunjung blog anda yang ingin bertukeran link dengan anda pasti tidak terasa kerepotan karena sudah anda siapakan. Nah udah taukan apa manfaat teks area..?, contoh yang barusan saya gambarkan barusan adalah cuman sebagai contoh aja dan bisa anda kembangkan dan manfaatkan lebih lanjut lagi
Sekarang waktunya kita untuk praktek, langsung aja lihat contoh yang pertama dibawah ini, karena dalam pembuatan teks area nantinya akan saya bagi menjadi beberapa tingkatan yang mempunya functional tersendiri.. ni dia contohnya..
Hasilnya akan nampak seperti dibawah ini
Keterangan :
rows = tinggi
cols = lebar
Hasilnya akan nampak sperti dibawah ini.
Hasilnya akan nampak seperti dibawah ini..., anda klik aja di bagian teksareanya
Hasilnya akan nampak dibawah ini, letakkan mouse anda di wilayah teks area dibawah ini agar menegetahui efek hightlight nya..
Oiya.. hampir lupa, kalo ingin merubah lebar dan tinggi tampilan textarea silahakn ganti angka angka pada kata " rows " dan " cols "
Nah contoh contoh diatas adalah sebagai contoh aja dan sebagai pembelajaran dan bisa anda kembangkan sendiri sesui dengan fungsional nya..
Moga aja membantu yah, n kalo masih bingung atau bahkan sudah berhasil membuat ini dan ingin koar koar disini juga silahkan.. monggo mas.. hehehe..
Sampai jumpai di tutorial tutorial yang menarik lainnya di http://master-blog-ayiek.blogspot.com ini
Sekarang waktunya kita untuk praktek, langsung aja lihat contoh yang pertama dibawah ini, karena dalam pembuatan teks area nantinya akan saya bagi menjadi beberapa tingkatan yang mempunya functional tersendiri.. ni dia contohnya..
- Pembuatan teks area standar / default
<textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>
Hasilnya akan nampak seperti dibawah ini
Keterangan :
rows = tinggi
cols = lebar
- Pembuatan textarea dengan button / tombol higtlight
<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea></form></center>
Hasilnya akan nampak sperti dibawah ini.
- Pembuatan teksarea dengan onclick hightligt
<textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>
Hasilnya akan nampak seperti dibawah ini..., anda klik aja di bagian teksareanya
- pembuatan textarea sensitif hightlight
<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>
Hasilnya akan nampak dibawah ini, letakkan mouse anda di wilayah teks area dibawah ini agar menegetahui efek hightlight nya..
Oiya.. hampir lupa, kalo ingin merubah lebar dan tinggi tampilan textarea silahakn ganti angka angka pada kata " rows " dan " cols "
Nah contoh contoh diatas adalah sebagai contoh aja dan sebagai pembelajaran dan bisa anda kembangkan sendiri sesui dengan fungsional nya..
Moga aja membantu yah, n kalo masih bingung atau bahkan sudah berhasil membuat ini dan ingin koar koar disini juga silahkan.. monggo mas.. hehehe..
Sampai jumpai di tutorial tutorial yang menarik lainnya di http://master-blog-ayiek.blogspot.com ini
Wednesday, 25 February 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..
Sunday, 1 February 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...
Friday, 23 January 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.....
Saturday, 17 January 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..
Friday, 16 January 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..
Monday, 12 January 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..
Friday, 9 January 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...
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..
Wednesday, 7 January 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...
Friday, 2 January 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...
Subscribe to:
Posts (Atom)