Cara Memasang Tombol ReTweet Dari Tweetmeme Di Blog

Dadi Mulyadi | 2/28/2010 12:22:00 am | 14komentar
 Kegunaan Tweetmeme
Setelah kemarin saya posting cara memasang tombol G-Bazz kali ini saya sempatkan untuk cara membuat tombol Retweet di blogspot atau blogger. untuk cara pemasangannya memang hampir sama seperti tombol G-bazz dan seperti yang anda lihat pada blog ini dan memang sudah berfungsi, jadi sudah diuji coba laik jalannya. Sobat blogger jangan khawatir tombol ini sudah berfungsi ! Saya kasih gambaran sedikit mengenai Tweetmeme bahwa bila anda menekan tombol tweet pada blog ini berarti anda sedang mempromosikan blog anda sendiri ke komunitas masterGOmaster begitu pula anda mentweet pada rekan rekan blogger anda hasilnya mata rantai blog anda akan berkembang kepopulerannya oleh anda sendiri setiap kali anda mentweeet  Jadi saya sarankan agar anda mempunyai akun tweeter mulai sekarang. Besar kemungkinan anda yang sering blogwalking dan menemukan tombol Retweet jangan buang kesempatan untuk mentweetnya jelas bukan...penjelasannya, jangan khawatir bila anda masih kurang mengerti saya sudah sediakan kotak komentarnya. Oke sahabat blogger kita lanjutkan kembali blogger tutorialnya. dibawah ini saya sudah menyediakan tombol tweet 2 macam jadi anda bisa memilih sesuai keinginan
Contoh #1
Contoh gambar Tombol Tweet sebelah Kiri Normal

Kode tombol tweet sebelah kiri normal :

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'user_name_tweeter_anda';
</script>
<script type="text/javascript" src="http://mastergomaster.googlecode.com/files/tweet_mGm.js"></script>
</div>
Contoh gambar Tombol Tweet sebelah kanan normal

Kode tombol retweet normal sebelah kanan :

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'user_name_tweeter_anda';
</script>
<script type="text/javascript" src="http://mastergomaster.googlecode.com/files/tweet_mGm.js"></script>
</div>
Contoh #2
 Contoh gambar Tombol Retweet sebelah kiri kompak


Kode tombol Retweet sebelah kiri kompak :

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'user_name_tweeter_anda';
</script>
<script type="text/javascript" src="http://mastergomaster.googlecode.com/files/tweet_mGm.js"></script>
</div>
Contoh gambar Tombol Tweet sebelah kanan kompak


Kode tombol Retweet sebelah kanan kompak :

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'user_name_tweeter_anda';
</script>
<script type="text/javascript" src="http://mastergomaster.googlecode.com/files/tweet_mGm.js"></script>
</div>
"Cara Pasang Tombol Tweet" :
Masuk ke blogger.com -->Layout --> Edit HTML
sisipkan kode tombol Retweet yang sudah anda pilih di bawah kode berikut ini :
  • <div class='post-header-line-1'/>
atau yang dibawah ini
  • <data:post.body/>
*Terakhir lakukan dengan menekan tombol save template

Catatan Penting :
Masukan username tweeter anda yang disorot warna merah. Sekian dan selamat mencoba !








Pasang Social Bookmark & Share Unik Di Blog

Dadi Mulyadi | 2/27/2010 01:01:00 am | 19komentar
Untuk teman teman blogger yang sedang berburu widget social bookmark seperti contoh diatas saya yakinkan bahwa anda tepat sekali datang ke blog ini yang mana secara kebetulan disini sedang mengadakan acara cara pemasangan widget social bookmark atau kalau bahasa inggrisnya "Social Bookmarking Widget"  he..he..he.english man ! dibawah ini telah saya siapkan untuk tata cara pembuatan atau pemasangan widget social bookmark di blogspot. Saya jelaskan terlebih dulu bahwa setiap ikon bila tersentuh kursor akan melipat bagian sudutnya dan inilah ciri khas widget ini.
Langkah #1
  1. Login ke Blogger.com --> Layout -->Edit HTML
  2. Carilah kode ]]></b:skin>
  3. Dan paste kode di bawah ini tepat di atas ]]></b:skin>

