Modifikasi Kotak Berlangganan Email

Dadi Mulyadi | 3/31/2010 02:37:00 pm | 20komentar
Modifikasi Kotak Berlangganan Email
Gambar disamping adalah kotak berlangganan email default, apabila sahabat blogger ingin mengganti kotak berlangganan email agar lebih menarik tampilannya saya akan memberikan tips merubah kotak subscribe email sesuai pilihan sahabat, sangat berguna sekali memang kotak belangganan email ini untuk sebuah blog atau website, ada bermacam-macam tampilan kotak subscribe di google tapi disini saya akan memberikan 2 macam dan dapat di rubah sesuai keinginan anda. Seperti screenshout dibawah ini :


Contoh tampilan kotak berlangganan email no #1

cara merubah kotak subscribe email

Berikut dibawah ini kodenya :

<form action="http://www.feedmyinbox.com/feeds/verify/" method="post" id="fmi" target="fmi" onsubmit="window.open('http://www.feedmyinbox.com/', 'fmi', 'scrollbars=yes,width=520,height=490');return true;">
Email Address: <input type="text" value="" name="email" />
<input type="hidden" value="http://feeds.feedburner.com/blogspot/UjtP" name="feed" />
<input type="submit" value="Submit" />
<p>Powered by <a href="http://www.feedmyinbox.com" title="Visit FeedMyInbox">Feed My Inbox</a></p>
</form>

*** Anda dapat menggati  alamat url  yang disorot warna merah diatas.
sekian dan semoga trik modifikasi kotak subscribe by email ini dapat anda pergunakan.


Contoh tampilan kotak subscribe via email no #2

cara membuat Kotak Berlangganan Email

Berikut dibawah ini kodenya :
<div id="rightColSCBoxCenter">


<h2 class="white" align="center">GRATIS UPDATE BERITA!</h2>
<img src="http://2.bp.blogspot.com/_ToollR7TtzE/S7yU9DALqEI/AAAAAAAABBE/FFb1x6vMPqs/s1600/bkg_rightSpacer2.gif" width="302" height="18" />

<p class="whiteTextSC" style="text-align: center;"><a href="http://mastergomaster.com/" style="text-decoration: underline;">masterGOmaster</a> Selalu update setiap waktu:</p>


<form action="http://www.feedmyinbox.com/feeds/verify/" method="post" id="fmi" target="fmi" onsubmit="window.open('http://www.feedmyinbox.com/', 'fmi', 'scrollbars=yes,width=520,height=490');return true;">
Email Address: <input type="text" value="" name="email" />
<input type="hidden" value="http://feeds.feedburner.com/blogspot/UjtP" name="feed" />
<input type="submit" value="Submit" />
<p>Powered by <a href="http://www.feedmyinbox.com" title="Visit FeedMyInbox">Feed My Inbox</a></p>
</form>

</div>

<h3 align="center" class="white">STAY CURRENT THROUGHOUT THE DAY</h3>

<img src="http://2.bp.blogspot.com/_ToollR7TtzE/S7yU9DALqEI/AAAAAAAABBE/FFb1x6vMPqs/s1600/bkg_rightSpacer2.gif" width="302" height="18" />
<!-- // RSS & SOCIAL OPTIONS // -->


<div style="width: 100%; text-align: center;">

<a href="http://feeds.mastergomaster.com/masterGOmaster" onclick="javascript: pageTracker._trackPageview('/feed-click'); "><img src="http://1.bp.blogspot.com/_ToollR7TtzE/S7yWJ4zTD5I/AAAAAAAABBY/n3nGTOgkZSc/s1600/feeds_48x48.png" style="margin-right: 5px;" /></a>

<a href="http://twittercounter.com/mastergomaster"><img src="http://4.bp.blogspot.com/_ToollR7TtzE/S7yV7PvcWnI/AAAAAAAABBU/ck8u71oLacM/s1600/twitter_48x48.png" style="margin-right: 5px;" /></a>

<a href="http://apps.facebook.com/blognetworks/blog/mastergomaster/" rel="me"><img src="http://4.bp.blogspot.com/_ToollR7TtzE/S7yVv1FJZaI/AAAAAAAABBQ/Ew4gy9w4KcE/s1600/facebook_48x48.png" style="margin-right: 5px;" /></a>


<a href="http://www.linkedin.com/e/gis/53266/36C49469D41E" rel="me"><img src="http://4.bp.blogspot.com/_ToollR7TtzE/S7yVjnmQyiI/AAAAAAAABBM/8ST5Kd4fP5g/s1600/linkedin_48x48.png" style="margin-right: 5px;" /></a>


<a href="https://www.google.com/profiles/mastergomaster" rel="me"><img src="http://3.bp.blogspot.com/_ToollR7TtzE/S7yVXOcvcZI/AAAAAAAABBI/0zLQNKHPnrg/s1600/buzz_48x48.png" style="margin-right: 5px;" /></a>



