Wednesday, January 22, 2025
Copyright 2021 - All Right Reserved
Home » Blogger » Page 4
Tag:

Blogger

BloggerTutorial

cara mengetahui waktu terakhir kunjungan google_bot kehalaman website / blog kita

by admin
written by admin

Update 25/12/2017 : Koreksi penulisan google boot diubah menjadi google bot

Wahhhh panjang amat judulnya yachh,, hiihihhi.. tapi ga apa-apa itung itung eksis didunia perbloggeran lagi dengan meningkatkan intensitas update blog dengan posting-posting tutorial yang mungkin bermanfaat untuk anda atau tepatnya khalayak ramai.. Oke kali ini saya akan membahas cara mengetahui kapan waktu terakhir google_bot melakukan indexing ke halaman website atau blog kita.. Untuk kali ini saya hanya memberikan referensi link yang menyediakan fasilitas monitoring aktivitas google bot….
Sedikit flashback mengenai website mypagerank.net ini yang tak lain adalah penyedia fasilitas gratis ini. Dahulu kala sekitar tahun 2006-2007-an pas masih aktif-aktifnya ngeblog di blogger blogspot saya sudah sering menggunakan salah satu fasilitas dari situs tersebut diantaranya adalah widget counter google pagerank yaitu widget atau gatget untuk blog kita yang berfungsi untuk mengetahui ranking berapa blog atau website kita dimata google.com (mong-omong sudah pernah saya tulis di blog ini belum yach,, lupa saya.. hiihihhi) Okeh saya stop cuap-cuapnya biar nggak pada kabur duluan karena kelamaan ngoceh ngalor-ngidul-ngetan-ngulon..hihhii. Nih dia link nya http://www.mypagerank.net/service_gbla_index Seperti biasa jika ada kejanggalan dan atau mungkin ada uneg-uneg yang mau disampaikan bisa dituliskan melalui kota komentar dibawah ini,, maturnuwunnn

0 comment
0 FacebookTwitterPinterestEmail
Blogger

cara membuat teks area ( text area )

by admin
written by admin

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..

  • 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

Untuk yang ini, adalah memudahkan pengunjung blog anda untuk memberi tanda hightlight

<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

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya, cuman bedanya yg tanpa menggunkan bantuan form.. nah untuk mencobanya silahkan anda klik pada halaman teksarea contoh hasil dibawah ini..

<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

Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi suda ter hightlight sendiri, ni dia contoh codenya..

<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

0 comment
0 FacebookTwitterPinterestEmail
Blogger

Skin mp3 player generator untuk blog dan friendster

by admin
written by admin

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..

0 comment
0 FacebookTwitterPinterestEmail
Blogger

cara membuat slideshow untuk blogspot dengan javascript

by admin
written by admin

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…

.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;
}
}

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>

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>

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;
}

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…

0 comment
0 FacebookTwitterPinterestEmail
Blogger

cara daftar google sitemap untuk seo blog

by admin
written by admin

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…

  • 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

Next Step
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..

Jika anda ingin mensubmitkan alamat blog lain juga bisa, hanya cukup dengan satu account google aja..
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…..

0 comment
0 FacebookTwitterPinterestEmail
Blogger

menampilkan iklan google adsense dihalaman blog bahasa indonesia

by admin
written by admin

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…
iklan jual beli
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..

0 comment
0 FacebookTwitterPinterestEmail
Blogger

membuat form klik auto / otomatis instal kedalam blogspot

by admin
written by admin

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.

<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..

0 comment
0 FacebookTwitterPinterestEmail
Blogger

free widget generator recent posts untuk blog anda

by admin
written by admin

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..

  • 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..

0 comment
0 FacebookTwitterPinterestEmail
Blogger

cara membuat perintah iframe script di bloggger

by admin
written by admin

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 :

  1. tulisan yg berada didalam kurung dan berwarna merah ganti dengan alamat website yang ingin ditampilkan di dalam iframe
  2. scrolling : untuk mengatur halaman ifram yg anda tampilkan bisa di scroll atau tidak.. ( opsi : yess dan no )
  3. 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 )
  4. width : untuk mengatur lebar tampilan ifram ( satuan ukur px, atau yg lainnya )
  5. height : untuk mengatur tinggi tampilan iframe ( satuan ukur px, atau yg lainya )

Udah tau kan..? cuman segitu aja, tapi kita bisa menampilkan halaman website lain kedalam halaman blog kita, keren ga…
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…

0 comment
0 FacebookTwitterPinterestEmail
Blogger

cara membuat / menambah postingan artikel pada blogspot

by admin
written by admin

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..

0 comment
0 FacebookTwitterPinterestEmail
Newer Posts
Older Posts

©2022. All Rights Reserved.