Membuat Tombol Keatas Dan Kebawah Di Blog

Membuat Tombol Keatas Dan Kebawah Di Blog - Pasti sobat sudah mengerti apa arti dari postingan ini kan? Jika sobat menginginkannya, langsung ke TKP.

  
Membuat Tombol Keatas Dan Kebawah Di Blog:

• Tombol Keatas 

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Simpan script dibawah ini

<div style="display:scroll; position:fixed; bottom:50px; right:-6px;"> <a href='#' title='Menuju Atas Balaman'><img border="0" src="http://imageshack.us/a/img94/3497/i6mt.png" /></a><br /> </div>

3. Tekan Ok/Simpan
 

• Tombol Kebawah

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Simpan script dibawah ini:

<div style="display:scroll; position:fixed; top:50px; right:-6px;"> <a href='#footer' title='Menuju Bawah Halaman'><img border="0" src="http://imageshack.us/a/img811/959/vtkk.png
" /></a><br /> </div>

3. Tekan Ok/Simpan

Note: Agar script tombol kebawah bisa berjalan, ikuti langkah-langkah dibawah ini:

1. Login ke Blogger --> Template-->Edit HTML
2. Cari kode ini </body> (agar mudah tekan CTRL+F)
3. Copy kode ini <a name='footer'/> dan paste DIATAS kode </body>
4. Prantijau terlebih dahulu agar tidak error, jika tidak error
5. Simpan

Informasi: Kedua kode script tersebut dapat di gabung menjadi satu. (Jika sobat ingin mengunakan keduanya sekaligus)

Begitulah postingan tentang Membuat Tombol Keatas Dan Kebawah Di Blog yang bisa saya berikan untuk sobat. Semoga bermanfaat.

SELANJUTNYA

Membuat Cursor Mouse Bertabur Bintang Di Blog

Membuat Cursor Mouse Bertabur Bintang Di Blog - Banyak cara hal untuk membuat blog sobat menarik, salah satunya bisa di tambahkan efek bintang bertabur di mouse saat sobat menggerakannya. Untuk mendapatkan efeknya, silahkan ikuti langkah-langkah dibawah ini.

Membuat Cursor Mouse Bertabur Bintang Di Blog:

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javasript

2. Copy salah satu script dibawah ini:

Bintang Warna Biru:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

Bintang Warna Silver:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>

Bintang Warna Hitam:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>

Bintang Warna Ungu:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Bintang Warna Hijau:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Bintang Warna Merah:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

Bintang Warna Kuning:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Semoga bermanfaat postingan tentang Membuat Cursor Mouse Bertabur Bintang Di Blog dan selamat mencoba.

SELANJUTNYA

Cara Membuat Breadcrumb Di Blog

Cara Membuat Breadcrumb Di Blog - Para blogger disarankan memasang breadcrumb di blog, agar pengujung mengetahui sekarang sang pengunjung ada di mana apalagi breadcrumb bisa dikatakan SEO (lebih lengkapnya silahkan tanya mbah Google). Biasanya breadcrumb berada di atas judul postingan, sebagai bukti silahkan lihat di atas judul postingan ini. Jika sobat menginginkannya, ikuti yang di bawah ini.

Cara Membuat Breadcrumb Di Blog:

1. Login blogger --> Template --> Edit HTML

2. Cari kode ]]></b:skin>

3. Simpan kode dibawah ini tepat DIATAS kode ]]></b:skin>

.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

4. Kemudian sobat cari kode <div class='post hentry'> atau <b:includable id='post' var='post'>. Kemudian sobat copy kode dibawah ini dan paste tepat DIBAWAHnya

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Sobat disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

5. Prantijau terlebih dahulu, jika tidak error

6. Simpan.

Begitulah trik Cara Membuat Breadcrumb Di Blog yang bisa saya berikan. Semoga bermanfaat untuk sobat.

SELANJUTNYA

Membuat Catatan Kaki Di blog

Membuat Catatan Kaki Di blog - Catatan kaki blog biasanya berisikan pesan untuk disampaikan kepada pengunjung. Isi pesannya bisa ucapan terima kasih kepada pengunjung karena telah mampir ke blog ataupun suatu peringatan kepada pengunjung agar mencantumkan link bila pengunjung ingin mengCopy Paste artikel tersebut. Seperti gambar di bawah ini, gambar di bawah ini adalah hasil dari menggunakan cara Membuat Catatan Kaki Di blog.