</div>

<div id="rightColSCBoxBottom" align="center"><img src="http://2.bp.blogspot.com/_ToollR7TtzE/S7yU9DALqEI/AAAAAAAABBE/FFb1x6vMPqs/s1600/bkg_rightSpacer2.gif" width="302" height="18" /></div>



catatan penting :

silahkan edit yang disorot warna merah














Tips SEO, Mendapatkan Traffic dari Handphone/ponsel

Dadi Mulyadi | 3/30/2010 08:48:00 pm | 21komentar
mendapatkan pengunjung dari browser ponsel
Membuat Website/blog Versi Mobile
Jika kemarin blog anda telah disetting supaya blog bisa diakses melalui ponsel, pada kesempatan ini saya ingin mengajak anda semua untuk memaksimalkan blog untuk menjaring pengunjung melalui ponsel. Anda sudah tahu bahwa prasarana telekomunikasi di dunia sedang mengalami trend yang tinggi khususnya di indonesia sendiri untuk itu kita juga harus melakukan atau memanfaatkan segala sesuatu yang berhubungan dengan dunia telekomunikasi yang didalamnya telah dilengkapi  internet dan mengingat kita sudah melakukan atau mempunyai website/blog sudah semestinya blog anda bisa diakses dengan baik oleh pengguna ponsel dan cara ini sudah saya lakukan pada blog ini, anda semua bisa mengaksesnya melalui alamat dibawah ini bagi yang ingin membukanya melalui ponsel

http://www.mippin.com/mastergomaster

apabila anda sahabat blogger ingin melakukan hal yang sama berikut link "cara membuat website versi mobile" silahkan klik tautan link berikut untuk pendaftarannya

http://www.mippin.com/web/?p=appfactory

Dan setelah anda mempunyai website versi mobile ini semoga bisa mendapatkan pengunjung dari browser handphone.

Penting
Jika anda ingin  berkomentar diblogspot melalui ponsel/handphones pastikan sobat  memakai Opera mini versi 4 keatas. Terima kasih dan semoga artikel ini bermanfaat untuk anda semua






Periksa Kompatibilitas Blog Anda untuk Mobile Phones

Dadi Mulyadi | 3/29/2010 12:15:00 pm | 23komentar
cara supaya blog bisa diakses via hand phone
Hal ini sangat berguna jika Blog Anda belum bisa diakses melalui wap browser atau tidak.
Anda dapat memeriksa kompatibilitas blog untuk Ponsel/Handphone Anda, tetapi ini tidak menjamin bekerja secara sempurna apabila pengguna ponsel akan membuka blog Anda menggunakan browser ponsel,
platform blogspot Anda mungkin tidak membacanya sebagai mobile browser yang kompatibel dan harus membuka blog Anda
dengan browser normal. Bila demikian perlu pengaturan untuk dapat dibuka di browser ponsel dan cara agar blog bisa dibuka di browser ponsel
silahkan cek melalui link tautan berikut

Google mobile


1. Masukan alamat blog anda pada text area kosong kemudian klik GO
2. Apabila laman blog anda belum terdeteksi anda bisa klik tautan link dibawahnya dengan masalahnya

semoga dengan cara ini blog anda bisa diakses di browser ponsel. terima kasih






Pasang Tombol Share Facebook + Membuat Tombol Digg

Dadi Mulyadi | 3/28/2010 12:45:00 pm | 13komentar
Facebook Share Count Buttons For Blogger
Jika sebelumnya saya pernah mengulas tentang cara memasang tombol share :
  1. Tombol Yahoo Buzz
  2. Tombol google Buzz
  3. Tombol Retweet


untuk kali ini agar lebih lengkap saya akan mengulas tentang cara memasang tombol share facebook di blogspot dan berikut langkah langkah membuat tombol share facebook
Masuk ke dashboard ► LAYOUT ► EDIT HTML ► centang Expand Widget Templatess dan temukan bagian kode berikut (tekan ctrl+F)

<div class='post-header-line-1'/>

Sisipkan kode berikut dibawah kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if>

Save template !


Add Digg Count Buttons For Blogger
jika anda tertarik untuk memasang tombol Digg, berikut langkah langkah membuat tombol Digg :
Masuk ke dashboard ► LAYOUT ► EDIT HTML ► centang Expand Widget Templates dan temukan bagian kode berikut (tekan ctrl+F)

<data:post.body/>

dan sisipkan kode ini di atas <data:post-body> :

<!-- DIGG Buttons -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>

Save template !

untuk contoh tombol Digg dan tombol share facebook silahkan anda lihat diatas kotak komentar pada blog ini







Pasang Emoticon Skype Di Komentar

