free Download Internet Tools: Blogspot Tutorial

Tampilkan postingan dengan label Blogspot Tutorial. Tampilkan semua postingan

Selasa, 05 Juli 2011

Cara Agar Blog Otomatis Redirect Ke Versi Mobile Saat Di Buka Melalui HP

Cara Agar Blog Otomatis Redirect Ke Versi Mobile Saat Di Buka Melalui HP/HandPhone

Assalamualaikum...

Di jaman sekarang berinternetan bukan lagi hak milik PC/Laptop tetapi berselancar di dunia maya sekarang bisa di lakukan di HP, SmartPhone, PSportable dll.saya juga kurg ngerti yang namanya gadget. Yang akan saya bagikan saat ini mengenai blog versi mobile, sudahkah anda memiliki blog versi mobile??kalau ya pasti ada satu masalah yang terdapat saat membuat blog versi mobile di blogspot, yaitu jika ingin membukanya harus menggunakan link berbeda/khusus, berbeda halnya dengan WP yang secara otomatis menyesuaikan.

Daripada ngomong panjang lebar yuk mendingan langsung ke caranya :D

Download movie,single/album mp3,software full version,artikel,forex,businesses,health,tutorial,blogspot,blogger,news atau berita indonesia

Caranya Sebagai Berikut :

1. Sediakan Dulu Blog Versi Mobile, bisa dimana aja layanannya
Untuk Mengaktifkan Blog Versi Mobile Default Blogger.Com silahkan lihat gambar di bawah :

Download movie,single/album mp3,software full version,artikel,tutorial,forex,businesses,health,blogspot,blogger,news atau berita indonesia

Jangan Lupa Save
Untuk Melihat Linknya Klik MOBILE PREVIEW

Download movie,single/album mp3,software full version,artikel,tutorial,blogspot,forex,businesses,health,blogger,news atau berita indonesia

2. Download JavaScript Berikut, Copy-Paste Link ini di adress bar Browser anda http://js-rezdown7.googlecode.com/files/autoredirectmobilev.js
3. Setelah di download, buka file Js dengan NotePad
4. Cari link seperti ini 'http://rezdown7.blogspot.com/?m=1' (di bagian akhir kode) Lalu ganti dengan Link Versi Mobile anda lalu Save
5. Upload File Js anda, caranya bisa dilihat di Sini

6. Setelah Itu Masuk dulu ke akun blogger anda

7. Setelah berada di Dashboard Klik Design --> Edit HTML

8. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
9. Centang Expand Template Widget

10. Cari Kode </head>

11. Copy JavaScript di bawah lalu paste di atas/sebelum kode </head>

<script src='Letakkan Link Hasil Upload File Js Anda disini' type='text/javascript'/>

12. Save dan Lihat Blog Anda melalui HP dengan Alamat default anda contoh http://rezdown7.blogspot.com

PERHATIAN : Google Telah Menyempurnakan Fitur Blog Mobile, Dan Sudah Bisa Di Gunakan. Jadi Bisa Di Bilang Tutorial Ini Gak Kepakai Lagi.

Semoga Berhasil :)

Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Mudah2n Apa Yang Saya Bagikan Bisa Bermanfaat Buat Sahabat
Terima Kasih.

Cara Membuat Menu Horizontal Dropdown di Blogspot

Cara Membuat Menu Horizontal Dropdown di Blogspot

Assalamualaikum..
Kesempatan Kali Ini saya akan membagikan cara membuat/menambahkan Menu Horizontal Dropdown di blog kita..fungsinya menurut saya adalah sebagai pelengkap blog kita dan sebagai fasiitas untuk mempermudah pengunjung menjelajahi blog kita. okey kita langsung saja lihat contohnya pada gambar di bawah atau lihat menu horizontal yang saya gunakan

Download movie,single/album mp3,software full version,artikel,tutorial,blogspot,blogger,forex,businesses,health,news atau berita indonesia

Caranya Cukup Mudah Yaitu :

1. Masuk dulu ke akun blogger anda

2. Setelah berada di Dashboard Klik Design --> Edit HTML

3. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
3. Centang Expand Template Widget

4. Cari Kode ]]></b:skin>

5. Copy-Paste Kode CSS dibawah tepat Di Atas ]]></b:skin>

#subnavbar {
                background: #ffffff;
                width: auto;
                height: 26px;
                color: #FFF;
                margin: 0;
                padding: 0;
    }
    #subnav {
                margin: 0;
                padding: 0;
    }
    #subnav ul {
                float: left;
                list-style: none;
                margin: 0;
                padding: 0;
    }
    #subnav li {
                list-style: none;
                margin: 0;
                padding: 0;
    }
    #subnav li a, #subnav li a:link, #subnav li a:visited {
                color: #000000;
                display: block;
                font-size: 11px;
                font-weight: bold;
                text-transform: uppercase;
                margin: 0 5px 0 0;
                padding: 6px 13px;
    }
    #subnav li a:hover, #subnav li a:active {
                background: #888;
                color: #FFF;
                display: block;
                text-decoration: none;
                margin: 0 5px 0 0;
                padding: 6px 13px;
    }
    #subnav li li a, #subnav li li a:link, #subnav li li a:visited {
                background: #666;
                width: 140px;
                float: none;
                margin: 0;
                padding: 6px 10px;
                border-bottom: 1px solid #FFF;
                border-left: 1px solid #FFF;
                border-right: 1px solid #FFF;
    }
    #subnav li li a:hover, #subnav li li a:active {
                background: #888;
                margin: 0;
                padding: 6px 10px;
    }
    #subnav li {
                float: left;
                padding: 0;
    }
    #subnav li ul {
                z-index: 9999;
                position: absolute;
                left: -999em;
                height: auto;
                width: 160px;
                margin: 0;
                padding: 0;
    }
    #subnav li ul a {
                width: 140px;
    }
    #subnav li ul ul {
                margin: -25px 0 0 161px;
    }
    #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
                left: -999em;
    }
    #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
                left: auto;
    }
    #subnav li:hover, #subnav li.sfhover {
                position: static;
    }