Membuat Catatan Kaki Di blog:

1. Login ke blogger --> Template --> Edit HTML

2. Cari kode <data:post.body/> (Tekan CTRL+F agar lebih mudah mencarinya)

3. Copy script di bawah ini, dan paste DI BAWAH kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='vcard' id='hcard-Ridho-Tawaka' style='margin-top: 30px; padding: 10px; font-size: 12px; font-family: Arial; background: #000000; line-height: 1.3em; color: #ffffff'>
<span style='color:#cc0000; font-size:18px; margin-top:10px'>Terima Kasih Atas Kunjungan Anda</span><br/>
Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/>
Ditulis Oleh <span class='fn n'><span class='given-name'><span itemprop='reviewer'><data:post.author/></span></span></span><br/>
<span style='text-align: justify'>Jika mengutip harap berikan link yang menuju ke artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya</span>
</div>
</b:if>

4. Keterangan:

• Warna biru ganti dengan NAMA sobat
• Warna merah bisa di ubah sesuai SELERA sobat
• Warna hijau bisa sobat ganti dengan KATA - KATA sobat
  
• Untuk mendapatkan kode warna yang diinginkan, sobat bisa Menuju Yang Ini
  

5.  Simpan

- Note: 

Terkadang di beberapa template ada banyak kode <data:post.body/>, jika tidak ada di kode 1, sobat bisa ganti ke yang lainnya

Begitulah postingan tentang cara Membuat Catatan Kaki Di blog. Semoga sobat mengerti dan bermanfaat.

SELANJUTNYA

Membuat Copyright Pada Blog (Versi 2)

Membuat Copyright Pada Blog (Versi 2) - Copyright berfungsi untuk memberikan pemberitahuan hak cipta atas hasil kerja kreatifnya. Silahkan di lihat cara Membuat Copyright Pada Blog (Versi 2).

Membuat Copyright Pada Blog (Versi 2):

1. Login blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Copy script di bawah ini:

<script language = 'JavaScript'>
<!--
function y2k(number) { return (number < 1000) ? number + 1900 : number; }
var today = new Date();
var year = y2k(today.getYear());
document.write('Copyright © '+year+' <a href='http://ridhotawaka.blogspot.com/'>Blog Ridho Tawaka</a> all rights reserved');
//-->
</script>

3. Simpan

Note:

• Warna biru: Ganti dengan Url blog sobat
• Warna merah: Ganti dengan nama blog sobat

Begitulah trik postingan tentang Membuat Copyright Pada Blog (Versi 2), semoga bisa bermanfaat untuk sobat.

Saya juga membuat copyright versi: Satu (1), yakni: Memakai edit HTML, dan terletak dibawah footer

SELANJUTNYA

Membuat Headline News Tanpa Edit HTML

Membuat Headline News Tanpa Edit HTML - Headline News adalah tulisan berjalan yang berisi informasi. Jika sobat melihat ke bawah TV, pasti ada tulisan berjalannya kan (Yang sering ada biasanya TvO*e atau Me*roTv)? Headline news yang ini berbeda dengan yang di tv, karena tulisan berjalannya bisa ada di atas atau di bawah. Ok tanpa panjang lebar lagi, lihat cara Membuat Headline News Tanpa Edit HTML.

Membuat Headline News Tanpa Edit HTML:

1. Login ke blogger --> Tata Letak -->Tambah Gadget --> HTML/Javascript

2. Copy kode di bawah ini:

<script type="text/javascript">var hn_url_blog = "http://ridhotawaka.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#64DF6A";var hn_warna_garis = "#FBF84B";var hn_posisi = "BOTTOM";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script>

3. Simpan

Note:

1. Ganti warna biru= Dengan URL Sobat.
2. Atur warna merah= Dengan Judul Postingan yang ingin sobat tampilkan.
3. Warna hijau= Background Headline News, ganti dengan selera sobat.
4. Warna kuning= Garis Headline News, ganti dengan selera sobat.
5. Bertulisan BESAR= Posisi Headline News, jika sobat pengen di atas ganti dengan top.
6. Untuk mengganti warna, sobat bisa kunjungi: Kode Warna Html

Begitulah cara Membuat Headline News Tanpa Edit HTML yang bisa saya berikan, mudah dan saya yakin sobat bisa membuatnya.      

<script type="text/javascript">var hn_url_blog = "http://infodariom.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script> - See more at: http://infodariom.blogspot.com/2013/02/cara-membuat-headline-news-di-blog-efek.html#sthash.nuKBq0Fb.dpuf

<script type="text/javascript">var hn_url_blog = "http://infodariom.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script> - See more at: http://infodariom.blogspot.com/2013/02/cara-membuat-headline-news-di-blog-efek.html#sthash.nuKBq0Fb.dpuf

<script type="text/javascript">var hn_url_blog = "http://infodariom.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script> - See more at: http://infodariom.blogspot.com/2013/02/cara-membuat-headline-news-di-blog-efek.html#sthash.nuKBq0Fb.dpuf

<script type="text/javascript">var hn_url_blog = "http://infodariom.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script> - See more at: http://infodariom.blogspot.com/2013/02/cara-membuat-headline-news-di-blog-efek.html#sthash.nuKBq0Fb.dpuf

<script type="text/javascript">var hn_url_blog = "http://infodariom.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script> - See more at: http://infodariom.blogspot.com/2013/02/cara-membuat-headline-news-di-blog-efek.html#sthash.nuKBq0Fb.dpuf

<script type="text/javascript">var hn_url_blog = "http://infodariom.blogspot.com/";var hn_jumlah_post = 10;var hn_warna_latar = "#FAF8F8";var hn_warna_garis = "#FD0606";var hn_posisi = "top";var hn_tampilkan_judul = true;var hn_backlink = true;</script> <script src="http://googlecode-fadilblogx.googlecode.com/files/headline_news.js"> </script> - See more at: http://infodariom.blogspot.com/2013/02/cara-membuat-headline-news-di-blog-efek.html#sthash.nuKBq0Fb.dpuf

SELANJUTNYA

Cara Memasang Privacy Policy Di Blog

Setelah saya posting Membuat Privacy Policy Di blog, sekarang saya kasih info cara memasangnya, gimana caranya? Lihat di bawah ini:

1. Login ke blogger --> Laman --> Laman Baru --> Laman Kosong

2. Copy dan Paste Privacy Policy sobat (Pilih yang Compose)

3.Simpan

Note: 

Jika sobat ingin menyimpannya di tab menu horizontal Tampilkan Laman jangan di aktifkan, tapi jika sobat menyimpannya bukan di tab menu horizontal, Tampilkan Lamannya harus di Aktifkan, pilih tab atas atau tautan samping, terserah keinginan sobat

4. Lihat hasilnya dan selamat sobat telah mempunyai Privacy Policy.

Dan itulah Cara Memasang Privacy Policy Di Blog yang bisa saya berikan untuk sobat.

SELANJUTNYA

Membuat Privacy Policy Di Blog

Membuat Privacy Policy Di Blog - Privacy Policy adalah peraturan-peraturan yang dibuat oleh pemilik blog untuk pengunjung blog. Isi dari tulisannya biasanya: agar tidak asal-asalan berkomentar yang tak wajar, copy paste artikel tapi tidak mencantumkan sumbernya dll.

Membuat Privacy Policy Di Blog .

Sebagai pembuktiannya, sobat bisa lihat Privacy Policy Blog Ridho Tawaka Jika sobat menginginkannya, sobat bisa ikuti langkah-langkah cara Membuat Privacy Policy Di Blog:

1. Silahkan sobat kunjungi web Serprank

2. Isi kolom Site URL: http:// dan Email Address

3. Di USE OF COOKIES sobat pilih Yes, we use cookies

4. Selanjutnya pada kolom ADVERTISER INFORMATION sobat pilih yang sobat ingin kan (kalau saya hanya Google Adsense dan Link Share)

Note: Jika sobat ingin berbeda pengaturan dengan yang saya, tidak apa-apa, namun jangan lupa untuk beri centang pada kolom Google Adsense 

5. Terakhir sobat klik tombol

Untuk Cara Memasang Privacy Policy Di Blog <-- di klik

Begitulah cara Membuat Privacy Policy Di Blog yang bisa saya berikan untuk sobat.

SELANJUTNYA

Menambah Widget Di Atas Header Blog

Menambah Widget Di Atas Header Blog - Menambah kolom widget diatas header banyak manfaatnya, seperti: bisa memasang menu drop down, widget lainnya atau mungkin sobat pengguna template bawaan blog yang ingin mempercantik tampilan judul blognya seperti blog ini. Bagaimana sob? Tertarik? Silahkan di simak artikel Membuat Header Blog Ber-link. Dan silahkan di simak artikel yang bejudul cara Menambah Widget Di Atas Header Blog.

Menambah Widget Di Atas Header Blog:

1. Login ke Blogger --> Template --> Edit HTML

2. Cari kode seperti kode di bawah ini (gunakan CTRL+F supaya mudah):

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

3. Setelah ketemu, lihat kode yang berwarna:

• maxwidgets=’1’ ganti menjadi maxwidgets='2’ 
• showaddelement='no'> ganti menjadi showaddelement='yes'>

4. Selesai

Mudah bukan caranya? Begitulah cara Menambah Widget Di Atas Header Blog yang bisa saya berikan tutorialnya untuk sobat.

SELANJUTNYA

Membuat Nomor Halaman Di Blog

Membuat Nomor Halaman Di Blog - Dengan sobat Membuat Nomor Halaman Di Blog banyak manfaatnya, contoh: mempercantik halaman blog, memberikan sebuah shortcut atau jalan pintas bagi pengunjung blog guna mencari artikel yang dibutuhkan atau agar blog terlihat sempurna dll. Maka dari itu saya ingin mempostingkannya. Silahkan di lihat tutorial cara Membuat Nomor Halaman Di Blog.

Membuat Nomor Halaman Di Blog:

• Langkah Pertama:

1. Login ke blogger --> Template --> Edit HTML

2. Cari kode: ]]></b:skin> (tekan CTRL+F agar lebih mudah) 