Dadi Mulyadi | 3/27/2010 04:47:00 pm | 26komentar
Skype Emoticon For Blogger
Jika sebelumnya saya pernah membahas tentang cara memasang emoticon union, dan hari ini saya akan membahas cara memasang emoticon skype terbaru dari MY Blogger Ticks. Untuk contoh skype emoticonnya saya sudah siapkan seperti  diatas (lucu-lucu ya... !). hampir mirip dengan emoticon yahoo bukan ?
Apabila anda tertarik untuk "memasang emoticon skype di kotak komentar" berikut dibawah ini langkah langkahnya :
Langkah #1
Masuk ke dashboard ► LAYOUT ► EDIT HTML ► centang Expand Widget Templates dan temukan bagian kode berikut (tekan ctrl+F)

<b:include data='post' name='comment-form'/>

Kemudian salin kode dibawah ini dan sisipkan tepat diatas kode tadi

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>

<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'/> :a

&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'/> :b

&#160;
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'/> :c

&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'/> :d

&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'/> :e

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'/> :f

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'/> :g

&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'/> :h

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'/> :i

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'/> :j

&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'/> :l

&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'/> :m

&#160;
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/> :n

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'/> :o

&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'/> :p

&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/> :q

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif'/> :r

&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'/> :s

&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif'/> :t
</div>

Langkah #2
Cari kode </body> dan salin kode dibawah ini kemudian sisipkan tepat diatasnya

<script type='text/javascript'>

//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");