6. Setelah Itu Cari Kode <b:widget id='Header1' locked='true'

Contoh :
<b:section class='art-header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='RezDown7 (Header)' type='Header'/>
</b:section>

7. Copy-Paste Kode HTML yang tersedia dibawah ini tepat di bawah kode </b:section> jika ingin menempatkan Di Bawah Header, Jika ingin menempatkan di atas header paste kode di bawah ini tepat Di Atas kode <b:section class='art-header' id='header' maxwidgets='1' showaddelement='no'>

<div id='subnavbar'>
          <ul id='subnav'>
    <span style='font-weight: bold; text-shadow: 3px 3px 3px rgb(204, 204, 204);'><li>
    <a href='http://rezdown7.blogspot.com/'>Home</a>
    <ul>
    <li>
    <a href='http://rezdown7.blogspot.com/p/kode-warna-html.html'>HomePage</a>
    </li>
    </ul>
    </li>
<li>
    <a href='http://rezdown7.blogspot.com/search/label/Movie'>Download Movie</a>
    </li>
     <li>
    <a href='http://rezdown7.blogspot.com/p/mp3.html'>Download Mp3</a>
    <ul>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Lagu%20indo.'>Lagu Indo.</a>
    </li>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Mp3%20Barat'>Religi</a>
    </li>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Mp3%20Barat'>Western</a>
    </li>
</ul></li>

<li>
<a href='http://rezdown7.blogspot.com/p/software.html'>Download Software</a>
    <ul>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Software%20%28Tools%29'>Tools</a>
    </li>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Software%20%28Security%29'>Security</a>
    </li>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Software%20%28Multimedia%20n%20Design%29'>Multimedia n Desaign</a>
    </li>
<li>
    <a href='http://rezdown7.blogspot.com/search/label/Software%20%28Musik%29'>Musik</a>
    </li>
<li>
    <a href='http://rezdown7.blogspot.com/search/label/Software%20%28Intrenet%29'>Internet</a>
    </li>
<li>
    <a href='http://rezdown7.blogspot.com/search/label/Drivers'>Drivers</a>
    </li>
<li>
    <a href='#'>Utilities</a>
    </li>
</ul></li>

<li>
<a href='http://rezdown7.blogspot.com/p/terima-kasih-telah-berkunjung-pilihan.html'>Artikel n Tutorial</a>
    <ul>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Tutorial'>Tutorial</a>
    </li><ul>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/blogger'>Blogspot</a>
    </li></ul>
    <li>
    <a href='http://rezdown7.blogspot.com/search/label/Artikel'>Artikel</a>
    </li>

<li>
    <a href='http://rezdown7.blogspot.com/search/label/Islami'>Islami</a>
    </li><li>
    <a href='http://rezdown7.blogspot.com/search/label/NusantarQ'>NusantaraQ</a>
    </li><li>
    <a href='News|http://rezdown7.blogspot.com/search/label/News'>Indo. News</a>
    </li></ul></li>

<li>
<a href='http://rezdown7.blogspot.com/p/tv-online_26.html'>Tv Online</a>
    <ul>
    <li>
    <a href='http://rezdown7.blogspot.com/2007/07/tv-one.html'>Tv One</a>
    </li>
    <li>
    <a href='http://rezdown7.blogspot.com/2007/07/antv.html'>Antv</a>
    </li>
    <li>
    <a href='http://rezdown7.blogspot.com/2010/12/tv-islam.html'>Tv Islam</a>
    </li>
<li>
    <a href='http://rezdown7.blogspot.com/2007/07/live-tv.html'>Mivo.Tv</a>
    </li>
<li>
    <a href='http://rezdown7.blogspot.com/2007/07/indowebtv.html'>Indoweb.Tv</a>
    </li>

</ul></li>
<li>
    <a href='http://rezdown7.blogspot.com/p/buku-tamu.html'>PlayList</a>
    </li><li>
    <a href='http://rezdown7.blogspot.com/p/daftar-isi.html'>Daftar Isi</a>
    </li>
<li>
    <a href='http://rezdown7.blogspot.com/2011/01/tukaran-link-n-banner.html'><b>Link Exchange</b></a>
    </li></span></ul></div>

Untuk Link Dan Titlenya Silahkan Di Edit Sendiri :D

Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Mudah2n Apa Yang Saya Bagikan Bisa Bermanfaat Buat Sahabat
Terima Kasih.

Membuat Tombol Sharing Is Sexy Menggunakan J-query (Auto Hide)

Cara Membuat Tombol Share "Sharing Is Sexy" di Blogspot

Assalamualaikum..

Kesempatan kali ini saya akan membagikan cara membuat tombol sharing is sexy menggunakan j-query, sebelumnya saya sudah membuat postingan yang sama namun kali ini perbedaanya ada pada tombol share/Situs Bookmarknya jauh lebih banyak di banding yang sebelumnya, dan pebedaan kedua adalah walaupun tombol sharenya banyak namu yang nampak/terlihat hanya baris teratas/pertama jadi tidak terlalu memakan tempat, nah disinilah fungsi J-query yang akan menyembunyikan sebagian tombol dan akan terlihat setelah kursor diarahkan ke tombol tersebut.

DEMO

Untuk mebuatnya, Silahkan teruskan membaca

1. Masuk dulu ke akun blogger anda

2. Setelah berada di Dashboard Klik Design --> Edit HTML

3. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
3. Centang Expand Template Widget

4. Cari Kode </head>

