June 2012 | Tutorial Blog Tutorial Blog: June 2012

Pages

Sunday, June 24, 2012

Cara Setting Blogspot Ke Domain co.cc

Apa kabar untuk Sobat Blogger semua, jumpa lagi kali ini dalam postingan saya yang membahas cara menganti ekstention Subdomain menjadi domain, untuk topik domain perubahannya yaitu membawas tentang domain co.cc, karena akhir-akhir ini domain co.cc kembali terindek oleh google karena beberapa saat yang lalu domain co.cc sempat tidak terindek oleh google, untuk itu apabila Sobat Blogger ingin mencoba melakukan exsperimen untuk mengganti Subdomain dari Blog kepunyaan Sobat menjadi Domain, berikut ini Anda dapat mengikuti langkah-langkah melakukan Setting di co.cc .

Ada 3 cara pengaturan di co.cc. dan ketiganya memiliki fungsi tersendiri.

Berikut ini penjelasannya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom"Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai



2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini
cara setting untuk Zone Records


  • Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
  • Untuk option "TTL" biarkan saja, gak perlu dirubah2
  • Pada option "Type" pilih yang "CNAME"
  • Untuk kolom "Value" isikan "ghs.google.com"
    Sehingga akan seperti pada gamabr dibawah ini:
     

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
  • Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
  • Kemudian pilih "Switch to: • Custom Domain
  • Setelah itu klik pada "Already own a domain? Switch to advanced settings"
  • Kemudian isikan nama domain Anda yang baru pada kolom "Your Domain".
  • Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.


3. URL Forwarding
 URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.

Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti"Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

  • Jika Anda mengunakan layanan blogger/blogspot maka gunakanlah"Zone Records"
  • Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
  • Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Friday, June 22, 2012

Cara Membuat Sharing Sexy Social Media