_str = _str.replace(/:a/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

//]]>

</script>

Terakhir jangan lupa untuk save template anda.

Catatan Penting :
Perhatikan kode ini
<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>


1. Untuk yang disorot warna merah anda bisa mengedit ukuran lebarnya
2. Untuk yang disorot warna kuning anda bisa mengedit warna border/garis tepi
3. Untuk yang disorot warna orange anda bisa mengedit warna background atau latar belakangnya
4. Untuk yang disorot warna hijau anda bisa mengedit warna font untuk kodenya

Cukup sekian dan semoga "cara membuat skype emoticon diatas kotak komentar" ini bermanfaat untuk anda semua, terima kasih dan happy blogging

Membuat Auto Scroll + Mengganti Tombol Auto Scroll

Dadi Mulyadi | 3/26/2010 04:39:00 pm | 18komentar
Preview Auto Scroll
Yang dimaksud dengan "auto scroll" ini adalah  untuk memudahkan pembaca yang ingin menggulung kebagian halaman atas secara automatik jadi hanya menekan satu kali tombol auto scroll kemudian akan berada pada halaman atas,  apalagi pada artikel yang panjang tombol ini pasti berfungsi sekali.
untuk pasang auto scroll seperti gambar disamping lakukan langkah langkahnya sebagai berikut ini :
Masuk ke dashboard ► LAYOUT ► EDIT HTML ► centang Expand Widget Templates dan temukan bagian kode berikut. cari kode dibawah ini (tekan ctrl+F) : <head> atau tempatnya biasanya paling atas pada template anda, Setelah menemukannya salin kode berikut persis dibawah kode <head>

<script src='http://mastergomaster2.googlecode.com/files/jquery-st.js' type='text/javascript'/>
<script src='http://raezen.fileave.com/scrolltop.js' type='text/javascript'>
</script>

Apabila anda ingin "mengganti icon/gambar auto scrool"  seperti ini














Download now kode scriptnya kemudian Sobat hanya mengedit script seperti berikut ini

Langkah #1
copy script yang anda download tadi dan paste pada notepad kemudian anda cari alamat url gambar seperti ini  http://raezen.fileave.com/smileys/top.jpg" style="width:54px; height:100px
Ganti dengan alamat gambar anda. Setelah anda mengganti alamat gambarnya simpan kode script tadi ke tempat hosting seperti fileave.com atau code.google.com dsb
Langkah #2
Ambil alamat url kode script dari hosting anda dan tempatkan yang disorot warna merah
seperti berikut ini :

<script src='http://mastergomaster2.googlecode.com/files/jquery-st.js' type='text/javascript'/>
<script src='alamat kode url hosting anda.js' type='text/javascript'>
</script>

Setelah selesai lakukan pada langkah preview auto scroll diatas, terima kasih dan semoga "cara membuat automatic scroll" diatas bermanfaat untuk anda semua.





Pagerank Backlink Generator Portable :: Mendapatkan Backlink Secara instan

Dadi Mulyadi | 3/25/2010 03:07:00 pm | 26komentar
Berburu komentar untuk mendapatkan backlink yang berkualitas rasanya sangat sulit bila anda tidak menggunakan bantuan tambahan seperti yang akan saya bahas ini dan untuk semua pembaca masterGOmaster sekarang anda tidak perlu susah payah lagi untuk mendapatkan backlink dari blog yang nota bene berpagerank tinggi, dan software pendukung ini adalah mainan saya setiap harinya untuk berburu backlink. Software Backlink Generator ini  adalah software yang bisa digunakan untuk membuat backlink otomatis ke blog atau website anda dan tentunya banyak cara untuk mendapatkan backlink seperti bertukar link, meninggalkan komentar di forum ataupun
software dofollow hingga menggunakan software backlink otomatis.
Jadi sekarang saatnya anda menggunakan program ini karena dengan software ini anda akan mendapatkan backlink yang bermutu disamping ramah dengan Google dan search engine lainnya dikarenakan penggunaannya sah oleh semua mesin pencari. Untuk cara kerjanya software Pagerank Backlink Generator Portable ini anda memasukan keyword blog yang sesuai dengan blog anda dan akan menampilkan blog hasil pencarian dalam window kecil kemudian anda tinggal meninggalkan komentar pada blog tersebut hingga 100 web.
Coba anda bayangkan apabila anda blog walking satu per satu untuk mencari blog yang bagus untuk mendapatkan backlink ke blog anda  dan apakah sudah tepat blog yang anda kunjungi akan mempunyai backlink berkualitas ? cukup memakan waktu bukan ! kini saatnya anda mempergunakan  software backlink creator ini . anda berminat untuk mempergunakannya ?

Untuk cara pengunaannya :
1. Setelah anda download silahkan diekstrak dulu kemudian install software PR backlink Generator-nya
2. Setelah terinstall klik user information dan isilah nama, email dan alamat website anda
3. Klik keyword untuk mengisi nama keyword yang anda inginkan pada kotak area contoh : SEO, Blog Tutorial dan sebagainya. Kemudian tekan tombol start search. seperti pada gambar berikut

4.Pada tab search results anda tinggal menceklis blog yang anda inginkan kemudian tekan star process --> klik load 10 sites coba anda lihat ke bawah ada deretan browser 1 sampai dengan browser 10 dan pilih salah satu dari blog yang akan anda komentari, sekian dan selamat berkomentar pada blog yang berpagerank tinggi untuk mendapatkan backlink berkualitas.


Download Pagerank Backlink Generator




Tips Menurunkan Alexa Rank Dengan Cepat

Dadi Mulyadi | 3/24/2010 03:34:00 pm | 19komentar
Ada salah satu pembaca yang menanyakan tentang alexa masterGOmaster setelah diperhatikan katanya selalu mengalami perubahan yang signifikan setiap harinya dan setelah saya cek ternyata benar juga.
Disini saya akan membagi pengalaman ini kepada pembaca masterGOmaster tentang trik melangsingkan peringkat alexa dan seperti anda ketahui bahwa saya pernah mengulas tentang alexa masterGOmaster . waktu itu setelah penggantian domain menjadi dot com alexa masterGOmaster mencapai 5jt jadi jika dihitung sampai hari ini adalah 2 bulan dikarenakan sewaktu mengganti dot com pada tanggal 24 januari 2010. kayaknya bagus juga ya dalam waktu dua bulan alexa dari 5 jutaan menjadi sekarang 161.835
Lantas bagaimana cara menurunkan alexa rank ?   berikut triknya :

langkah #1
pasang sebuah pengaya alexa sparky :: add-ons for firefox pada toolbar anda dan bila ingin mengistall add-ons alexa sparky silahkan klik disini
setelah anda memasang pengaya alexa sparky anda bisa melihat informasi alexa rank anda yang letaknya di sudut kanan bawah seperti screenshot berikut,
cara alexa menjadi kecil

langkah #2
pasang sebuah badge alexa pada blog atau web anda seperti gambar dibawah ini dan anda dapat mendaftarkan blognya disini

cara menurunkan alexa rank
dari kedua langkah diatas kesimpulannya adalah penyedia dari alexa akan merasa senang apabila atributnya anda pasang pada blog anda dan untuk mengembalikan jasanya pihak alexa akan memberikan peringkat yang lebih baik apabila anda melakukan kedua langkah diatas

langkah #3
Sekali kali anda melakukan blogwalking, syarat terakhir ini memang sangat relevan untuk anda kerjakan jadi sebaiknya anda melakukannya
demikian cara cepat menurunkan alexa   ini dan semoga dapat membantu anda semua dan bagi yang ingin menambahkan dipersilahkan di kotak komentar, terima kasih




Membuat Menu SlideShow Tab View Pada Blogger

Dadi Mulyadi | 3/23/2010 01:07:00 pm | 31komentar

Untuk Manchester United Tech terima kasih anda sudah menunggu request postingan cara membuat slide post seperti yang anda maksudkan dan sebelum
saya lanjutkan blog tutorial ini saya kasih gambaran dulu bahwa untuk memasang Menu Slide Show Tab View ini anda harus memasukannya secara manual jadi intinya anda sendiri harus selalu meng update berita yang akan anda tampilkan.
jika anda mau tutorial ini silahkan diteruskan membaca dan ikuti langkah langkahnya berikut ini

Masuk ke dashboard ► LAYOUT ► EDIT HTML ► centang Expand Widget Templates dan temukan bagian kode berikut. cari kode dibawah ini (tekan ctrl+F) :
]]></b:skin> setelah anda menemukannya sisipkan kode dibawah ini
di atasnya.

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

}

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