5. Copy kode di bawah lalu paste di Bawah/Sesudah kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js'
type='text/javascript' />
<link href='http://bloggerblogwidgets.googlecode.com/svn/trunk/auto-hide-social-bookmarking-way2blogging.css'
rel='stylesheet' type='text/css' />
<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
        var sexyBaseHeight = jQuery('.sexy-bookmarks').height();
        var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height();
        if (sexyFullHeight > sexyBaseHeight) {
            jQuery('.sexy-bookmarks-expand').hover(

            function() {
                jQuery(this).animate({
                    height: sexyFullHeight + 15 + 'px'
                }, {
                    duration: 800,
                    queue: false
                });
            }, function() {
                jQuery(this).animate({
                    height: sexyBaseHeight + 'px'
                }, {
                    duration: 800,
                    queue: false
                });
            });
        }
        if (jQuery('.sexy-bookmarks-center')) {
            var sexyFullWidth = jQuery('.sexy-bookmarks').width();
            var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width();
            var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length;
            var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
            var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
            var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;
            jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px');
        }
    });
</script>

6. Kemudian untuk menepatkannya di bawah postingan cari kode <data:post.body/>
7. Copy-Paste kode HTML di bawah ini tepat Sebelum/di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id='post-width-w2b' style='width:600px;'>
<div class='sexy-bookmarks-bg-caring sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>
<ul class='socials'>
   <li class='sexy-yahoomail'>
   <a class='external' expr:href='"http://compose.mail.yahoo.com/?Subject= " + data:post.title + "&body=Link:"+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/>
   </li>
   <li class='sexy-gmail'>
   <a class='external' expr:href='"https://mail.google.com/mail/?ui=2&view=cm&fs=1&tf=1&su=" + data:post.title + "&body=Link:" + data:post.url' rel='nofollow' title='Email this via Gmail'/>
   </li>
   <li class='sexy-twitter'>
   <a class='external' expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' title='Tweet This!'/>
   </li>
   <li class='sexy-facebook'>
   <a class='external' expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Facebook'/>
   </li>
   <li class='sexy-linkedin'>
   <a class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' title='Share this on LinkedIn'/>
   </li>
   <li class='sexy-googlebuzz'>
   <a class='external' expr:href='"http://www.google.com/buzz/post?url=" + data:post.url + "&imageurl="' rel='nofollow' title='Post on Google Buzz'/>
   </li>
   <li class='sexy-yahoobuzz'>
   <a class='external' expr:href='"http://buzz.yahoo.com/submit/?submitUrl=" + data:post.url + "&submitHeadline=" + data:post.title + "&submitSummary=&submitCategory=science&submitAssetType=text"' rel='nofollow' title='Buzz up!'/>
   </li>
   <li class='sexy-blogger'>
   <a class='external' expr:href='"http://www.blogger.com/blog_this.pyra?t&u=" + data:post.url + "&n=" + data:post.title + "&pli=1"' rel='nofollow' title='Blog this on Blogger'/>
   </li>
   <li class='sexy-googlebookmarks'>
   <a class='external' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to Google Bookmarks'/>
   </li>
   <li class='sexy-googlereader'>
   <a class='external' expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcUrl=" + data:post.url + "&srcTitle=" + data:post.title + "&snippet="' rel='nofollow' title='Add this to Google Reader'/>
   </li>
   <li class='sexy-stumbleupon'>
   <a class='external' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'/>
   </li>
   <li class='sexy-delicious'>
   <a class='external' expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/>
   </li>
   <li class='sexy-digg'>
   <a class='external' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Digg this!'/>
   </li>
   <li class='sexy-comfeed'>
   <a class='external' expr:href='data:blog.homepageUrl + "feeds/" + data:post.id + "/comments/default?alt=rss"' rel='nofollow' title='Subscribe to the comments for this post?'/>
   </li>
   <li class='sexy-orkut'>
   <a class='external' expr:href='"http://promote.orkut.com/preview?nt=orkut.com&tt=" + data:post.title + "&du=" + data:post.url + "&cn="' rel='nofollow' title='Promote this on Orkut'/>
   </li>
   <li class='sexy-designbump'>
   <a class='external' expr:href='"http://designbump.com/submit?url=" + data:post.url + "&title=" + data:post.title + "&body="' rel='nofollow' title='Bump this on DesignBump'/>
   </li>
   <li class='sexy-reddit'>
   <a class='external' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on Reddit'/>
   </li>
   <li class='sexy-designfloat'>
   <a class='external' expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this to DesignFloat'/>
   </li>
   <li class='sexy-friendfeed'>
   <a class='external' expr:href='"http://www.friendfeed.com/share?title=" + data:post.title + "&link=" + data:post.url ' rel='nofollow' title='Share this on FriendFeed'/>
   </li>
   <li class='sexy-zabox'>
   <a class='external' expr:href='"http://www.zabox.net/submit.php?url=" + data:post.url ' rel='nofollow' title='Box this on Zabox'/>
   </li>
   <li class='sexy-dzone'>
   <a class='external' expr:href='"http://www.dzone.com/links/add.html?url=" + data:post.url + "&title=" + data:post.title + "&description="' rel='nofollow' title='Add this to DZone'/>
   </li>
   <li class='sexy-webblend'>
   <a class='external' expr:href='"http://thewebblend.com/submit?url=" + data:post.url + "&title=" + data:post.title + "&body="' rel='nofollow' title='Blend this!'/>
   </li>
   <li class='sexy-propeller'>
   <a class='external' expr:href='"http://www.propeller.com/submit/?url=" + data:post.url ' rel='nofollow' title='Submit this story to Propeller'/>
   </li>
   <li class='sexy-tumblr'>
   <a class='external' expr:href='"http://www.tumblr.com/share?v=3&u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' title='Share this on Tumblr'/>
   </li>
   <li class='sexy-squidoo'>
   <a class='external' expr:href='"http://www.squidoo.com/lensmaster/bookmark?" + data:post.url ' rel='nofollow' title='Add to a lense on Squidoo'/>
   </li>
   <li class='sexy-posterous'>
   <a class='external' expr:href='"http://posterous.com/share?linkto=" + data:post.url + "&title=" + data:post.title + "&selection="' rel='nofollow' title='Post this to Posterous'/>
   </li>
   <li class='sexy-technorati'>
   <a class='external' expr:href='"http://technorati.com/faves?add=" + data:post.url ' rel='nofollow' title='Share this on Technorati'/>
   </li>
   <li class='sexy-hotmail'>
   <a class='external' expr:href='"http://mail.live.com/?rru=compose?subject=" + data:post.title + "&body=Link: " + data:post.url ' rel='nofollow' title='Email this via Hotmail'/>
   </li>
   <li class='sexy-bebo'>
   <a class='external' expr:href='"http://www.bebo.com/c/share?Url=" + data:post.url + "&Title=" + data:post.title ' rel='nofollow' title='Share this on Bebo'/>
   </li>
   <li class='sexy-bitacoras'>
   <a class='external' expr:href='"http://bitacoras.com/anotaciones/" + data:post.url ' rel='nofollow' title='Submit this to Bitacoras'/>
   </li>
   <li class='sexy-blinklist'>
   <a class='external' expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title ' rel='nofollow' title='Share this on Blinklist'/>
   </li>
   <li class='sexy-100zakladok'>
   <a class='external' expr:href='"http://www.100zakladok.ru/save/?bmurl=" + data:post.url + "&bmtitle=" + data:post.title ' rel='nofollow' title='Add this to 100 bookmarks'/>
   </li>
   <li class='sexy-blogengage'>
   <a class='external' expr:href='"http://www.blogengage.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Engage with this article!'/>
   </li>
   <li class='sexy-blogmarks'>
   <a class='external' expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Mark this on BlogMarks'/>
   </li>
   <li class='sexy-bobrdobr'>
   <a class='external' expr:href='"http://bobrdobr.ru/addext.html?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on BobrDobr'/>
   </li>
   <li class='sexy-bonzobox'>
   <a class='external' expr:href='"http://bonzobox.com/toolbar/add?pop=1&u=" + data:post.url + "&t=" + data:post.title + "&d="' rel='nofollow' title='Add this to BonzoBox'/>
   </li>
   <li class='sexy-boxnet'>
   <a class='external' expr:href='"https://www.box.net/api/1.0/import?url=" + data:post.url + "&name=" + data:post.title + "&description=&import_as=link"' rel='nofollow' title='Add this link to Box.net'/>
   </li>
   <li class='sexy-current'>
   <a class='external' expr:href='"http://current.com/clipper.htm?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Post this to Current'/>
   </li>
   <li class='sexy-diigo'>
   <a class='external' expr:href='"http://www.diigo.com/post?url=" + data:post.url + "&title=" + data:post.title + "&desc="' rel='nofollow' title='Post this on Diigo'/>
   </li>
   <li class='sexy-ekudos'>
   <a class='external' expr:href='"http://www.ekudos.nl/artikel/nieuw?url=" + data:post.url + "&title=" + data:post.title + "&desc="' rel='nofollow' title='Submit this to eKudos'/>
   </li>
   <li class='sexy-evernote'>
   <a class='external' expr:href='"http://www.evernote.com/clip.action?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Clip this to Evernote'/>
   </li>
   <li class='sexy-faqpal'>
   <a class='external' expr:href='"http://www.faqpal.com/submit?url=" + data:post.url ' rel='nofollow' title='Submit this to FAQpal'/>
   </li>
   <li class='sexy-fwisp'>
   <a class='external' expr:href='"http://fwisp.com/submit?url=" + data:post.url ' rel='nofollow' title='Share this on Fwisp'/>
   </li>
   <li class='sexy-globalgrind'>
   <a class='external' expr:href='"http://globalgrind.com/submission/submit.aspx?url=" + data:post.url + "&type=Article&title=" + data:post.title ' rel='nofollow' title='Grind this! on Global Grind'/>
   </li>
   <li class='sexy-hackernews'>
   <a class='external' expr:href='"http://news.ycombinator.com/submitlink?u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' title='Submit this to Hacker News'/>
   </li>
   <li class='sexy-hatena'>
   <a class='external' expr:href='"http://b.hatena.ne.jp/add?mode=confirm&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Bookmarks this on Hatena Bookmarks'/>
   </li>
   <li class='sexy-hyves'>
   <a class='external' expr:href='"http://www.hyves.nl/profilemanage/add/tips/?name=" + data:post.title + "&text=Text about this site+-+" + data:post.url + "&rating=5"' rel='nofollow' title='Share this on Hyves'/>
   </li>
   <li class='sexy-identica'>
   <a class='external' expr:href='"http://identi.ca//index.php?action=newnotice&status_textarea=Reading:" + data:post.title + "+-+from+" + data:post.url ' rel='nofollow' title='Post this to Identica'/>
   </li>
   <li class='sexy-izeby'>
   <a class='external' expr:href='"http://izeby.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Add this to Izeby'/>
   </li>
   <li class='sexy-jumptags'>
   <a class='external' expr:href='"http://www.jumptags.com/add/?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this link to JumpTags'/>
   </li>
   <li class='sexy-kaevur'>
   <a class='external' expr:href='"http://kaevur.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Share this on Kaevur'/>
   </li>
   <li class='sexy-mail'>
   <a class='external' expr:href='"mailto:?subject=%22" + data:post.title + "%22&body=Link: " + data:post.url + " (sent via Way2blogging) "' rel='nofollow' title='Email this to a friend?'/>
   </li>
   <li class='sexy-memoryru'>
   <a class='external' expr:href='"http://memori.ru/link/?sm=1&u_data[url]=" + data:post.url + "&u_data[name]=" + data:post.title ' rel='nofollow' title='Add this to Memory.ru'/>
   </li>
   <li class='sexy-meneame'>
   <a class='external' expr:href='"http://meneame.net/submit.php?url=" + data:post.url ' rel='nofollow' title='Submit this to Meneame'/>
   </li>
   <li class='sexy-misterwong'>
   <a class='external' expr:href='"http://www.mister-wong.com/addurl/?bm_url=" + data:post.url + "&bm_description=" + data:post.title + "&plugin=sexybookmarks"' rel='nofollow' title='Add this to Mister Wong'/>
   </li>
   <li class='sexy-moemesto'>
   <a class='external' expr:href='"http://moemesto.ru/post.php?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to MyPlace'/>
   </li>
   <li class='sexy-mylinkvault'>
   <a class='external' expr:href='"http://www.mylinkvault.com/link-page.php?u=" + data:post.url + "&n=" + data:post.title ' rel='nofollow' title='Store this link on MyLinkVault'/>
   </li>
   <li class='sexy-myspace'>
   <a class='external' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' title='Post this to MySpace'/>
   </li>
   <li class='sexy-n4g'>
   <a class='external' expr:href='"http://www.n4g.com/tips.aspx?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit tip to N4G'/>
   </li>
   <li class='sexy-netvibes'>
   <a class='external' expr:href='"http://www.netvibes.com/share?title=" + data:post.title + "&url=" + data:post.url ' rel='nofollow' title='Submit this to Netvibes'/>
   </li>
   <li class='sexy-netvouz'>
   <a class='external' expr:href='"http://www.netvouz.com/action/submitBookmark?url=" + data:post.url + "&title=" + data:post.title + "&popup=no"' rel='nofollow' title='Submit this to Netvouz'/>
   </li>
   <li class='sexy-newsvine'>
   <a class='external' expr:href='"http://www.newsvine.com/_tools/seed&save?u=" + data:post.url + "&h=" + data:post.title ' rel='nofollow' title='Seed this on Newsvine'/>
   </li>
   <li class='sexy-ning'>
   <a class='external' expr:href='"http://bookmarks.ning.com/addItem.php?url=" + data:post.url + "&T=" + data:post.title ' rel='nofollow' title='Add this to Ning'/>
   </li>
   <li class='sexy-nujij'>
   <a class='external' expr:href='"http://nujij.nl/jij.lynkx?t=" + data:post.title + "&u=" + data:post.url + "&b="' rel='nofollow' title='Submit this to NUjij'/>
   </li>
   <li class='sexy-oknotizie'>
   <a class='external' expr:href='"http://oknotizie.virgilio.it/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on OkNotizie'/>
   </li>
   <li class='sexy-pfbuzz'>
   <a class='external' expr:href='"http://pfbuzz.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on PFBuzz'/>
   </li>
   <li class='sexy-pingfm'>
   <a class='external' expr:href='"http://ping.fm/ref/?link=" + data:post.url + "&title=" + data:post.title + "&body="' rel='nofollow' title='Ping this on Ping.fm'/>
   </li>
   <li class='sexy-plaxo'>
   <a class='external' expr:href='"http://www.plaxo.com/?share_link=" + data:post.url ' rel='nofollow' title='Share this on Plaxo'/>
   </li>
   <li class='sexy-plurk'>
   <a class='external' expr:href='"http://www.plurk.com/m?content=9+beautiful+web+forms+for+free+download+-+" + data:post.url + "&qualifier=shares"' rel='nofollow' title='Share this on Plurk'/>
   </li>
   <li class='sexy-printfriendly'>
   <a class='external' expr:href='"http://www.printfriendly.com/print?url=" + data:post.url ' rel='nofollow' title='Send this page to Print Friendly'/>
   </li>
   <li class='sexy-pusha'>
   <a class='external' expr:href='"http://www.pusha.se/posta?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Push this on Pusha'/>
   </li>
   <li class='sexy-scriptstyle'>
   <a class='external' expr:href='"http://scriptandstyle.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this to Script & Style'/>
   </li>
   <li class='sexy-slashdot'>
   <a class='external' expr:href='"http://slashdot.org/bookmark.pl?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this to SlashDot'/>
   </li>
   <li class='sexy-sphinn'>
   <a class='external' expr:href='"http://sphinn.com/index.php?c=post&m=submit&link=" + data:post.url ' rel='nofollow' title='Sphinn this on Sphinn'/>
   </li>
   <li class='sexy-springpad'>
   <a class='external' expr:href='"http://springpadit.com/clip.action?body=&url=" + data:post.url + "&format=microclip&title=" + data:post.title + "&isselected=true"' rel='nofollow' title='Spring this on SpringPad'/>
   </li>
   <li class='sexy-strands'>
   <a class='external' expr:href='"http://www.strands.com/tools/share/webpage?title=" + data:post.title + "&url=" + data:post.url ' rel='nofollow' title='Submit this to Strands'/>
   </li>
   <li class='sexy-stumpedia'>
   <a class='external' expr:href='"http://www.stumpedia.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to Stumpedia'/>
   </li>
   <li class='sexy-techmeme'>
   <a class='external' expr:href='"http://twitter.com/home/?status=Tip+@Techmeme+" + data:post.url + "--" + data:post.title + "&source=Way2blogging"' rel='nofollow' title='Tip this to TechMeme'/>
   </li>
   <li class='sexy-tipd'>
   <a class='external' expr:href='"http://tipd.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Share this on Tipd'/>
   </li>
   <li class='sexy-tomuse'>
   <a class='external' expr:href='"mailto:tips@tomuse.com?subject=" + data:post.title + "&body=Link: " + data:post.url ' rel='nofollow' title='Suggest this article to ToMuse'/>
   </li>
   <li class='sexy-twittley'>
   <a class='external' expr:href='"http://twittley.com/submit/?title=" + data:post.title + "&url=" + data:post.url + "&desc=&pcat=Technology&tags="' rel='nofollow' title='Submit this to Twittley'/>
   </li>
   <li class='sexy-viadeo'>
   <a class='external' expr:href='"http://www.viadeo.com/shareit/share/?url=" + data:post.url + "&title=" + data:post.title + "&urlaffiliate=31138"' rel='nofollow' title='Share this on Viadeo'/>
   </li>
   <li class='sexy-virb'>
   <a class='external' expr:href='"http://virb.com/share?external&v=2&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on Virb'/>
   </li>
   <li class='sexy-wikio'>
   <a class='external' expr:href='"http://www.wikio.com/sharethis?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on Wikio'/>
   </li>
   <li class='sexy-wykop'>
   <a class='external' expr:href='"http://www.wykop.pl/dodaj?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to Wykop!'/>
   </li>
   <li class='sexy-xerpi'>
   <a class='external' expr:href='"http://www.xerpi.com/block/add_link_from_extension?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Save this to Xerpi'/>
   </li>
   <li class='sexy-yandex'>
   <a class='external' expr:href='"http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&lurl=" + data:post.url + "&lname=" + data:post.title ' rel='nofollow' title='Add this to Yandex.Bookmarks'/>
   </li>
   <li class='sexy-way2blogging'>
   <a class='external' href='http://way2blogging.blogspot.com' rel='follow' title='Grab this Widget'></a>
   </li>