/*--------mbt Bookmarking Widget (CSS#1)------*/
.mbt-bookmarking a {
display:block;
height:42px;
width:48px;
padding:0 9px;
float:left;
background:transparent url(http://4.bp.blogspot.com/_7wsQzULWIwo/SxYPky2M4VI/AAAAAAAACcs/SGTHHyAiZ4A/s1600/flapper.jpg) no-repeat;
}
.mbt-bookmarking a.delicious {
background-position:0px 0px;
}
.mbt-bookmarking a.delicious:hover {
background-position:0px -43px;
}
.mbt-bookmarking a.digg {
background-position:0px -86px;
}
.mbt-bookmarking a.digg:hover {
background-position:0px -129px;
}
.mbt-bookmarking a.stumbleupon {
background-position:0px -344px;
}
.mbt-bookmarking a.stumbleupon:hover {
background-position:0px -387px;
}
.mbt-bookmarking a.technorati {
background-position:0px -430px;
}
.mbt-bookmarking a.technorati:hover {
background-position:0px -473px;
}
.mbt-bookmarking a.twitter {
background-position:0px -516px;
}
.mbt-bookmarking a.twitter:hover {
background-position:0px -559px;
}
.mbt-bookmarking a.facebook {
background-position:0px -172px;
}
.mbt-bookmarking a.facebook:hover {
background-position:0px -215px;
}
.mbt-bookmarking a.reddit {
background-position:0px -258px;
}
.mbt-bookmarking a.reddit:hover {
background-position:0px -301px;
}
.mbt-bookmarking a.yahoo {
background-position:0px -602px;
}
.mbt-bookmarking a.yahoo:hover {
background-position:0px -645px;
}
.mbt-bookmarking a.rss {
background-position:0px -774px;
}
.mbt-bookmarking a.rss:hover {
background-position:0px -817px;
}

Langkah #2
Cari kode berikut <data:post.body/> ATAU kode ini <p><data:post.body/></p> sisipkan kode dibawah ini setelah kode diatas.

<!--mbt Bookmarking Widget (HTML)-->
<div class='mbt-bookmarking'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/><font color='#289728' face='ms sans serif' size='3'><b>Kindly Bookmark and Share it:</b></font>
<br/><br/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>

<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>

<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>

<!-- Technorati -->
<a class='technorati' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&gt;'/>

<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>

<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>

<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark and tag this :&gt;'/>

<!-- Yahoo -->
<a class='yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/>

<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/>
</b:if></div>

Save template anda. Terima kasih dan happy blogging
kode script diatas saya kredit dari My Blogger Tricks
Catatan :
  • Untuk yang disorot berwarna merah anda bisa mengganti kode warna tersebut dengan warna Font yang di inginkan.
  • Untuk yang disorot warna biru silahkan anda ganti kata-katanya sesuai keinginan.




Cara Membuat Efek Zoom Pada Gambar Pada Blogger

Dadi Mulyadi | 2/26/2010 01:01:00 am | 13komentar

Terima Kasih Anda Telah Memperbesar Banner masterGOmaster ini, Selamat Mencoba Tutorialnya...

Terima kasih anda masih setia pada masterGOmaster dan "Blog Tutorial" kali ini akan mengupas tentang Cara membuat efek zoom pada sebuah gambar, Anda mungkin telah melihat Image Zoom Effects di banyak blog profesional dan komersial. Ketika Anda membawa kursor mouse Anda pada sebuah gambar dan gambar tersebut penampilannya berubah menjadi besar. Seperti contoh Gambar di atas coba anda periksa. Dengan menggunakan CSS sederhana Anda dapat menambahkan  efek menakjubkan pada gambar di Blog Anda . Tanpa membuang waktu langsung menuju langkah-langkah berikut ini.
Langkah #1
Masuk ke blogger--> Layout-->Edit HTML
Cari kode berikut ]]></b:skin>
Kemudian sisipkan kode CSS di bawah ini tepat di atas kode tadi
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #7AA1C3;
padding: 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: white;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 5px;
}