.indentmenu ul li{
display: inline;
}

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

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

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

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

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

.tabcontent{
display:none;
}

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

Kemudian sisipkan kembali kode script berikut diatas kode </head> 

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

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

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

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

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

ddtabcontent.prototype={

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

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

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

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

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

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

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

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

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

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

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

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

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

} //END Prototype assignment

//]]>
</script>

Akhiri dengan menekan save template. Selanjutnya tambahkan kode script dibawah ini dan anda bebas untuk menyimpannya di sidebar, dibawah header atau diatas footer.
1. Klik Page Element
2. Klik Add Gadget

<div style="float:left;margin:0px 10px 0px 0px;padding:0px;height:350px;">

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

<ul>
<li><a href="#" class="selected" rel="tab1">1</a></li>
<li><a href="#" rel="tab2">2</a></li>
<li><a href="#" rel="tab3">3</a></li>

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

<div style="width:100%;text-align:justify;padding: 5px; margin-bottom:1em">

<!--Awal tab 1-->
<div id="tab1" class="tabcontent">
<a href="http://www.mastergomaster.com/search/label/Blogger%20Tutorial">
<img border="0" src="http://3.bp.blogspot.com/_ToollR7TtzE/S6Sgquw0HQI/AAAAAAAAA_Y/l8WK_6Cwee0/s1600/bt.jpg" /></a>

<p><h3><a href="/">Blogger Tutorial</a></h3></p>
Silahkan klik disini untuk membuka artikel tentang blog tutorial
<a href="http://www.mastergomaster.com/search/label/Blogger%20Tutorial" target="_blank">Read More ...</a>
</div>

<!--Awal tab 2-->
<div id="tab2" class="tabcontent">
ISI TAB DENGAN KODE HMLT atau NON HTML
</div>

<!--Awal tab 3-->
<div id="tab3" class="tabcontent">
ISI TAB DENGAN KODE HMLT atau NON HTML
</div>

<!--Awal tab 4-->
<div id="tab4" class="tabcontent">
ISI TAB DENGAN KODE HMLT atau NON HTML
</div>

<!--Awal tab 5-->
<div id="tab5" class="tabcontent">
ISI TAB DENGAN KODE HMLT atau NON HTML
</div>
</div>

<script type="text/javascript">

var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)
</script></div>

<div style="font-size: 90%; text-align: right; text-shadow: 2px 2px 2px rgb(173, 173, 173);"><a href="www.mastergomaster.com/" target="_blank" title="Widget by">masterGOmaster</a></div>

Catatan penting :

* height:350px, tinggi tab menu,
* width:100%, Lebar tab menu
* tab1, Tampilan tab menu, 1 s/d dst.. bisa diganti sesuai denga isi content, misalnya : Top posting, Shoutbox, recent comment, dll
* Untuk mengatur kecepatan slide kode "mypets.init(2000)", angka 2000 menunjukan kecepatan slide bisa kamu ganti sesuai dengan kebutuhan.

Cara membuat menu slide show tab view ini saya Credit dari kolom tutorial








mGm : Jadwal Google Pagerank Update 2010

Dadi Mulyadi | 3/22/2010 01:09:00 am | 34komentar
Ramalan jadwal Google PageRank Update ini hanya sekedar untuk acuan atau reperensi saja, saya juga belum percaya 100% kebenarannya dan jadwal dibawah ini diambil dari perkiraan tahun 2009  jadi intinya mulai dari sekarang sahabat segera berbenah untuk memproyeksikan blog sahabat agar mendapatkan kejutan dari Google nanti. Setelah saya Googling ternyata untuk mendapatkan pagerank dari google salah satunya hanya diprioritaskan pada loading sebuah blog, ini hanya satu garis bawah dari apa yang diinginkan google pada ketentuan pagerank dan saya kira anda sudah tahu sebelumnya bukan ? masih seperti pada acuan tahun 2009 bahwa skenario mendapatkan pagerank yang tinggi adalah blog yang bisa diakses dalam hitungan detik jadi tidak terlalu lama menunggu untuk membaca sebuah artikel. Itu hanya satu dari sekian trik mendapatkan PR. sekian dan happy blogging !



