Cara Pasang Meta Tag

Diposkan oleh MamanCyber
Apa yang dimaksud Meta Tag,? Meta Tag adalah suatu informasi penting yang menjadi
kata kunci sebuah blog atau website. Tujuannya agar memudahkan mesin mencari web/blog anda.
Sebuah Meta Tag perlu sekali keberadaannya karena untuk menyampaikan keyword
atau kata kunci kepada mesin pencari tentang isi dari suatu blog.

Bagaimana ya.. cara memasang Meta Tag..Oke, ikuti langkah - langkah di bawah ini :
Copy paste kode berikut ini dan letakkan Meta Tag tersebut di bawah kode 
<title><data:blog.pageTitle/></title> dan jangan lupa mengubah Deskripsi yang berwarna biru
sesuai dengan deskripsi blog anda.

<meta content='Tulis Deskripsi blog anda di sini' name='description'/>
<meta content='Kata Kunci 1, Kata Kunci 2 dan seterusnya'
name ='keywords'/>
<meta content='INDEX, FOLLOW' name ='ROBOTS'/>

Keterangan Meta Tag :
- Ganti kode Tulis deskripsi blog anda disini dengan deskripsi blog anda.
- Selanjutnya ganti kode Kata Kunci 1, Kata Kunci 2 dan seterusnya tidak   lebih dari 12 kata kuncisesuaikan dengan blog anda.
Ingat,  menulis Kata Kunci tidak boleh mengulang sampai lebih tiga kali, karena Googlepencari akan menganggap bahwa kata tersebut dianggap SPAM.
Contohnya pengulangan kata, bisnis di internet, bisnis online, bisnis marketing.
   Selamat mencoba sobat......
Tidak ada komentar:

Cara Menampilkan Recent Post (Postingan Terbaru )

Diposkan oleh MamanCyber
Langsung saja dech kita kupas tuntas tutorialnya tanpa basa basi lagi 
Ikuti langkahnya berikut ini :

1. Login ke Blogger kemudian pilih "Layout"

2. Klik pada "Page Element" terus pilih "Add a Gadget-->HTML/Javascript"
    tempatnya terserah anda.

3. Copy kode berikut ini dan taruh dalam kotak "content"

    

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
4. Ganti YOURBLOGNAME dengan nama blog anda.

5. Angka "10" menunjukkan jumlah "recent post" yang ditampilkan,
   anda bisa ubah sesuikan.

6. Terus di Simpan, selesai..
Tidak ada komentar:

Cara Membuat Related Post / Artikel Terkait

Diposkan oleh MamanCyber
Related Post atau bisa disebut Artikel Terkait atau posting terkait adalah sangat besar manfaatnyauntuk blog kita, terutama pada pengunjung blog karena artikel yang bersangkutan apa yang pengunjungbaca ada pada Related Post tersebut.
Biasanya artikel terkait ini diletakkan di bawah artikel
guna memberitahu pengunjung bahwa artikel sama yang sedang dibaca ada di bawahnya.

Related Post atau Artikel terkait ini seperti menu navigasi pada sidebar blog, hanya bedanya menu Related post ini terisi secara otomatis berdasarkan label pada masing - masing artikelnya.

Contohnya artikel yang sedang dibaca pengunjung blog tentang Cara membeli Domain gratis
yang diberi label Domain dan Hosting, maka artikel terkait secara otomatis akan menampilkan artikel - artikel yang laiinya tentang Domain dan Hosting.

Oke mari kita praktekkan cara membuat Related post berikut ini :

1. Login ke Dashboard blog anda.

2. Pilih Rancangan >>Edit HTML

3. Download template lengkap dulu untuk antisipasi kalau ada kesalahan.

4. Beri tanda centang pada kotak kecil Expand Widget template

5. Tempatkan  script berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3> <div id='data2007'/>

<script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loopvalues='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>

6. Terakhir klik Simpan

    Catatan :

-->> Jika anda memasang iklan di bawah posting, maka tempatkan script related post
       di bawah kode iklan tersebut.

-->> Jika blog anda memakai readmore otomatis anda harus menempatkan script
       Related post di bawah kode <data:post.body/>
                                                   </b:if>