Langkah #2
Sekarang setiap kali Anda menulis suatu posting cukup masukan kode di bawah ini

<a class="thumbnail" href=""><img src="Masukkan alamat gambar anda" width="100px" height="100px" border="0px" /><span><img src="Masukkan alamat gambar anda disini" /><br /> Deskripsi gambar anda disini </span></a>


Editlah yang sudah saya sorot warna merah, hijau dan kuning. Terima kasih dan semoga bermanfaat !


Membuat Dan Memasang Widget Recent Post With Thumbnail Di Blogger

Dadi Mulyadi | 2/25/2010 11:12:00 am | 22komentar
Aksesories Blog yang satu ini memang sering sekali di jumpai pada blog teman teman dan memang terkadang ada yang masih belum memasangnya untuk itu kali ini saya posting khusus untuk blogger yang belum memasang recent post dengan gambar kecil pada web. dan saya tidak menghendaki atau memaksakan pasilitas ini agar harus dipasang pada setiap blog yang pastinya setiap blogger mempunyai insting atau naluri apakah cocok widget ini saya pasang pada blog saya ... ! atau tidak. seperti saya kisahkan pada contoh gambar berikut untuk lebih jelasnya
Ooooow jadi seperti ini contoh recent post with thumbnail yang di maksudkan......
Bagaimana sekarang jelas dan mengerti bukan apa yang saya jabarkan diatas dan berikut kode script untuk Cara Pemasangan Recent Post With Thumbnail Pada Blogspot


<script language="JavaScript">imgr=new Array();imgr[0]="http://i43.tinypic.com/orpg0m.jpg";imgr[1]="http://i43.tinypic.com/orpg0m.jpg";imgr[2]="http://i43.tinypic.com/orpg0m.jpg";imgr[3]="http://i43.tinypic.com/orpg0m.jpg";imgr[4]="http://i43.tinypic.com/orpg0m.jpg";showRandomImg=true;boxwidth=268;cellspacing=8;borderColor="#ffffff";bgTD="#000000";thumbwidth=40;thumbheight=40;fntsize=12;acolor="#666";aBold=true;icon=" ";text="comments";showPostDate=false;summaryPost=40;summaryFontsize=10;summaryColor="#666";icon2=" ";numposts=5;home_page="http://www.mastergomaster.com/";</script><script src="http://mastergomaster.googlecode.com/files/recentpostwiththumbnail.js"type="text/javascript"></script>

Catatan Penting !
Seperti yang saya sorot pada hijau silahkan sahabat blogger untuk mengedit lebar kotak Recent Post.
dan untuk yang disorot berwarna kuning anda harus mengganti angka 5 untuk jumlah postingan, Silahkan atur sesuai yang diinginkan. Terakhir untuk yang berwarna merah dipersilahkan untuk mengganti alamat tersebut dengan alamat web atau blog anda. Untuk cara pemasangannya silahkan klik TOMBOL AUTO INSTALL dibawah ini langsung menuju blog anda. sekian dan terima kasih







Cara Mendapatkan Traffic Dari Search Engine