Google PageRank Update Schedule for the year 2010 

Last PageRank (PR) Update 31 December 2009
First 2010 PageRank (PR) Update 31 March – 1 April 2010
Second 2010 PageRank (PR) Update 31 June – 1 July 2010
Third 2010 PageRank (PR) Update 31 September – 1 October 2010
Fourth 2010 PageRank (PR) Update 31 December – 1 January 2011

Credit by tech busy







Memasang Avatar Pada Komentar

Dadi Mulyadi | 3/21/2010 02:13:00 am | 18komentar
Masih dalam kategori... komentar... dan untuk sahabat yang ingin menampilkan photo avatar pada komentar saya akan memberikan trik yang mudah sekali dan caranya yaitu masuk ke setting  ► comment  ► kemudian pilih YES pada show profile image on comment ? terakhir klik save. Bila setting diatas telah anda kerjakan anda akan mendapatkan avatar dari sahabat blogger setelah mereka meninggalkan pesan komentar pada blog sobat dan cara diatas bisa berlaku apabila sahabat blogger dalam keadaan login, kemudian untuk meng-upload foto profil ketika anda ingin meninggalkan komentar  klik preview, lalu "Add profile picture" untuk meng-upload foto ke profil blogger anda  seperti screenshot berikut. Saya yakin photo avatar anda akan terpampang pada sebelah komentar anda.














Gambar diatas saya ambil dari Blogger Buzz pada artikel "show your face"
Kemudian untuk anda yang tidak sempat meng upload photo dan ingin meninggalkan komentar tanpa nama atau anonymous dan yang pastinya tidak akan ada photo avatar  untuk menyiasatinya anda harus memasang kode script pada template anda agar pada bagian yang kosong bisa anda pasang photo alternative seperti gambar berikut








Untuk cara memasang avatar untuk komentar silahkan perhatikan berikut ini
1. Cari kode ini

<dl id='comments-block'>
bila anda tidak menemukan kode diatas lanjutkan ke langkah no 2

2. ganti kode diatas dengan kode berikut

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
bila anda tidak menemukan kode diatas lanjutkan ke langkah no 3

3. kemudian sisipkan lagi kode dibawah ini tepat diatas kode <a expr:name='data:comment.anchorName'/>
bila anda tidak menemukan kode <a expr:name='data:comment.anchorName'/> lanjutkan ke langkah 4

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

4. Sisipkan CSS dibawah ini diatas kode ]]></b:skin>
.avatar-image-container img {
background: url(http://l.yimg.com/static.widgets.yahoo.com/153/images/icons/help.png) no-repeat;
width: 35px;
height: 35px;
}
Save template anda dan semoga cara memasang avatar di  komentar anda berhasil dengan baik.



Memberi Warna Pada Background Komentar Part 2

Dadi Mulyadi | 3/20/2010 01:38:00 pm | 13komentar
Jika sebelumnya saya pernah mengulas tentang" Highlight Author Comment "dan untuk kesempatan ini saya akan mengulas cara mewarnai pada background komentar. Untuk membuatnya silahkan perhatikan langkah berikut

Masuk ke dashboard ► LAYOUT ► EDIT HTML ►  centang Expand Widget Templates dan temukan bagian kode berikut. cari kode dibawah ini (tekan ctrl+F) :


1.Untuk mewarnai background pada author/komentator cari kode berikut

#comments-block .comment-author {
margin:.5em 0;
}

Setelah anda menemukan ganti kodenya dengan berikut ini :

#comments-block .comment-author {
background:#CCCCCC
margin:.5em 0;
}


contoh screenshoot mewarnai  pada author atau komentator (disorot warna abu abu)  :





2.Untuk mewarnai background seluruh komentar pengunjung cari kode berikut

#comments-block .comment-body {
margin:.25em 0 0;
}

Setelah anda menemukan ganti kodenya dengan ini :

#comments-block .comment-body {
background:#CCCCCC;
margin:.25em 0 0;
}

Contoh screenshoot mewarnai pada bagian body komentar pengunjung (disorot warna merah) :





3.Untuk mewarnai background footer komentar cari kode berikut

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}


Setelah anda menemukan ganti kodenya dengan ini

#comments-block .comment-footer {
background:#CCCCCC;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

Contoh screenshoot mewarnai pada footer komentar (disorot warna pink) :







Penting
Ganti warna background:#CCCCCC; dengan kode warna HTML pilihan anda

Cara Membuat Blog Transparan