Selamat mencoba dulu, kalau ada yang salah baru coment di bawah oke...

Tidak ada komentar:

Cara Membuat Kotak Link Exchange /Tukar Link

Diposkan oleh MamanCyber
Link Exchange atau banner tukar link biasanya dipasang para blogger untuk
saling tukeran link. Jadi antara blogger satu dengan blogger yang lain ada
hubungan saling berinteraksi. 




Begini cara buat kotak script exchange di atas,
1. Loggin ke blogger pilih Layout -->Page Element

2 Klik tambah Gadget pilih HTML/Javascript

3. Terus copypaste kode di bawah ini ke Widget tadi
         
<textarea name="textarea" cols="20"><a href="http://mamanblog26.blogspot.com"><img src="http://http://mamanblog26.blogspot.com/banner-trik.gif" width="90" height="17" border="0" /></a></textarea>

4. Klik Simpan

Keterangan text yang berwarna hijau menunjukkan lebar kotak, 
Text yang berwarna biru adalah link, dan ganti dengan alamat blog anda.

Sedang text yang berwarna merah adalah alamat gambar beserta ukurannya
ganti text tersebut dengan alamat gambar milik anda.
Gimana, ada yang belum jelas silahkan tinggalkan komentar anda &
jangan nyepam oke..
2 komentar:

Cara Membuat Gambar Melayang (Float Image)

Diposkan oleh MamanCyber
Cara mempercantik sebuah Blog banyak cara yang dilakukan para Blogger, Mastah,. apa itu Mastah adalah sebutan untuk senior blogger - blogger yang sudah ahli sekali dibidang blog.
Langsung saja kita menuju sasaran,.he..he...

Ikuti langkah - langkahnya berikut ini :

1. Login ke blogger terus klik "Layout-->>Edit HTML

2. Cari kode ]]><b:skin> kalau sudah ketemu taruh kode berikut di atasnya





3. Teks yang dicetak tebal adalah posisinya, kalau pengin ganti posisi 
    di pojok kanan bawah tinggal text "left" diganti "right"

     Begitu juga "button" , jika pengin di posisi atas bisa diganti dengan"Top"

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>



http://mastmamanblog.blogspot.com adalah link ganti dengan alamat link anda.
    
http://superinhost.com/image/soniclari.gif adalah lokasi gambarmu, ganti dengan lokasi gambar anda.

5. Jika anda kepengin yang ada disitu bukan gambar tapi jam, kalender, hit counter, serta widget lainnya,
maka ganti text yang berwarna merah dengan script widget - widget tersebut.

6. Kemudian Simpan, lalu lihat hasilnya...

Tidak ada komentar:

Cara Membuat Menu Multi Kolom / Multi Tab

Diposkan oleh MamanCyber
Cara membuat Menu multi kolom pada blog meski sudah banyak ditulis para blogger tak ada salahnya saya akan menulisnya kembali untuk sobat yang sedang newbie semua.

Menu Multi kolom ini banyak sekali fungsinya, yang terutama menu multi kolom ini yaitu untuk mengepres widget dalam satu menu kotak.

Atau menggabungkan beberapa widget kedalam satu kolom widget. Biasanya menu ini diisi dengan daftar isi link, recent coment, atau bisa diisi yang lainnya.

Contoh tampilan Menu multi kolom atau multi Tab lihat di bawah ini;


cara membuat menu multi kolom, membuat kolom multi tab


Kita lanjutkan cara membuatnya, ikuti terus langkah - langkahnya berikut :

1. Login ke Dashboard blog

2. Pilh rancangan >> Edit HTML

3. Download template lengkap dulu untuk berjaga-jaga kalau terjadi kesalahan.

4. Tandai pada  Expand widget template.  