Sexy Sharing Social Media adalah plugin kecil yang memberikan kemungkinan untuk menambahkan berbagai layanan  social media untukblog Anda. yang juga berfungsi diantaranya sebagai meningkatkan Rangking pada SERP(Search Engine Rank Page), meningkatkan dalam indek, meningkatkan traffic pengunjung pada Blog kita dan untuk peningkatan Page Rank( Ranking pada Blog). Artikel ini akanmmemberikan cara bagaimana menambahkan widget sexy sharing social Media untuk Anda, dengan beberapa langkah-langkah. Cara Membuat Sexy Sharing Social Media di Blogger :

 Langkah-langkah cara membuatnya :
  1. Seperti biasa login pada blogger.com
  2. Pilih Rancangan >> Edit HTML
  3. Terlebih dahulu di usahakan untuk Download Tempalate Lengkap untuk menghindari kemungkinan yang tidak di inginkan, misalkan apabila terjadi listrik padam/mati pada saat dalam melakukan Editting
  4. Klik Expand Template Widget
  5. Cari kode </head>
  6. Copy paste kode berikut, sebelum kode </head> tersebut :
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    jQuery(document).ready(function() {
    // xhtml 1.0 strict way of using target _blank
    jQuery(&#39;.sexy-bookmarks a.external&#39;).attr(&quot;target&quot;, &quot;_blank&quot;);
    // this block sets the auto vertical expand when there are more than
    // one row of bookmarks.
    var sexyBaseHeight=jQuery(&#39;.sexy-bookmarks&#39;).height();
    var sexyFullHeight=jQuery(&#39;.sexy-bookmarks ul.socials&#39;).height();
    if (sexyFullHeight&gt;sexyBaseHeight) {
    jQuery(&#39;.sexy-bookmarks-expand&#39;).hover(
    function() {
    jQuery(this).animate({
    height: sexyFullHeight+&#39;px&#39;
    }, {duration: 400, queue: false});
    },
    function() {
    jQuery(this).animate({
    height: sexyBaseHeight+&#39;px&#39;
    }, {duration: 400, queue: false});
    }
    );
    }
    // autocentering
    if (jQuery(&#39;.sexy-bookmarks-center&#39;)) {
    var sexyFullWidth=jQuery(&#39;.sexy-bookmarks&#39;).width();
    var sexyBookmarkWidth=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).width();
    var sexyBookmarkCount=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).length;
    var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
    var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
    var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
    jQuery(&#39;.sexy-bookmarks-center&#39;).css(&#39;margin-left&#39;, sexyLeftMargin+&#39;px&#39;);
    }
    });
    </script>
    
    <style type='text/css'>
    div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
    div.sexy-bookmarks-expand{height:29px; overflow:hidden}
    .sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuz2tiOcaSIKgj4Id3iz_PIeG-cZygjtOsE3VjsQKwN-P3PXny-n6tSIgY_VQtXDlCPKLJ_2HSwyKpNoOKdbBubfgeqI_Y2ujIrvGEu2if4jBzwvknKP8llggLuvlAXBa3uA4G-lK8aBRL/&#39;) !important; background-repeat:no-repeat}
    div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
    div.sexy-bookmarks ul.socials{width:95% !important; margin:0 !important; padding:0 !important; float:left}
    div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
    div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
    div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
    div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
    .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url(&#39;http://bnote.googlecode.com/files/sexy-sprite-new.png&#39;) no-repeat !important;border: 0;outline: none;}
    .sexy-digg{background-position:-980px bottom !important}
    .sexy-digg:hover{background-position:-980px top !important}
    .sexy-reddit{background-position:-700px bottom !important}
    .sexy-reddit:hover{background-position:-700px top !important}
    .sexy-stumbleupon{background-position:-630px bottom !important}
    .sexy-stumbleupon:hover{background-position:-630px top !important}
    .sexy-delicious{background-position:-1190px bottom !important}
    .sexy-delicious:hover{background-position:-1190px top !important}
    .sexy-yahoobuzz{background-position:-1120px bottom !important}
    .sexy-yahoobuzz:hover{background-position:-1120px top !important}
    .sexy-blinklist{background-position:-1260px bottom !important}
    .sexy-blinklist:hover{background-position:-1260px top !important}
    .sexy-technorati{background-position:-560px bottom !important}
    .sexy-technorati:hover{background-position:-560px top !important}
    .sexy-myspace{background-position:-770px bottom !important}
    .sexy-myspace:hover{background-position:-770px top !important}
    .sexy-twitter{background-position:-490px bottom !important}
    .sexy-twitter:hover{background-position:-490px top !important}
    .sexy-facebook{background-position:-1330px bottom !important}
    .sexy-facebook:hover{background-position:-1330px top !important}
    .sexy-mixx{background-position:-840px bottom !important}
    .sexy-mixx:hover{background-position:-840px top !important}
    .sexy-scriptstyle{background-position:-280px bottom !important}
    .sexy-scriptstyle:hover{background-position:-280px top !important}
    .sexy-designfloat{background-position:-1050px bottom !important}
    .sexy-designfloat:hover{background-position:-1050px top !important}
    .sexy-newsvine{background-position:left bottom !important}
    .sexy-newsvine:hover{background-position:left top !important}
    .sexy-google{background-position:-210px bottom !important}
    .sexy-google:hover{background-position:-210px top !important}
    .sexy-comfeed{background-position:-420px bottom !important}
    .sexy-comfeed:hover{background-position:-420px top !important}
    .sexy-linkedin{background-position:-70px bottom !important}
    .sexy-linkedin:hover{background-position:-70px top !important}
    .sexy-friendfeed{background-position:-1750px bottom !important}
    .sexy-friendfeed:hover{background-position:-1750px top !important}
    .sexy-link{ margin-left:25px; float:left}
    .sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>
  7. Langkah selanjutnya cari kode <data:post.body/>
  8. Untuk diketahui apabila Blog Anda menggunakan Readmore secara Automatis berarti ada 2 kode <data:post.body/>  Sebaiknya Anda disarankan memilih Kode yang ke 2 <data:post.body/>
  9. Kemudian Copy paste kode berikut dibawah ini TepatSetelah <data:post.body/> 
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
    <ul class='socials'>
    <li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
    <li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
    <li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
    <li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
    <li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
    <li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
    <li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
    <li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
    <li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
    <li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
    <li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
    <li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
    <li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
    <li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
    <li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
    <li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
    <li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
    <li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
    </ul>
    <div style='clear:both;'/>
    </div>
    </b:if>
  10. Lalu Simpan/Save Template.... Selesai... Selamat mencoba........

Thursday, June 21, 2012

Cara Mempercepat Blog Terindek oleh Mesin Pencari

Apakah Anda telah menyelesaikan membuat Blog dan telah mendaftarkannya di Browser tetapi ada beberapa Artikel Blog Anda belumterindek oleh Browser/mesin pencari. bila hal tersebut terjadi mungkin ada baiknya anda untuk mencoba Fasillitas dari Ping atau bahasa lainnyaPing Service yang merupakan sebuah alat otomatis berbentuk web yang berfungsi menyebarkan artikel blog ke berbagai situs populer di seluruh dunia yang selalu ramai dikunjungi orang.
Menggunakan Layanan Ping service untuk mempercepat indekssebuah artikel di blog atau update terbaru dari blog kita merupakan cara yang efektif dan instan untuk melakukan promosi blog dalam meningkatkan jumlah pengunjung agar di ketahui oleh para pengguna Internet di seluruh dunia, namun ada beberapa hal yang harus diketahui oleh anda dalam penggunaannya.

Hal-hal yang perlu untuk diketahui bagi pengguna layanan Ping:
1. Lakukan ping jika anda telah merubah susunan blog anda.
2. Lakukan ping jika anda telah melakukan update postingan.
3. Jangan berlebihan melakukan ping, karena akan dianggap spam oleh mesin pencari.
4. Pilih salah satu saja yang menurut anda baik dan paling lengkap, yang dalam penggunannya jangan sekali-kali mencoba secara bersamaan antara layanan satu dengan yang lainnya.
Berikut daftar Free Ping Service, yang mungkin dapat Anda coba :
  • Ping-O-Matic
    Ping-O-Matic adalah layanan untuk memperbarui data pada mesin pencari bahwa blog Anda telah diperbarui.
  • My Pagerank
    My Pagerank memungkinkan Anda mengirimkan URL ke mesin pencaripopuler
  • TotalPing!
    TotalPing adalah cara untuk mempromosikan Blog Anda
  • Feed Shark
    Ping blog anda, feed, atau podcast semuanya GRATIS
  • PingMyBlog
    PingMyBlog.com adalah layanan untuk membantu mempopulerkan Blog Anda
  • Pingler
    Use Pingler.com untuk Ping Blog dan Website anda dengan cara yang terbaik
  • Autopinger
    Ping Otomatis Blog dan Podcast.
  • Pingates
    Pingates adalah sebuah Fasilitas Ping untuk memberitahu sejumlah layanan yang melacak weblog dan mempublikasikan blog anda.
  • Feed Ping
    Feed Ping Website Blog Ping RSS Service Webmaster Tools.
  • Ping.In 
    Ping.IN adalah layanan untuk memperbaharui data Mesin pencari bahwa Blog anda sudah di update
Semoga artikel kali ini dapat Anda praktekan langsung pada Blog kepunyaan Anda sehingga artikel juga Blog Anda dapat segera teridek oleh Mesin pencari.... Selamat mencoba... Happy Blogging...

Wednesday, June 13, 2012

Cara Membuat Navbar Auto Hide

Banyak Artikel yang memuat tentang bagaimana cara menghilangkan Navbar pada Blog, ataupun yang hanya menyembunyikanNavbarnya saja. memang cara ini sangat banyak diminati para Blogger, karena tampilan navbar blog kita tidak terlihat, tapi tidak menjadi hilang.
Dengan mengarahkan kursor mouse kita ke arah navbar yang letaknya di atas blog, yang kita sembunyikan tadi, akan secara otomatis akan kelihatan. Untuk lebih jelasnya, Langsung saja ..   
bagaimana langkah-langkahnya.


-- Pertama Login ke Blogger.
-- Kedua Klik Tata Letak/layout/rancangan.
-- Ketiga Klik Edit HTML.
-- Keempat Lalu cari kode ]]></b:skin> letakan Kode Script dibawah ini
lalu kopi-paste sebelum Kode ]]></b:skin> untuk   mempermudah pencarian Kode tekan F3 di keyboard atau ctrl+f


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}