Dadi Mulyadi | 3/19/2010 04:01:00 pm | 12komentar
Ada pertanyaan yang masuk melali kotak komentar yang intinya menanyakan trik membuat blog supaya transparan pada blogger. Sebenarnya saya pernah mengulas tentang hal itu bila anda berkehendak silahkan klik disini, Secara teoris memang waktu itu saya tidak menerangkan seperti apa yang dimaksudkan pada pertanyaan sahabat, dan memang saya ingin selalu memberikan yang terbaik untuk semua pembaca masterGOmaster. Disini saya akan memberikan contoh demo apa yang saya maksudkan pada artikel ini silahkan anda klik tautan link berikut klik disini untuk demo . bagaimana apakah sekarang anda mengerti apa yang saya maksudkan ! dan memang seperti itu (contoh demo). untuk membuat blog transparan  silahkan lanjutkan langkah langkah membuatnya dibawah ini :

Masuk ke dashboard ► LAYOUT ► EDIT HTML ►  centang Expand Widget Templates dan temukan bagian kode berikut.


body {
background:$bgcolor;

Setelah menemukan kode diatas ganti dengan kode dibawah ini, Kode CSS seperti berikut :


body {

background:url(http://i671.photobucket.com/albums/vv80/dadfereneczi/TrickSEO.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;


Silahkan ganti alamat URL gambar ini http://i671.photobucket.com/albums/vv80/dadfereneczi/TrickSEO.jpg dengan alamat gambar anda ... Save Template. Dan silahkan lihat hasilnya sekarang.
***(Untuk ukuran background full halaman sebaiknya menggunakan piksel 1024x768)

Apabila anda mau ukuran gambarnya kecil seperti ukuran piksel 550x650
kodenya seperti berikut dan anda boleh memakai background dibawah ini bila tertarik

body {
background:black url(http://store.magiccirclemusic.com/img/graphics/manowar/gow.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;


Untuk background:black ......anda bisa mengganti black dengan kode warna HTML
saya sengaja menambahkan warna background black (hitam) karena gambar background diatas berwarna hitam jadi anda bisa sesuaikan warna backgroundnya dengan  gambar background agar serasi tentunya. Kiranya sampai disini tips mengganti blog menjadi transparan,  Terima kasih dan happy blogging.




Cara Menambah Elemen Baru Di Atas Footer

Dadi Mulyadi | 3/18/2010 12:11:00 am | 21komentar
Menjawab pertanyaan sahabat blog LCD TV tentang  bagaimana menambahkan elemen  di platform blogspot terima kasih atas pertanyaannya melalui halaman masterGOmaster help dan untuk jawabannya saya sudah persiapkan di bawah ini, semoga jawaban ini bisa membantu kesulitan anda,.... apabila anda ingin Menambah Kolom Sidebar silahkan klik link tadi karena saya pernah mempostingnya. selanjutnya silahkan menuju tahapan berikut :

1. Langkah pertama Dipersilahkan anda Login ke draft blogger ? layout ? klik Edit HTML
    ...Backup template anda untuk jaga jaga bila terjadi kesalahan...

2. Kemudian cari kode CSS ini :

#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

3. Apabila sudah menemukan kodenya silahkan sobat menambahkan kode dibawah ini dibawah kode diatas

/* bottom
----------------------------------------------- */
#bottom {
width:900px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:1px solid #333;
}
#bottom a:link {
color:#006699;
text-decoration:none;
}
#bottom a:hover {
color:#c06000;
text-decoration:underline;
}
#bottom a:visited {
color:#045FB4;
text-decoration:none;
}
#bottom h2 {
padding:20px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#bottom ul {
padding:0;
margin:0;
color:#333;
}
#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .17em;
padding-left:17px;
margin-top:2px;
}
#left-bottom {
width:200px;
float:left;
padding-left:15px;
}
#center-bottom {
width:200px;
float:left;
padding:0 20px 0 20px;
}
#right-bottom {
width:420px;
float:right;
padding-right:15px;
}

4. Cari kode ini lagi :

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

5. Tambahkan kode berikut di atas kode tadi :

<div id='bottom'>
<b:section class='bottom' id='left-bottom' preferred='yes'/>
<b:section class='bottom' id='center-bottom' preferred='yes'/>
<b:section class='bottom' id='right-bottom' preferred='yes'/>
</div> <!-- end bottom -->

6. Akhiri dengan menekan tombol save template
Kiranya sampai disini trik menambah  elemen  pada footer dan silahkan lihat hasilnya.





Blog Tutorial Blogspot : Mengoptimalkan Quotes Atau Tanda Kutip

Dadi Mulyadi | 3/17/2010 12:02:00 am | 17komentar
 'Cara Memakai Tanda Quotes'