</ul>
<div class='sexy-link'>
</div>
</div>
</div>
</b:if>

8. Save Dan Lihat Hasilnya

Tambahan
Untuk mengubah gambar atau tulisan yang berada di atas tombol cukup mengganti kode yang saya tandai berwarna Biru bagian Kode HTML di atas contoh :

<b:if cond='data:blog.pageType == "item"'>
<div id='post-width-w2b' style='width:600px;'>
<div class='sexy-bookmarks-bg-caring sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>

Beberapa Pilihan :

sexy-bookmarks-bg-sexy

sexy-bookmarks-bg-enjoy

sexy-bookmarks-bg-caring-old

sexy-bookmarks-bg-love

sexy-bookmarks-bg-wealth

sexy-bookmarks-bg-caring

Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Mudah2n Apa Yang Saya Bagikan Bisa Bermanfaat Buat Sahabat
Terima Kasih.

Selasa, 21 Juni 2011

Cara Menambahkan Tombol +1 (PlusOne Button) Di Blogspot

Cara Membuat Tombol +1 (add PlusOne button) Di Blogspot

Assalamualaikum...

Pada Kesempatan Kali Ini Saya Akan Membagikan Tutorial Untuk Membuat Tombol +1 di Blogspot. Jika Anda adalah seorang blogger yang mempunyai blog dari blogger.com pasti sudah tidak asing lagi mendengar/melihat yang namanya tombol +1 PlusOne. Tombol +1 adalah fitur yang baru saja dirilis oleh google, nah apa manfaat atau kegunaan dari tombol ini?? Tombol +1 bisa dikatakan voting secara tidak langsung untuk web blog kita, dalam artian jika seorang pengunjung menklik tombol +1 di sebuah artikel, itu sama saja memberikan satu nilai yang memberitahukan halaman artikel web blog kita ke google search engine bahwa artikel tersebut mempunyai nilai lebih atau bermanfaat bagi pengunjung tersebut, jadi semakin banyak yang memberikan +1 semakin baik artikel kita di mata serach engine google. Dan ini bisa menjadi salah satu alternatif yang baik untuk meningkatkan SEO web blog kita.