3. Tekan Highlight All, copy dan paste diatas kode:  ]]></b:skin> 

.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;} .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

• Langkah Kedua:

1. Masih diposisi Template --> Edit HTML

2. Cari kode: </body> (tekan CTRL+F agar lebih mudah)

3. Tekan Highlight All, copy dan paste diatas kode: </body>
  

<b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://eaction.googlecode.com/files/pagenav.js' type='text/javascript'/> </b:if>

• Simpan

Begitulah postingan tentang Membuat Nomor Halaman Di Blog yang bisa saya berikan untuk sobat. Semoga berhasil dan bermanfaat.

SELANJUTNYA

Cara Membuat Atau Mengganti Favicon Blog

Cara Membuat Atau Mengganti Favicon Blog - Favicon adalah Sebuah gambar kecil yang posisinya berada di address bar. Biasanya terletak di posisi kiri judul blog atau nama blog. Jika sobat ingin mengganti gambar bawaan blog dengan gambar yang sobat buat. Sobat bisa ikuti langkah - langkahnya di bawah ini.

Cara Membuat Atau Mengganti Favicon Blog:

1. Buka web Favicon atau Genfavicon

2. Pilih salah satu web tersebut. (Kalau saya menggunakan Genfavicon)

3. Pilih gambar dari Url atau Upload Image.

4.  Kalau sudah diisi kolom yang diminta, klik "Upload Image"

5. Lalu pilih "Cut & Preview" untuk menyesuaikan tampilan yang sobat inginkan

6. Terakhir pilih "Download favicon Image"

Belum selesai

7. Buka blogger sobat --> Tata Letak --> Cari gambar atau tulisan "Favicon"

8. Tekan "Browser" untuk memasang gambar yang sobat download tadi dipasang dipojok kiri judul blog

9. Simpan

Itulah tutorial Cara Membuat Atau Mengganti Favicon Blog yang bisa saya berikan untuk sobat.

SELANJUTNYA

Cara Memasang CCTV Di Blog

Cara Memasang CCTV Di Blog - Tentu sobat sudah mengtahui apa kegunaan CCTV. Yap, untuk memantau apa saja yang terekam oleh CCTV. Tapi ternyata di blog juga sama, untuk memantau siapa saja yang membuka blog tesebut dll, haha bercanda. CCTV yang ada di blog cuman gadget yang mau dipasang atau tidak oleh sobat. Jika sobat yang menginginkan mengetahui Cara Memasang CCTV Di Blog, simak yang berikut ini.