Dadi Mulyadi | 2/24/2010 04:04:00 pm | 21komentar
Blogger mana yang tidak ingin web atau blognya kebanjiran pengunjung, saya kira semuanya pasti mau....! demikian pula dengan saya. Dengan trik ini asalkan kawan blogger mau menerapkannya insya allah setiap harinya pasti ada saja yang berkunjung tapi jangan berkeinginan traffic pengunjungnya sampai 1000 per hari dulu minimal kurangilah nolnya satu, paham bukan ? tapi memang bisa lho cara mendatangkan traffic dari search engine sampai 1000 pengunjung perhari asalkan postingan anda sudah banyak minimal 500 postingan he...he...he...dan sebelumnya harus sudah diterapkan trik dan tips dasar berikut ini :


    Untuk kekurangan poin - poin di atas saya serahkan kepada sahabat blogger dengan cara sharing bareng melalui kotak komentar. Terima kasih dan semoga bermanfaat




    Kiat Supaya Iklan Google Adsense Berbahasa Indonesia

    Dadi Mulyadi | 2/23/2010 06:17:00 pm | 25komentar
    Blog Tutorial Blogspot
    "Cara Membuat Iklan Google Adsense Bisa DiPasang Pada Blog Berbahasa Indonesia"
    Mungkin kawan kawan blogger pernah melihat iklan Google AdSense seperti di samping kanan ini yang menyatakan iklan layanan masyarakat oleh Google dan kebetulan saya juga pernah mengalaminya pada blog ini, yang pastinya bahwa web atau blog Tersebut belum mempunyai akun Google AdSense atau Google adsensenya berbahasa inggris pada waktu pendaftarannya. Di sini saya akan memberikan trik agar iklan tersebut bisa berjalan pada web atau blog yang belum mempunyai akun adsense tapi anda sudah mempunyai akun adsense blog lain. Contohnya seperti blog masterGOmaster ini, dan terus terang bahwa blog ini belum mempunyai akun google adsense sendiri jadi saya pakai akun Google AdSense blog yang lain yang berbahasa inggris. Sayang kan sudah di pasang tidak memperoleh hasil yang maksimal. saya beri catatan penting sebelum anda melangkah lebih jauh pada trik Menampilkan Iklan Google Adsense  pada blog berbahasa Indonesia yaitu :
    • Anda sudah mempunyai akunt Google Adsense. apabila belum silahkan anda mendaftar terlebih dahulu dan sudah di approve atau sudah di setujui.
    • Sudah mempunyai Akunt Gmail, kalau belum silahkan daftar terlebih dahulu.

    Syarat dua point diatas saya anggap sobat sudah melaksanakannya, kemudian langkah selanjutnya anda menuju ke Google Friend Connect atau anda bisa Klik Di sini. silahkan anda log in dengan akunt Gmail anda.
    Setelah anda masuk pilih tambahkan situs baru (yang berada di sebelah kiri)
    silahkan isi form seperti contoh dibawah ini :
    Trick Google adsense berbahasa indonesia
















    Setelah di isi semuanya kemudian klik Lanjutkan dan akan menemukan contoh penjelasan berikut ini

    Selamat, Anda telah menambahkan http://cobancoba.blogspot.com/.

    Selanjutnya sobat tengok ke sebelah kiri dan cari ADSENSE kemudian di klik dan akan membuka form baru seperti dibawah ini
    Trick SEO














    Klik yang bertuliskan Assosiasikan akun : ............@gmail.com. atau yang sudah saya kasih tanda panah gambar di atas. Kemudian turun kebawah silahkan pilih ukuran adsense sesuai keperluan anda setelah anda memilih Ukurannya klik Buat kode. sampai disini anda bisa menyimpan iklan adsense di blog atau web anda tanpa ada hambatan lagi. sekian dan selamat mencoba Blog Tutorial ini.

    Catatan Penting :
    Tutorial di atas tidak akan bekerja pada situs atau blog yang sudah bisa dipasang Google AdSense.
    Tutorial di atas hanya bisa bekerja pada web atau blog yang belum mempunyai akun Google AdSense
    Tutorial di atas hanya bisa bekerja pada web atau blog yang berbeda alamat email.
    Silahkan Di Klik Tips Tautan Dibawah ini







    Cara Memasang Tombol Google Buzz Di Blogger / Blogspot

    Dadi Mulyadi | 2/22/2010 12:23:00 pm | 36komentar
    cara memasang tombol google buzz di blogspot
    Membuat Tombol Google Buzz It !
    Setelah Facebook, kemudian Tweeter dan sekarang sudah Google-Buzz.
    Menjadi seorang blogger, Anda tidak perlu khawatir tentang siapa yang meniru anda! Dan bagi siapapun yang ingin mempublikasikan ulang seluruh artikel masterGOmaster saya persilahkan dengan syarat memberikan link sumbernya. Oke lanjut kembali tutorial blogspotnya dan semua situs ini membiarkan pengguna mereka berinteraksi dengan lebih mudah dan  itu berarti bebas berlalu lintas dengan upaya minimal. Jadi akan membawa gelombang besar  ke blog sobat blogger !

    Sekarang bicara tentang G-Buzz, meskipun Google belum meresmikan tombol "Buzz It!" , tetapi tidak menyurutkan saya untuk menyinkronkan blog-feed dengan Buzz, sehingga semua posting saya secara langsung dikirim ke account Buzz Anda. Cukup menambahkan blog Anda ke situs yang terhubung ...

    Terinspirasi oleh mashable, sekarang aku juga telah menciptakan Google Buzz It! tombol untuk pembaca masterGOmaster. disini saya membuat dua macam tombol Google Buzz silahkan pilih saja sesuai keperluan sobat, berikut adalah bagaimana Anda dapat menambahkan tombol ini ke blog Anda dan untuk demonya silahkan coba pada blog ini untuk cara pertama.


    LANGKAH # 1
    Login ke Blogger, pergi ke Layout --> Edit HTML
    dan tandai kotak centang "Expand Template Widget"
    Sekarang cari kode ini di template
    <div class='post-header-line-1'/>
    LANGKAH # 2
    Dan segera sisipkan kode di BAWAH INI / SETELAH kode di atas,
    <!--BUZZ-STARTS-->
    <a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}' title='Buzz It!'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_121wg9e.png'/></div></a>
    <!--BUZZ-STOPS-www.mastergomaster.com-->
    Ini akan menampilkan tombol Buzz it! kecil seperti di bawah ini :

    Cara memasang tombol buzz

    Atau, sisipkan kode ini
    <!--BUZZ-STARTS-->
    <a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}' title='Buzz It!'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_2j0b02c.png'/></div></a>
    <!--BUZZ-STOPS-www.mastergomaster.com-->
    untuk menampilkan yang lebih besar tombol Buzz It! seperti di bawah ini

    cara membuat tombol Buzz it!



    Untuk yang disorot warna merah sahabat blogger bisa menempatkannya di sebelah kanan dan bagi yang ingin penempatannya di sebelah kiri anda hanya mengganti dengan left.

    Cara Kedua

    Dan bagi sobat yang ingin tombol Google Buzz bila di klik menuju halaman baru ini dia kodenya
    <!--BUZZ-STARTS-->
    <a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + "&amp;srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_121wg9e.png'/></div></a>
    <!--BUZZ-STOPS-www.mastergomaster.com-->
    Silahkan klik disini untuk Demo


    Buzz It

    Untuk tombol Buzz yang besar kodenya dibawah ini :
    <!--BUZZ-STARTS-->
    <a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + "&amp;srcTitle=" + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_2j0b02c.png'/></div></a>
    <!--BUZZ-STOPS-www.mastergomaster.com-->
    dan untuk contoh tombolnya di bawah ini :



    Buzz It


    Untuk yang disorot warna merah sahabat blogger bisa menempatkannya di sebelah kanan dan bagi yang ingin penempatannya di sebelah kiri anda hanya mengganti dengan left.
    Terima kasih dan Happy Blogging

    Menampilkan Warna Background Pada Postingan

    Dadi Mulyadi | 2/22/2010 01:01:00 am | 14komentar
    Cara membuat background/warna latar belakang pada postingan ini sebenarnya tidaklah susah untuk menerapkannya dan sobat blogger bisa  menyesuaikan warna background sesuai tema template, anda bisa memilih warna biru, hitam, kuning dan sebagainya. di samping itu anda tidak harus menampilkan artikel saja tapi bisa meng-explore dengan kode skript atau sebuah gambar sebagai medianya


    Seperti contoh diatas, Silahkan copy kodenya bawah ini :

    <div style="background:#c3c3c3; padding:5px 8px 5px 8px;">
    SILAHKAN MASUKAN TEKS ATAU KODE SKRIPT-NYA DISINI
    </div>

    Untuk cara mengatur warnanya silahkan ganti warna background-nya dengan kode warna HTML yang sudah saya sorot warna biru, untuk mengganti warna background  silahkan Klik disini untuk KODE WARNA HTML


    Dan untuk Cara membuat posting yang berlatar belakang / background gambar seperti contoh di bawah ini :

      masterGOmaster 
      Bagi anda yang membutuhkan Kumpulan Trick SEO, Kumpulan Blog Tutorial, Kumpulan Software, Blogger Tutorial, Blogspot Tutorial, Antivirus Gratis Full Version disini tempatnya.

      Sobat Blogger  hanya membutuhkan kode yang tidak terlalu panjang dan merepotkan namun sangat mudah digunakan berikut adalah kodenya :

      <div style="background:url(http://s671.photobucket.com/albums/vv80/dadfereneczi/?action=view) no-repeat;">
      SILAHKAN MASUKAN TEKS ATAU KODE SKRIPTNYA DISINI
      </div>
      Silahkan sobat blogger ganti URL gambarnya yang sudah saya sorot dengan warna merah.

      Sekian dan untuk yang belum mengerti silahkan ajukan pertanyaannya melalui kotak komentar.
      Terima Kasih dan Happy Blogger Tutorial.


      Cara Menampilkan Ikon Gambar Pada Judul Posting

      Dadi Mulyadi | 2/21/2010 01:01:00 pm | 15komentar
      Buat kawan kawan Blogger yang ingin judul posting di beri ikon gambar pada platform blogspot jangan khawatir kali ini saya akan memberikan Trik Blog Tutorial untuk mempercantik tampilan web atau blognya, untuk cara pemasangannya juga sangat mudah dan simple, sahabat blogger hanya perlu menyiapkan sebuah ikon atau gambar yang akan di pasang pada judul posting. Disini akan menjelaskan dua cara pemasangan ikon gambar sebelum judul posting atau setelah judul posting. anda tinggal menyesuaikan saja mau di pasang dimana. oke sahabat blogger saya langsung saja ke pokok permasalahannya dan  untuk langkah langkahnya silahkan perhatikan berikut ini :
      cara pasang ikon gambar pada judul posting,cara pasang ikon gambar pada judul posting
       gambar di atas adalah contoh penempatan ikon gambar sebelum judul posting atau post title.
      dan cara pembuatannya di bawah ini
      Login ke Blogger, pergi ke "Layout" -> "Edit HTML" -> klik pada "Expand Template Widget"
      Temukan dengan menggunakan (CTRL F) kode di bawah ini pada template anda

      <b:if cond='data:post.url'>
      <a expr:href='data:post.url'><data:post.title/></a>

      Sekarang untuk menampilkan ikon gambar tepat sebelum judul, tambahkan kode gambar tepat di antara dua baris, seperti ini

      <b:if cond='data:post.url'>
      <img src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_daddy-1-1.jpg'/>
      <a expr:href='data:post.url'><data:post.title/></a>

      Kode di atas adalah cara penempatan ikon gambar sebelum posting, untuk yang disorot warna biru silahkan ganti alamat ikon gambarnya dengan milik anda
      Dan untuk menampilkan ikon gambar tepat setelah judul post title, tambahkan kode gambar setelah dua baris di bawah ini

      <b:if cond='data:post.url'>
      <a expr:href='data:post.url'><data:post.title/></a>
      <img src='http://i671.photobucket.com/albums/vv80/dadfereneczi/th_daddy-1-1.jpg'/>

      Terakhir simpan template anda dengan menekan tombol save template, silahkan lihat hasilnya sekarang. Selamat mencoba dan happy blogging !




      Cara Memberi Nomor Pada Kotak komentar

      Dadi Mulyadi | 2/20/2010 01:30:00 am | 22komentar
      Maksud dari judul di atas adalah cara menambah angka penomoran pada jumlah komentar di dalam blog anda atau bisa di sebut pula penomoran setiap komentar. masih bingung nggak sob ! saya juga bingung judulnya kayak bagaimana, kalau masih bingung silahkan lihat DEMO atau silahkan lihat contoh gambar di bawah ini
      blog tutorial
      Untuk cara pemasangan sangat mudah sekali dan berikut langkah langkahnya :
      LANGKAH # 1
      Login ke Blogger, pergi ke Layout --- > Edit HTML
      Dan tandai kotak centang "Expand Template Widget"
      LANGKAH # 2
      Sekarang Temukan kode ini di template.
      <b:loop values='data:post.comments' var='comment'>
      Dan sisipkan kode di bawah ini sebelum kode di atas
      <script type='text/javascript'>var CommentsCounter=0;</script> <!--COMM-NUM-STARTS-->
      Sekarang cari kode ini
      <data:commentPostedByMsg/>
      Dan segera sisipkan kode di bawah ini setelah kode di atas
      <!--COMM-NUM-STARTS-->
      <span class='comm-num'>
      <a expr:href='data:comment.url' title='Comment Link'>
      <script type='text/javascript'>
      CommentsCounter=CommentsCounter+1;
      document.write(CommentsCounter)
      </script>
      </a>
      </span>
      <!--COMMNUM-STOPS-->
      Dan menyimpan template. Sekarang Anda akan melihat angka-angka di depan semua komentar di blog Anda. Tetapi belum ditata dengan baik.
      LANGKAH # 3
      Jadi sekarang kita akan menyesuaikan tema pada blog Anda.
       Kembali ke halaman Layout --> Edit HTML
      dan temukan kode di bawah ini dengan menggunakan (CTRL F)
      </head>
      Dan paste kode di bawah ini sebelum kode di atas
      <!--COMM-NUM-STARTS-->
      <style type="text/css">
      .comm-num a:link, .comm-num a:visited {
      color: white !important;
      text-decoration: none !important;
      background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
      width: 50px;
      height: 48px;
      float: right;
      display: block;
      margin-right: 5px;
      margin-top: -15px; /*comments-counter position*/
      text-align: center;
      font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
      font-size: 15px;
      font-weight: normal;
      }

      .comm-num a:hover, .comm-num a:active {
      color: gray !important;
      text-decoration: none !important;
      }
      </style>
      <!--COMM-NUM-STOPS-http://mastergomaster.com-->
      • Edit kode diatas (disorot dalam warna MERAH) untuk memilih gambar.
      • Edit kode diatas (disorot dalam warna BIRU) untuk mengubah warna dalam angka, jadi harus menggunakan Kode Warna. contoh :  color : #FF0000

      Silahkan pilih gambar di bawah ini sesuai selera masing masing caranya dengan klik kanan  gambar tersebut kemudian salin lokasi gambar












      PENTING:
      • Anda dapat menggunakan gambar manapun sesuai pilihan anda.
      • Untuk (LANGKAH # 3), Anda harus menyesuaikan ukuran dengan benar (lebar dan tingginya)

      Terakhir menyimpan template dan menghitung komentar Anda ...
      Sekian dan selamat mencoba

      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