Cara Pertama :

Cara Ini Bagi Blogger yang menggunakan Template Default atau Bawaan Blogger.com

1. Masuk dulu ke akun blogger anda

2. Setelah berada di Dashboard Pilih Desaign

3. Jika anda telah berada di halaman "Page Elements" cari area Element Postingan Trus Klik Edit

Kalau kurang jelas lihat gambar di bawah ini :

Jika anda Telah Mengklik Edit Maka akan Muncul Halaman PopUp seperti Ini :

Langsung Saja Centang Show Share Button dan Save

Cara Kedua :

Cara ini Bagi Yang Menggunakan Template Selain Template Default Blogger.Com atau yang telah menghapus/tidak tersedia Script Share Button

1. Masuk dulu ke akun blogger anda

2. Setelah berada di Dashboard Klik Design --> Edit HTML

3. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
3. Centang Expand Template Widget

4. Cari Kode </head>

5. Copy JavaScript di bawah lalu paste di atas/sebelum kode </head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

6. Save terlebih dahulu
7. Kemudian Copy Kode Di Bawah ini

<div style=' float:right;'>
    <g:plusone size="medium"></g:plusone>
    </div>

8. Paste :

di Atas <data:post.body /> jika Ingin menempatkan di atas postingan
di Bawah <data:post.body /> jika ingin menempatkan di bawah postingan
atau di mana saja yang anda sukai, tapi adakalanya tombol ini tidak muncul jika tidak sesuai tempatnya