-- Lalu Simpan Templates
-- Selesai...

Tuesday, June 12, 2012

Cara Membuat Google Page Rank di Blog

Untuk menentukan Rangking suatu Blog, kita dapat mengeceknya di Google Page Rank yang ketentuan Nilainya adalah  berawal dari O sampai 10 bila semakin tinggi nilai Rangking suatu Blog maka semakin Baik pula keberadaan Blog di mata Google. dalam pembahasan kali ini kita akan membahas bagaimana cara memasang Google Page Rank pada Blog kita....
Langkah Awal Menampilkan, Membuat Google Page Rank sebagai berikut :
-Silahkan anda mengunjungi situs ini  http://www.prchecker.info
-Pada tulisan Instantly Check Page Rank value of your web pages on-line! Klik tulisan Check Page Rank.
-alamat Url Blog Anda dengan lengkap. Misal Contoh : http://tutorialplan.blogspot.com
-Klik tombol Check PR.
-Akan keluar alamat url blog beserta nilai Google Page Rank blog Anda.
-Pada kalimat Want to add such button to your web site ? - Click here , klik tulisan Click here.
-Kemudian Anda akan diminta memasukkan kode Anti-bot Code dikolom yang tersedia sesuai dengan kode yang ditampilkan.
-Setelah dimasukkan, klik tombol Generate Now
-Akan muncul Alamat url blog Anda, Google Page Rank dan 3 script yang bisa Anda Copy-paste untuk di pasang di blog Anda.
-Seperti biasa Klik Rancangan, Tambah Gadget lalu pilih Html/Javascript
-Simpan