Cara Memasang CCTV Di Blog:

1. Login ke Blogger sobat

2. Pilih Tata Letak --> Tambah Gadget

3. Copy script di bawah ini:

<script language="JavaScript"
    src="https://sites.google.com/site/rhwblogspotcom/javasript/kamera_pengintai.txt?attredirects=0&d=1"type="text/javascript"></script><script language="JavaScript"
    type="text/javascript">cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-hM5B01byUxhV2pJQZDPqnZLPUYSctUiyA7Sw1Q86SQCosXvjs5Dcgs9DMFjrcuWQgiLROTyHaI8t6KX9jcRtZ58zJFTS1HQWhpGg6YyNiNtvCXkSeo-R5oTQZaf16z6jwjxTlTqloM/s1600/kamera-pengintai-cctv-1-boytriks.gif") </script>

4. Simpan

Cukup itu saja yang harus sobat lakukan, semoga postingan tentang Cara Memasang CCTV Di Blog ini bermanfaat bagi sobat.

SELANJUTNYA

Membuat Copyright Pada Blog (Versi 1)

Membuat Copyright Pada Blog (Versi 1) - Copyright adalah Salah satu dari beberapa simbol paten yang berguna untuk pemberitahuan hak cipta atas semua hasil kerja kreatif.                                                    

Membuat Copyright Pada Blog (Versi 1):

1. Login ke blogger sobat --> Template --> Edit HTML

2. Lalu sobat cari kode ]]></b:skin>

3.Simpan kode dibawah ini tepat Di Atas kode ]]></b:skin> (biar lebih mudah tekan CTRL+F)

.copyright{
float:left;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;
}

Ganti float menjadi right jika sobat ingin meletakkannya pada bagian kanan blog. Left pada bagian kiri. Jika sobat ingin meletakan di tengah, hapus kode float.

4. Setelah itu sobat copy paste kode dibawah ini tepat Di Atas kode </body>

<div class='copyright'>Copyright &#169; Tahun sekarang <a href='http://ridhotawaka.blogspot.com/'>Ridho Tawaka</a><br/></div>

Keterangan:

• Warna hijau sobat ganti dengan: Tahun sekarang
• Warna biru sobat ganti dengan: Url blog sobat
• Warna merah ganti dengan: Nama sobat

5. Prantijau terlebih dahulu, agar tidak terjadi kesalahan

6. Jika sudah yakin, sobat pilih: Save

Semoga bermanfaat postingan tentang Membuat Copyright Pada Blog (Versi 1) ini. Terima kasih.

Saya juga membuat copyright versi: Dua (2). Perbedaan: Tanpa edit html dan secara otomatis tahunnya berganti.

SELANJUTNYA

Membuat Read More Pada Blog

Cara Membuat Read More Pada Blog - Membuat kata read more pada blog agar blog terkesan rapi dan tidak terlihat acak-acakan dan menurut opini blogger, jika sobat memasang ini di blog, itu akan berdampak dengan seo. Jika menginginkannya, silahkan sobat ikuti langkah Cara Membuat Read More Pada Blog.

 

Cara Membuat Read More Pada Blog:

1. Login ke blogger sobat

2. Pilih Template --> Edit HTML

3. Lalu cari kode </head> (tekan CTRL+F biar lebih mudah mencarinya)

4. Masukan kode dibawah ini dan simpan DIATAS kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>

5. Kemudian sobat cari lagi kode <data:post.body/>, lagu di ganti dengan kode <data:post.body/> dengan kode dibawah ini:

<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'> <b> Readmore</b> &#187;&#187;&#160;&#160; <data:post.title/></a> </span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>

Perhatian: 

1. Untuk tulisan: span style="float:left; Berarti posisi gambar ada dikiri, ubah menjadi "right" jika ingin disebelah kanan
2. Untuk tulisan: style=float:right; Berarti letak tulisan "Read more" berarda di posisi "kanan" ubah menjadi "left" jika ingin berada di kiri
   Untuk tulisan: Readmore: Tulisan Read more bisa diganti misal menjadi “Baca Selengkapnya” “Selanjutnya” dsb.
3. Untuk kode <data:post.body/> biasanya kode ini ada 2 atau 3, saran saya sobat pilih kode yang ke 2. 