keterangan :
float:right; = Posisi tombol, Pilih Right =Kanan atau Left = Kiri
medium= Ukuran Tombol, Pilihan Standard, Medium, Small
jika ingin tombolnya hanya terlihat pada saat postingan di buka gunakaan kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
Kode +1 Di Sini
</b:if>

9. Jangan Lupa Save Jika Telah Selesai
10. Jika Penjelasan saya kurang anda Pahami Silahkan ke Situs Resminya Di Sini

Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Mudah2n Apa Yang Saya Bagikan Bisa Bermanfaat Buat Sahabat
Terima Kasih.

Kamis, 09 Juni 2011

Cara Menambahkan Widget Random Post Di Blogspot

Cara Membuat Random Post Di Blogspot

Assalamualaikum...

Kembali lagi saya akan membagikan sebuah tutorial blogspot, yaitu untuk menambahkan widget random post, random post maksudnya ialah daftar postingan yang muncul secara acak, dan setiap page/halaman di refresh akan muncul daftar postingan yang lain lagi. ini akan membantu pengunjung secara tidak sengaja menemukan postingan yang diinginkanyya,dan membantu menambah pegeviews blog kita. lihat contohnya di bawah ini :

Cara Menambahkannya Ke Blog ialah :

1. Masuk dulu ke akun blogger anda

2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.

3. Pilih Add a Gadget --> HTML/JavaScript

4. Masukkan/Copy-Paste Kode Di Bawah Ini :

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=20;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

5. Save/Simpan Kemudian Lihat Hasilnya..

Keterangan : angka yang berwarna Merah bisa anda ganti sesuai keinginan anda, angka tersebut ialah berapa jumlah daftar postingan yang akan tampil/terlihat