Apabila sebelumnya saya pernah membahas Menampilkan Warna Background Pada Postingan dan memang postingan ini pula hampir sama kategorinya cuma sekarang lebih mudah dan simple memakainya, Kita akan belajar bagaimana  menggunakan quotes atau kutipan dalam Posting. Dengan menyesuaikan, maksud saya mengubah penampilannya, memberikan beberapa warna, Garis batas atau border, mengubah background, ukuran, font dan style/gaya.
Apa "QUOTES" atau tanda kutip itu ?
Definisi tanda kutip itu untuk mengutip atau biasa digunakan untuk artikel pendek yang diberi tanda khusus untuk sebuah ilustrasi. Default tanda kutip memang sudah disediakan oleh blogger tapi memang kita terkadang sudah bosan dan ingin beda dari yang lainnya atau diantara sobat memang belum pernah menggunakannya ! kemudian bagaimana caranya membuat sebuah kutipan di blogger ? segera saya lakukan tahapannya sebagai berikut :

► sorot bagian teks yang akan kutipan.
► dan klik pada tombol kutipan di toolbar Blogger
Dan untuk lebih jelasnya silahkan lihat screenshoot ini :

Disini dan untuk kesempatan ini saya akan mengajak para pembaca masterGOmaster untuk lebih imajinatif dalam membuat sebuat postingan dengan menggunakan tanda kutip, dan untuk cara mengunakan tanda kutip baru ini sekarang anda harus mencari kode default quotes ini pada template anda

.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}


Anda dapat menemukannya dengan mudah pada layout ► Edit HTML ► sampai anda menemukan kode tadi (gunakan control F agar lebih mudah mencarinya ) dan jangan lupa untuk mencentang Expand Widget Templates.
Bagaimana sobat sudah menemukan kodenya ? kalau sudah ketemu hapus kode tersebut kemudian silahkan pilih gambar dan kodenya sesuaikan dengan pilihan anda

                    ◄ Borders, font styles Dan Warna
Contoh 1Contoh 2Contoh 3Contoh 4

background

background

background

background

Gantikan dengan kode pilihan anda dibawah ini :

Contoh  1

.post blockquote {
border-top: 1px solid #FF82AB;
border-left: 1px solid #FF82AB;
border-right: 2px solid #FF82AB;
border-bottom: 2px solid #FF82AB;
background: #ffffff;
margin: 6px 20px 6px 20px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

Contoh 2

.post blockquote {
border:1px dashed #DC143C;
background: #EEE0E5;
margin: 6px 10px 6px 10px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

Contoh 3

.post blockquote {
color:#EE9A00;
border:5px dotted #000000;
background: #ffffff;
margin: 6px 6px 6px 6px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}

Contoh 4

.post blockquote {
color:#00CED1;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #ffffff;
margin: 6px 0px 6px 0px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}
Diatas hanya merupakan contoh, sehingga Anda dapat melihat variabel apa yang ingin Anda sesuaikan pada tanda kutip di postingan anda

... mengubah warna (hex values) ... mengubah border styles ...
... ukuran font, font style (italic), warna font (color) ...
... margin (ruang antara kotak dan konten pos) ...
... padding (jarak antara teks kutipan dan border) ...


                        ◄ Gambar dalam tanda kutip















Contoh 1Contoh 2Contoh 3Contoh 4

background

background

background

background

Contoh 1.
.post blockquote {
color:#666666;
background: #ffffff url(http://i39.tinypic.com/154iuq9.jpg);
background-position:top left;
background-repeat:no-repeat;
margin: 6px 6px 6px 6px;
padding: 8px 0px 8px 74px;
font-size: 14px;
font-style:italic;
line-height:1.4em;
}
Contoh 2.
.post blockquote {
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
background: #000000 url(http://i37.tinypic.com/23tgzfk.jpg);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
font-size: 0.9em;
}
Contoh 3.
.post blockquote {
background: #ffffff url(http://i44.tinypic.com/slh4yu.jpg);
background-repeat:no-repeat;
background-position:top center;
margin: 6px 6px 6px 6px;
padding: 8px 36px 8px 40px;
font-size: 14px;
line-height:1.4em;
}
Contoh 4.
.post blockquote {
color:#000000;
background: #ffffff url(http://i41.tinypic.com/24fh84w.jpg);
margin: 6px 6px 6px 6px;
padding: 8px 6px 8px 6px;
font-size: 14px;
line-height:1.4em;
}

Ingat untuk mengubah alamat URL gambar Anda sendiri ...
... Anda punya banyak pilihan untuk menjadi kreatif ...

Jangan lupa untuk menekan save template dalam menyelesaikan setiap pekerjaan anda . terakhir semoga cara memasang quotes di blogger ini bermanfaat untuk anda dan salam jumpa pada artikel selanjutnya.
***script dan gambar saya kredit dari http://www.blogbulk.com/





Promo Paket Hemat

TOKO SOFTWARE KOMPUTER ONLINE

Popular Posts

 
Support : Comments feeds | Facebook | Twitter
Copyright © 2013. Blog masterGOmaster - All Rights Reserved
Belanja Online di Toko masterGOmaster
Proudly powered by Blogger