5. Kemudian  tempatkan script berikut sebelum kode ]]></b:skin>
div.TabView div.Tabs { height:24px; overflow:hidden;}
div.TabView div.Tabs a { float:left; display:block; width:90px; text-align:center; height:24px; padding-top:3px; vertical-align:middle; border:1px solid #ddd; border-bottom-width:0; text-decoration:none; font-family:verdana,arial,sans-serif; font-weight:bold; color:#000;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color:#fff;}
div.TabView div.Pages {clear:both; border:1px solid #ddd; overflow:hidden; background-color:#fff;}
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden;}
div.TabView div.Pages div.Page div.Pad {padding:3px 5px;}

     Sesuikan kode warnanya sesuai dengan blog anda

6. Kemudian masukkan script pemanggil berikut sebelum kode </head>
    <script type='text/javascript'> function tabview_aux(TabViewId, id) { var TabView = document.getElementById(TabViewId); // ----- Tabs ----- var Tabs = TabView.firstChild; while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling; var Tab = Tabs.firstChild; var i = 0; do { if (Tab.tagName == "A") { i++; Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");"; Tab.className = (i == id) ? "Active" : ""; Tab.blur(); } } while (Tab = Tab.nextSibling); // ----- Pages ----- var Pages = TabView.firstChild; while (Pages.className != 'Pages') Pages = Pages.nextSibling; var Page = Pages.firstChild; var i = 0; do { if (Page.className == 'Page') { i++; if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px"; Page.style.overflow = "auto"; Page.style.display = (i == id) ? 'block' : 'none'; } } while (Page = Page.nextSibling); } // ----- Functions ------------------------------------------------------------- function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); } function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); } </script>

7. Terakhir klik Simpan.

Langkah selanjutnya yaitu menambahkan widgetnya pada sidebar blog. Pada rancangan elemen
klik " Tambah Gadget " dan pilih widget " HTML/Javascript "
Dan masukan kode berikut kedalamnya: 
<form action="tabview.html" method="get">
<div class="TabView" id="TabView"> <div class="Tabs" style="width:350px;">
<a>Sub judul 1 </a> <a>Sub judul 2 </a> <a>Sub judul 3 </a></div> 
<div class="Pages" style="width:350px; height:260px;">
<div class="Page"> <div class="Pad"> Link 1 di menu 1 Link 2 di menu 1 Link 3 di menu 1 </div> </div> 
<div class="Page"> <div class="Pad"> Link 1 di menu 2 Link 2 di menu 2 Link 3 di menu 2 </div> </div>
<div class="Page"> <div class="Pad"> Link 1 di menu 3 Link 2 di menu 3 Link 3 di menu 3 </div> </div> </div> </div> </form> <script type="text/javascript"> tabview_initialize ('TabView'); </script>


Terakhir Klik Simpan.
Selesai dech, selamat untuk membuat Menu Multi Kolom.

Tidak ada komentar:

Cara Pasang MP3 / Musik di Blog

Diposkan oleh MamanCyber
Langsung saja dech, Maman Blog kali ini akan berbagi tentang cara pasang Musik di Blog Gratiss. wee..seneng kalau ada yang Gratiss,. kaya saya ,. he.. he.. berjanda, Berikut caranya :

1. Kunjungi situs http://www.singingbox.org

2. Klik Register Now

3. Lanjut isi kolom Registrasi  
    Isikan Username    : bisa nama anda
    pasword               : selera anda

4. Bila buat akun anda di atas sudah jadi masuk ke Playlist manager

5. Lalu pilih add new song / add shared track

6. Klik add playlist

7. Kembali ke playlist manager dan klik generate embed code

8. Kemudian copy dan masukkan di gadget html script pada javascript diblog.

9. Selesai...

Selamat mencoba dan dengerin lagu-lagu yang keren habis.

Tidak ada komentar:

Cara Membuat Tulisan Berjalan ( Marquee )

Diposkan oleh MamanCyber
Untuk mempercantik Blog banyak cara blogger yang dilakukan, 
agar pengunjung blog betah atau balik lagi untuk mencari informasi.
Tidak ada salahnya jika anda coba buat Teks berjalan biar kelihatan canggih dikit,.he..he..
Untuk arahnya bervariatif, dari kiri ke arah kanan, dari kanan ke arah kiri, dari bawah naik ke atas,serta dari atas tulisan melorot ke bawah.

Kode HTML untuk membuat tulisan berjalan dikenal dengan bahasa Marquee, kode dasar
perintah marquee adalah sebagai berikut :


Selain kode dasar Marquee, ditambah atribut yang fungsinya untuk mengatur keindahan tulisan
yang berjalan. Atribut yang sering digunakan dalam kode Marquee adalah :

bgcolor="warna"  - Mengatur warna background teks.

direction="left/right/up/down" - Mengatur arah gerakan teks.

behavior="scroll/slide/alternate" - Untuk mengatur perilaku gerakan.

Scroll - Teks bergerak berputar.

Slide - Teks bergerak sekali lalu berhenti.

Alternate - Teks bergerak dari kiri ke kanan lalu balik lagi.

title="pesan" - Pesan akan muncul saat mouse berada di atas teks.

scrollmount="angka" - Mengatur kececepatan gerakan, semakin besar angkanya semakin cepat geraknya.

scrolldelay="angka" - Untuk mengatur waktu tunda gerakan dalam sekian mili perdetik.

loop="angka[-1]infinite" - Mengatur jumlah loop.

with="lebar" - Mengatur lebar blog teks dalam persen.


Yup,.kita coba praktek ikuti caranya, copy paste kode script di bawah ini :

1. Teks berjalan dari Kanan ke arah Kiri


2. Teks berjalan dari Kiri ke arah Kanan.


3. Teks berjalan Memantul.



4.Teks Melorot ke bawah.


Cara memasang kode Marquee,

   1. Silahkan login ke blogger

   2. Ke Dashboard klik blog anda

   3. Klik menu Tata letak
      tata letak

    4. Tambah Gadget

   

  5. Klik pada Widget HTML/Javascript

 html widget 
 6. Terakhir klik Simpan. 

 7. Selesai dech,. Silahkan lihat hasilnya.
Tidak ada komentar:

Cara Menampilkan Recent Coment ( Komentar Terbaru )

Diposkan oleh MamanCyber
Menampilkan Recent Coment atau Komentar terbaru fungsinya adalah,
agar kita bisa dengan mudah mengetahui siapa yang baru saja memberikan Komentar pada blog kita, dan postingan mana pengunjung blog berkomentar. 

Recent Coment ini bisa kita pasang di halaman blog kita.

Di bawah ini cara menampilkan Recent Coment ( Komentar Terbaru ) :

1. Login ke blogger lalu pilih menu "Layout"

2. Kemudian copy script berikut ini :

    
<script style="text/javascript" src="http://superinhost.com/blog/comments.js"></script>
<script style="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://mamanblog26.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

 - Angka 8 adalah jumlah komentar yang mau ditampilkan.

 - Ganti alamat mastmamanblog ganti dengan alamat blog anda yach..

3. Untuk menampilkannya di sidebar maka pilih "Add a    Gadget-->HTML/Javascript"
    Lalu masukkan script diatas ke dalam kotak yang disediakan.

    O yaa, Recent Coment ini bisa juga dipasang di dalam "Tab New"

    
Tidak ada komentar:

Cara Menampilkan Status Online/Offline Yahoo Messenger

Diposkan oleh MamanCyber
Pada postingan kali ini saya akan berbagi tentang bagaimana Caranya 
menampilkan Status online atau Offline Yahoo Messenger.
Apa fungsi dari status YM tersebut, kegunaannya bisa langsung untuk
chating atau untuk bertransaksi secara online.

Langsung saja, seperti ini gambarnya untuk ukuran mini

Contoh status icon yang Online


Terus kalau iconnya offline


Cara membuatnya sangat mudah sekali, anda gak usah capek-capek
tinggal copy script di bawah ini dan paste ke sidebar blog sobat.
Loggin --> klik page element
Terus add Gadget --> HTML/Javascript


<a href="ymsgr:sendIM?toppulsagroup"> <img src="http://opi.yahoo.com/online?u=toppulsagroup&amp;m=g&amp;t=2&amp;l=us"/>
</a>


Ganti text yang warna merah dengan id YM anda.
untuk angka 2 yang berwarna biru, bisa anda ganti dengan angka yang lain
dan hasil gambar yang ditampilkan akan berbeda-beda.

Gimana,.. tertarik mau mencoba, 
Tidak ada komentar:

Cara Mengecek Blog terindex di Search Engine

Diposkan oleh MamanCyber
Cara mengecek postingan sudah terindex di mesin pencari google.com apa belum. Kecepatan blog atau postingan terindex di mesin pencari memang cita - cita para blogger.
Semakin cepat blog tersebut terindex search engine maka akan semakin bagus pula artikel blog tersebut.

Untuk artikel kali ini saya akan berbagi cara mudah bagaimana trik mengetahui blog atau postingan kita sudah teridex apa belum di Search Engine.
Kita daftarkan saja dengan menambahkan URL blog kita ke http://www.blogsearch.google.com/ping

Jadi kalau pengin blog baru anda cepat terindex google, demikian cara mensubmit ke url  diatas semoga blog baru anda cepat teridex mesin pencari....
Tidak ada komentar:

Cara Pasang Jam di Blog

Diposkan oleh MamanCyber
Dalam postingan kali ini saya akan share cara memasang Jam di Blog,
biar Blog sobat kelihatan keren gitu lho..Ada beberapa cara dan pilihan yang dapat anda coba.

Disamping mempercantik tampilan blog anda, pemasangan jam di blogspot juga membantu anda mengingat waktu.
Anda bisa mengunjungi situs - situs yang menyediakan script jam gratis.
Berikut situs - situs yang menyediakan jam yang bagus - bagus :


1. http://www.clocklink.com
    Masuk ke situs clocklink, kemudian ke menu Gallery dan pilih jam yang
    anda suka.

    Ada jam Analog, jam Animasi, jam Digital dan masih banyak lagi 
    macamnya tinggal pilih.


2. http://www.al-habib.info/islamic-clock
    Situs ini menyediakan jam yang bernuansa Islami, tersedia juga Gadget, Kalender, dan masih banyak aksesoris yang bisa anda dapatkan di sini.

Saya coba anda tak kasih contoh script untuk di copypaste ke blog sobat.
Di Indonesia ini terbagi menjadi tiga bagian zona waktu
yaitu waktu Indonesia Barat, Indonesia Timur dan Indonesia Tengah. Jadi perlu disesuaikan
dengan zona waktu di daerah anda, ikuti langkah - langkah berikut untuk memasang Jam :

1. Login ke Blogger masuk ke Dashboad anda.

2. Klik Tata Letak

3. Klik Tambah Gadget

4. Pilih HTML/javascript.

5. Kemudian copy pastekan kode di bawah ini pada Gadget > Javascript 
    yang terbuka.




   Kemudian simpan, dan lihat hasilnya, keren kan...

   *) warna merah adalah ukuran jam yang dapat sobat sesuaikan pada Gadget blognya.
Tidak ada komentar:

Cara Membuat Ucapan Salam pada Kotak Komentar

Diposkan oleh MamanCyber
Membuat ucapan salam pada kotak Komentar pada blog, yaitu membuat ucapan salam atau ucapan terima kasih pada kotak komentar untuk para pengunjung blog yang telah berkomentar pada artikel yang dibaca di blog kita.

Langsung saja mari kita kupas cara membuatnya, ikuti langkahnya berikut ini :

»» Login ke Dashboar blog anda  

»» Pilih rancangan »» Edit HTML. 

»» Cari kode berikut menggunakan tombol F3 untuk memudahkan pencarian;
  • <p><data:comment.body/></p></b:if>
    »» Tambahkan kode berikut di bawahnya
  • <div style='margin: 10px 10px 0px 0px;
    text-align: center; font-size: 13px;'>
    Tempatkan tulisan atau ucapan salam kita disini .

    </div>
  »» Jadi nantinya akan menjadi seperti ini
<p><data:comment.body/></p></b:if> <div style='margin: 10px 10px 0px 0px; text-align: center; font-size: 13px;'> Terimakasih telah berkomentar di mamanblog105 </div>
Anda bisa membuat variasi bentuk, warna, jenis pada teksnya dengan mengedit pada  bagian CSSnya.
Bagaimana sobat, silahkan dicoba dulu oke...

1 komentar:

Cara Membuat Readmore Otomatis

Diposkan oleh MamanCyber
Apa kegunaan dan manfaat dari Readmore Otomatis untuk SEO pada suatu blog. Cara membuat readmore otomatis sudah banyak disampaikan oleh para blogger di internet.
Kegunaan daripada readmore otomatis yaitu membuat readmore secara otomatis tanpa harus kita menulis manual, kode readmore  <!--more-->.

Manfaat atau kegunaan readmore otomatis untuk SEO yaitu sangat berperan penting, yang akan membuat suatu blog menjadi ringan saat loading atau pada saat diakses oleh pengunjung blog.

Langsung saja kita bahas cara membuat readmore otomatisnya, ikuti langkanya :

1. Login ke  Dashboard blogger.

2. Pilih Rancangan >> Edit HTML

3. Tandai kotak kecil pada tulisan Expand Template Widget.

4. Tempatkan Script  ini di bawah kode </head>.

5. Kode Script

  • <sript type='text/javascript'> 
    var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 440; summary_img = 344; img_thumb_height = 100; img_thumb_width = 120; </script> 
    <script src='http://mamanblog105.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
     6. Selanjutnya cari kode <data:post.body/> atau kode <p><data:post.body/></p> .   



  •  7. Ganti kode di atas dengan kode berikut : 
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'> 
    <data:post.body/></div> 
    <script type='text/javascript'> 
    createSummaryAndThumb (&quot;summary<data:post.id/>&quot;); </script> 
    <span class='rmlink' style='float:right; padding-top:20px;'> 
    <a expr:href='data:post.url'>&#187;&#187; Baca selengkapnya..... </a></span> </b:if> 
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>
     8. Terakhir Simpan Template. 
    • Tidak ada komentar:

    Cara Membuat Cursor Berbintang

    Diposkan oleh MamanCyber
    Pada postingan kali ini, Maman Blog akan berbagi tentang cara membuat Cursor menjadi berbintang ketika pointer mouse di geser.

    Yang mana suatu blog berplatform blogspot memang cocok buat para blogger untuk mempercantik blognya.

    Kita menggunakan javascript untuk menempatkan scriptnya nanti,
    Ikuti cara - cara yang akan saya sampaikan :

    Berikut langkah membuat cursor menjadi berbintang :

    Copy dan paste script di bawah ini pada widget javascript/HTML
      • cursor bintang warna merah
        <script src="http://mamanblog26.googlecode.com/files/cursor_merah.js" type="text/javascript"/>
      • cursor warna hijau
        <script src="http://mamanblog26.googlecode.com/files/cursor_hijau.js" type="text/javascript"/>
      • cursor warna biru
        <script src="http://mamanblog26.googlecode.com/files/cursor_biru.js" type="text/javascript"/>
      • cursor warna ungu
        <script src="http://mamanblog26.googlecode.com/files/cursor_ungu.js" type="text/javascript"/>
      • cursor warna putih
        <script src="http://mamanblog26.googlecode.com/files/cursor_putih.js" type="text/javascript"/>
      • Jika sudah dicoba dan kurang jelas dalam memasukan script-script di atas, silahkan tinggalkan komentar anda yang ramah ya,..
        • login ke dashboard blog anda.
        • pilih Rancangan
        • pada halaman elemen laman pilih tambah gadget
        • pilih widget HTML/JAVASCRIPT
        • lalu pastekan salah satu script di atas.
        • klik ''simpan'' selesai.

    Tidak ada komentar:

    Cara Pasang Shoutmix atau Kotak Komentar

    Diposkan oleh MamanCyber
    Shoutbox atau Shoutmix adalah kotak komentar yang berguna untuk menampung komentar atau sekedar untuk Blogwalking, Promosi ataupun cari kenalan juga bisa.
    Langsung saja saya akan kasih tahu caranya;

    Ikuti Cara berikut ini:


    2. Isilah Formulir Pendaftaran dengan Data diri anda.
       - Shoutbox ID : Isikan dengan nama anda
       - Choose password : Isikan dengan password yang anda inginkan
       - Retypee pasword : Isikan ulang password yang tadi dibuat.
       - Name : Masukkan nama anda.
       - Email : Isikan dengan email anda.

    3. Lalu Klik Radio Button yang ada sebelum teks I have read and agree to the Terms of Service
        Dan Klik Continue

    4. Setelah itu klik Get Code untuk mendapatkan script html.

    5. Copy kode tersebut ke Blog anda. 

        Caranya : 

        - Login ke blogger
        - Setelah itu klik menu TATA LETAK
        - Lalu pilih HTML
        - Selanjutnya copy paste kode tersebut
        - Terakhir tinggal simpan dech,..
           Selesai....
           Hasilnya seperti anda lihat di blog mast mamanblog

    Tidak ada komentar:

    Trik Membuat Widget Melayang

    Diposkan oleh MamanCyber
    Cara membuat widget melayang pada blog, khususnya pengguna blogspot di blogger.
    Widget melayang itu banyak manfaatnya, biasanya digunakan untuk penempatan iklan PPC, atau untuk menginformasikan kepada pengunjung di blog  kita bahwa ada bisnis iklan yang penting yang perlu diketahui oleh pengunjung.

    Widget melayang ini bisa kita atur tata letaknya, bisa di letakkan di sebelah kiri,  kanan atau bawah posisi blog. 
    Untuk tampilan besar kecilnya dari ukuran widget melayang tergantung pada isi yang akan kita tempatkan.

    Jika widget melayang ini misalnya akan kita tempati sebuah iklan berbasis Pay Per Clik, maka akan menyesuaikan dengan ukuran iklan.

    Mari kita praktekkan cara buat widget melayang, silahkan copy dan paste di blog sobat berikut experimennya he..he...

    • masuk ke dasboard blog anda.
    • pilih Rancangan
    • pada elemen halaman klik ''Tambah widget''
    • Dan pilih Widget HTML/Javascript
    • kemudian paste-kan script di bawah ini.
    • dan Simpan
    • Berikut kode scriptnya,
    <style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> silahkan tempatkan kode iklan atau banner atau teks  disini </center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

    Coba anda perhatikan pada tulisan yang berwarna ungu pada script di atas, berisi tentang pengaturan posisi background dari border widget melayang.
    Atur sesuai dengan keinginan anda, apakah mau ditempatkan pada halaman yang ditentukan.

    Demikian cara pembuatan widget melayang dari Mast Maman Blog,  semoga bermanfaat bagi pembaca semuanya oke..
    Tidak ada komentar:

    Cara Membuat Menu DropDown

    Diposkan oleh MamanCyber
    Apakah yang dimaksud Menu Dropdown yaitu menu full-down yang berupa kumpulan teks dan link dalam satu menu yang ringkas.
    Kegunaan menu Dropdown adalah untuk meringkas teks dan link, yang biasanya menu tersebut digunakan untuk wadah dari daftar blogrol.

    Berikut cara pembuatan Menu Dropdown
    Menu Dropdown yang Biasa :


    <select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="selected" value="0">
    judul dropdown
    </option> 
    <option value="
    http://alamat-link1.com
    ">dropdown link1</option> 
    <option value="
    http://alamat-link2.com
    ">dropdown link2</option> 
    <option value="
    http://alamat-link3.com
    ">dropdown link3</option> 
    <option value="
    http://alamat-link4.com
    ">dropdown link4</option> </select>

    Menu Dropdown model tombol

    <form name="jump">
    <select name="menu"> 
    <option selected="selected" value="0">
    Judul dropdown
    </option> 
    <option value="
    http://alamat-link1.com
    ">dropdown link1</option> 
    <option value="
    http://alamat-link2.com
    ">dropdown link2</option> 
    <option value="
    http://alamat-link3.com
    ">dropdown link3</option> 
    <option value="
    http://alamat-link4.com
    ">dropdown link4</option> 
    </select>
    <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
    </form>

    Kode yang berwarna biru bisa diganti selera anda
    Silahkan diterapkan langsung di blog anda ok...


    Tidak ada komentar:
    Langganan: Postingan (Atom)