Sekian Dulu Dari Saya

Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan

Terima Kasih.

Cara Menambahkan Popular Post Atau Postingan Populer

Cara Membuat Atau/Menambahkan Postingan Populer Di Blog Menurut Jumlah Komentar

Assalamualaikum...

Pada siang ini saya akan membagikan kembali sebuah tutorial, yaitu tutorial menambahkan Popular Post di blog, Popular post maksudnya adalah daftar postingan terpopuler atau dengan kata lain terfavorit yang muncul berdasarkan berapa banyak jumlah komentar pada postingan tersebut. jika masih bingung dengan penjelasan saya yaudah kita mulai saja membuatnya, tp sebelum itu lihat dulu contohnya di bawah ini :

Cara Menambahkannya Ke Blog ialah :

1. Masuk dulu ke akun blogger anda

2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.

3. Pilih Add a Gadget --> HTML/JavaScript

4. Masukkan/Copy-Paste Kode Di Bawah Ini :

<script language='javascript'>
aBold = false;
numposts=250;
maxshowresult=10;
home_page = "http://idmusicbox.blogspot.com/";
</script>

<script type='text/javascript'>
//<![CDATA[

var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write("<ul>");
function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>

5. Save dan Lihat Hasilnya

Keterangan : Tulisann yang berwarna Merah silahkan anda ganti sesuai keinginan anda

aBold = Penebalan Teks (true or false)
numposts= Total Postingan yang akan ditelusuri
maxshowresult= Jumlah daftar yang akan tampil
home_page =Alamat Blog anda

Sekian Dulu Dari Saya

Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan

Terima Kasih.

Cara Menambahkan Total Postingan, Total Komentar dan Total Online Di Blog

Cara Membuat/Menambahkan Widget Total Postingan, Total Komentar dan Total Online Di Blogspot.

Assalamualikum..

Pada kesempatan kali ini saya akan membagikan sebuah tutorial blogspot, tutorial yang akan saya bagikan kali ini mencakup pembuatan widget statistik blog yaitu Total Postingan, Total Komentar dan Total Pengunjung yang Online, Namun widget yang satu ini tidak seperti widget-widget statistik yang lain, widget ini hanya berupa teks dan tidak menggunakan file gambar. Untuk melihat Contohnya, Silahkan lihat gambar di bawah ini :

Cara menambahkannya ke blogspot yaitu :

1. Masuk dulu ke akun blogger anda

2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.

3. Pilih Add a Gadget --> HTML/JavaScript

4. Masukkan/Copy-Paste Kode JavaScript Di Bawah Ini :

<script style="text/javascript">
function totalPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>

Pembaca Yg Online:
<b><script src='http://fastonlineusers.com/on3.php?d=idmusicbox.blogspot.com/' type='text/javascript'/></b>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker("UA-4679235-4");
pageTracker._trackPageview();
} catch(err) {}</script>
</b>

5. Save/Simpan

Keterangan : Kode yang saya tandai dengan warna Merah ganti dengan URL blog anda

Sekian Dulu Dari Saya

Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan

Terima Kasih.

Minggu, 01 Mei 2011

Google Friend Connect

Apa Itu Google Friend Connect

Assalamualaikum
Kali ini saya akan membagikan tentang apa itu Google Friend Connect dan apa saja fungsi-fungsinya untuk situs blog kita, dan bagaimana caranya mengaktifkan Google Friend Connect di situs blog yang kita miliki. Dariapada berlama-lama mendingan saya langsung saja share apa yang saya telah baca di Wikipedia

Google Friend Connect (Google Jalinan Teman) merupakan layanan dalam jaringan Online dari Google yang memungkinkan pengguna menambahkan konten dan aplikasi jejaring sosial ke situs mereka. Dengan menambahkan aplikasi ini ke situs. Pemilik situs bisa memfasilitasi pengunjung untuk masuk/login ke akun mereka, baik yang menggunakan Google, Yahoo!, AIM, atau OpenID. Penggunjung bisa berinteraksi dengan pengunjung lain melalui aplikasi chat, komentar, game online, atau aplikasi lain yang dipilih pemilik situs untuk disertakan di dalam aplikasi Friend Connect.

Download movie,single/album mp3,software full version,artikel,tutorial,blogspot,blogger,news atau berita indonesia

Google Image

Mengaktifkan Google Friend Connect di situs web sangat mudah. Yang diperlukan hanyalah memasukkan URL dan nama situs web saat pertama kali masuk ke akun Google Friend Connect. Pengguna tak perlu mengunduh atau mengunggah berkas, Google Friend Connect akan melakukannya untuk memudahkan setiap pengguna. Menambahkan fitur Google Friend Connect ke situs web tidak memerlukan keahlian pemrograman, hanya cukup salin dan tempel cuplikan kode HTML dari Google Friend Connect ke dalam sebuah situs.(Wikipedia.org)

Google Image

Jumat, 08 April 2011

Membuat Beberapa Gambar Berefek Hover Sederhana

Membuat Beberapa Gambar Berefek Image Hover Dengan CSS.

Kali ini saya akan membagikan efek-efek gambar dengan CSS, yang tentunya image hover, apa itu hover?? wah... saya juga kurang tau penjelasannya, namun dalam bahasa inggris hover artinya dekat (translate) hehe, maklum english saya yes-no :D. lanjuttttt... oy hover = dekat , mungkin maksudnya dalam css adalah saat kursor mouse didekatkan/diarahkan ke gambar, gambar tersebut akan menampilkan efek-efek tertentu yang telah di berikan (menurut saya :p)Yaudah dari pada anda pusing dengan penjelasan saya mendingan gak usah di perpanjang lagi penjelasannya deh, kita langsung aja lihat salah satu contohnya di bawah ini :

Untuk membuat yang seperti ini caranya gini....

1. Masuk dulu ke akun blogger anda

2. Setelah berada di Dashboard Klik Design --> Edit HTML

3. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
3. Centang Expand Template Widget