6. Prantijau terlebih dahulu (untuk meyakinkan tidak terjadi error)

7. Jika sudah yakin sobat tekan tombol: Save
  
Itulah postingan tentang Membuat Read More Pada Blog yang bisa saya berikan untuk sobat Semoga berhasil dan paham.

SELANJUTNYA

Membuat Buku Tamu Di Blogspot

Membuat Buku Tamu Di Blogspot - Buku Tamu adalah Tempat atau sarana untuk berkomunikasi, disitu si pengunjung bisa memberikan kritik, saran dsb (yang penting tidak melanggar peraturan) kepada pemilik blog tersebut. Jika menginginkannya, sobat bisa mengikuti langkah-langkah untuk Membuat Buku Tamu Di Blogspot.

Membuat Buku Tamu Di Blogspot:

1. Buka situs: Cbox

2. Lalu sobat klik tulisan Get your own free Cbox now!

3.

Keterangan:

• Cbox name: ID Buku Tamu
• Email Address: Email sobat
• Password: Password yang diinginkan
• Confirm Password: Ulangi password yang sobat tulis di kolom Password
• Website: Url blog sobat
• Language: Bahasa
• Style: Warna Buku Tamu
• Yang digaris merah sobat centang kolomnya: "I have read and do agree to the cbox terms and conditions of services"

4.

Keterangan: Jika muncul halaman seperti di atas, sobat tinggal masukan passwordnya di kolom Password

 

5.

Keterangan:

1. Look & Feel: Jika sobat ingin mempercantik buku tamunya sobat tekan tombol tersebut
2. Publish: Jika sudah atau sibat merasa tidak perlu di percantik lagi, tekan tombolnya

6.

Keterangan: Ambil kode yang tempatnya seperti di garisin warna merah

7. Lalu sobat ke Blogger --> Tata Letak --> Tambah Gadget --> HTML/JAVA Script.

8. Paste script Html tadi pada kolom yang telah disediakan --> Save

Begitulah postingan tentang Membuat Buku Tamu Di Blogspot. Semoga sobat mengerti dan selamat sobat telah berhasil Membuat Buku Tamu Di Blogspot. Agar tampilan buku tamunya semakin menarik, sobat bisa mengikuti tutorial Cara Membuat Buku Tamu Menempel Di Blog

SELANJUTNYA

Menampilkan Link Sumber Otomatis Blog

Menampilkan Link Sumber Otomatis Blog - Kali ini saya akan memberi trik untuk blog sobat yang tentu sangat berguna disuatu saat nanti, yaitu Menampilkan Link Sumber Otomatis Blog. Kegunaannya agar tulisan postingan sobat di beri tanda bahwa jika ingin meng-copas artikel sertakan dan jangan dihapus sumbernya. Yang ingin membuatnya, langsung ke TKP.

Menampilkan Link Sumber Otomatis Blog:

• Langkah Pertama:

1. Silahkan sobat kunjungi: Tynt

2. Cari tulisan Login => Create an Account

Keterangan:

1. Email: Email sobat
2. Domain: Url sobat
3. Password: Kata sandinya
4. Confirm Password: Mengulangi kata sandinya 

3. Jika sudah tekan tombol

4. Copy kode yang di sekitar garis berwarna merah (tulisan warnanya biasanya hijau).

• Langkah Kedua:

Setelah di copy scriptnya silahkan:

1. Menuju Blogger => Template => Edit HTML
2. Cari kode </head> (untuk lebih mudah tekan CTRL+F)
3. Letakan kode scriptnya tepat DIATAS kode </head>
4. Simpan

• Langkah Ketiga:

Setelah tersimpan, silahkan sobat:

1. Kembali ke halaman Tynt

2. Gulir ke bagian bawah halaman Tynt

Keterangan:

1. Masukan Url sobat
2. Tekan tombolnya

3. Selesai

Note:

Untuk mengetahui apakah telah berhasil atau tidak trik yang saya beri. Silahkan sobat copy salah satu postingan sobat, lalu paste di notepad, lihat akhir tulisannya untuk melihat hasilnya

Semoga postingan tentang Menampilkan Link Sumber Otomatis Blog. Sobat mengerti dan paham.

SELANJUTNYA