Selesai....... Selamat mencoba........

Cara Membuat Background Gambar pada postingan

Banyak cara untuk memperindah  tampilan pada Blog Kita. untuk itu kali ini Saya ingin berbagi bagaimana cara memperindah Blog dengan cara menambahkan Gambar dalam Artikel Blog. Bagaimana dapat di mengerti atau masih Bingung yang saya maksudkan.... Baiklah maksudnya Begini saya jelaskan lagi.,.. dengan memberi background gambar pada tulisan atau postingan kita, seperti pada halaman ini. Tapi tentunya gambar yang akan kita gunakan sebagai background sebaiknya kita buat lebih transparan, agar nantinya tulisan atau postingan kita tetap terlihat dan tetap enak di baca.
Dengan menambah background  pada postingan  seperti yang ada dihalaman ini akan menambah nuansa pada Blog kita menjadi lebih berwarna dari biasanya

Selanjutnya menggenai bagaimana cara membuatnya : 
1. Silahkan anda login ke blog anda.
2. Klik Posting, lalu pilih Entri baru.
3. Masukkan kode dibawah ini pada halaman (HTML), bukan (Compose) :

  
      <div style="background:url(Http:// Image Anda) no-repeat;">Artikel anda disini</div>


4. ganti  Http:// Image Anda dengan alamat Url Image/gambar Anda5. Ganti tulisan "Artikel anda disini" dengan tulisan atau artikel anda.
6. Setelah selesai silahkan anda terbitkan, dan lihat hasilnya

Selesai... Selamat mencoba....

Tuesday, June 5, 2012

Cara Membuat Widget Translate

Penerjemah Bahasa berguna bagi pengunjung dari negara lain yang ingin membaca artikel pada Blog kita, yang berguna sebagai penerjemah/translate bahasa dari tulisan yang kita gunakan sehingga bagi pengunjung dapat mengunakan widget ini untuk menerjemahkan kedalam bahasa yang mereka inginkan. Widget ini sudah support untuk bahasa Indonesia. berikut Cara membuat widget Translate.
Langkah-langkahnya:

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini ada kolom Html/Javascript tersebut.



<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Kemudian simpan.

Selesai.. selamat mencoba....
Related Posts Plugin for WordPress, Blogger...