4. Cari Kode ]]></b:skin>

5. Copy kode di bawah lalu paste di atas kode ]]></b:skin>

.rezdown71 {
border:1px solid #fff;
}
.rezdown71:hover {
border:1px solid red;
}

6. Save Template dan buat sebuah postingan baru
7. Untuk pemanggilan kode CSS tersebut harus di buat kode HTML yang berfungsi untuk memanggil, contoh kodenya seperti ini :

<img class="rezdown71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/">

Ket.

Kode yang berwarna Biru berfungsi untuk pemanggilan jadi kode Biru tersebut harus sama dengan kode Biru pada CSS di atas (anda bisa mengubanya dengan kata2 anda sendiri, rezdown71 saya gunakan agar gampang saya ingat).
Kode yang berwarna Hijau adalah URL/Alamat gambar, ganti dengan alamat gambar anda.

Untuk menjadikan gambar tersebut link kodenya seperti ini :

<a href="LINK ANDA DI SINI" target="_blank"><img class="rezdown71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" /></a>

8. Save Postingan jika telah selesai

Berikut contoh beberapa Image hover sederhana beserta kode CSS dan HTML

.rezdown72 {
border:1px solid #ccc;
}
.rezdown72:hover {
background-color:#ccc;
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
}

<img class="rezdown72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" />

.rezdown73 {
border:1px solid red;
}
.rezdown73:hover {
-moz-box-shadow: 5px 5px 10px red;
}

<img class="rezdown73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" />

.rezdown74 {
border:1px solid #ccc;
}
.rezdown74:hover {
background-color:#eee;
border:1px solid red;
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px #818181;
}

<img class="rezdown74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" />

.rezdown75 {
border:2px solid #ccc;
}
.rezdown75:hover {
border:2px dashed #000;
}

<img class="rezdown75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" />

.rezdown76 {
padding-top:5px;
padding-bottom:5px;
border-top:3px solid #ddd;
border-bottom:3px solid #ddd;
}
.rezdown76:hover {
background-color:#fff;
border-top:3px solid #000;
border-bottom:3px solid #000;
}

<img class="rezdown76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" />

.rezdown77{
border:5px solid #ccc;
}
.rezdown77:hover {
background-color:#E71305;
border:5px solid #ddd;
}

img class="rezdown77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" />

.rezdown78 {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
margin: 0 10px 5px 0;
position: relative;
padding: 3px;
width: 125px;
height: 125px;
-moz-Photoz3-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
-webkit-Photoz3-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
-webkit-transform: rotate(-15deg);
}

.rezdown78:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
box-shadow:0px 0px 10px red;
-webkit-box-shadow:0px 0px 10px red;
-moz-box-shadow:0px 0px 10px red;
opacity: 1;
z-index: 2;
position: relative;
-moz-transform: rotate(0deg);
-moz-transform: scale(1.25);
-webkit-transform: rotate(0deg);
-webkit-transform: scale(1.25);

<img class="rezdown78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSONt63AAfCq77lpE-O7A2PetmR7gy0FUYoLUNSCv-EhDdu0T2PA_aOWoQmyfuDPajByPRHT_BFBwtei2AHG1E1QAqyfP4q-8nSP9SZ4OblULw9NFxCSfe-7w2V7xZUImjc9mCI2aasQk/" />

Silahakan Berkreasi, edit sesuka hati anda :)

Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Mudah2n Apa Yang Saya Bagikan Bisa Bermanfaat Buat Sahabat
Terima Kasih.

Mengganti Tulisan Poskan Komentar Di Blog

Mengganti Tulisan Poskan Komentar Di Blog

Assalamualaikum...

Pada kesempatan ini saya akan membagikan artikel tentang bagaimana cara Mengganti Tulisan Poskan Komentar Di Blog, bagi sobat blogger semua pasti sudah tau di mana biasanya tulisan Poskan Komentar berada, bagi yang belum tau "Kasian Deh Loe...." hehehe,masa sih belum tau itu loh.. tulisan yang biasanya berada di atas form komentar/kolom untuk membuat komentar.

Caranya cukup mudah yaitu...

1. Masuk dulu ke akun blogger anda
2. Setelah berada di Dashboard Klik Design --> Edit HTML

3. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
3. Centang Expand Template Widget

4. Cari Kode <data:postCommentMsg/> , Biasanya Terdapat 2 kode yang sama, pilih yang pertama, atau keduanya pun tidak masalah,soalnya saya sudah mencobanya dan tidak ada reaksi yang terjadi :)

5. Setelah ketemu kode di atas, silahkan ganti dengan kata yang anda telah siapkan.

6. Save Template dan Lihat Hasilnya

Tambahan:

Jika anda inging menggantinya dengan gambar ganti kode <data:postCommentMsg/> dengan kode gambar anda, contoh :

<img src='http://i783.photobucket.com/albums/yy114/rrezkijitawwa/PK.png' alt='Tempel Komentar'/>

Kode yang berwarna Biru bisa anda ganti dengan URL/Alamat gambar anda sendiri.

Contoh pemakain gambar:

Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.

free Download Internet Tools

Translate

Selasa, 05 Juli 2011

Cara Agar Blog Otomatis Redirect Ke Versi Mobile Saat Di Buka Melalui HP

Cara Membuat Menu Horizontal Dropdown di Blogspot

Membuat Tombol Sharing Is Sexy Menggunakan J-query (Auto Hide)

Selasa, 21 Juni 2011

Cara Menambahkan Tombol +1 (PlusOne Button) Di Blogspot

Kamis, 09 Juni 2011

Cara Menambahkan Widget Random Post Di Blogspot

Cara Menambahkan Popular Post Atau Postingan Populer

Cara Menambahkan Total Postingan, Total Komentar dan Total Online Di Blog

Minggu, 01 Mei 2011

Google Friend Connect

Jumat, 08 April 2011

Membuat Beberapa Gambar Berefek Hover Sederhana

Mengganti Tulisan Poskan Komentar Di Blog

Total Tayangan Halaman