Menghilangkan Titik Hitam Pada Layout Blogger

Selamat malam semua para sobat blogger. Pada kesempatan kali ini kita akan membahas tentang Cara Menghilangkan Titik Hitam Pada Layout Blogger. Titik-titik ini yang terdapat pada layout Blogger terjadi karena kita telah mengedit suatu sintax pada HTML.

Sebetulnya titik-titik ini tidak ada masalah, namun terkadang bagi sebagian blogger ini sangat mengganggu dan tidak enak dipandang mata. Nah bagi kalian para blogger pemula yang menemui masalah seperti ini jangan terburu-buru mengganti template kalian. Tidak sedikit dari para blogger pemula yang beranggapan bahwa hal ini menunjukkan bahwa templatenya error atau tidak bisa digunakan bahkan ada yang beranggapan bahwa template yang semacam ini rawan dengan rusak.

Nah bagi kalian yang menemukan masalah seperti ini, maka beruntunglah kalian yang telah berkunjung diblog saya ini, karena pada kesempatan kita kali ini saya akan membocorkan sedikit Tips Blogger untuk Mengatasi Titik Hitam Pada Layout Blogger. Oke tidak perlu panjang dan lebar lagi, silahkan kalian simak penjelasan saya dibawah ini :

• Login ke Blogger
• Pilih Template
• Pilih Edit HTML
• Kemudian kalian cari kode ]]></b:skin>
• Setelah ketemu kode diatas, maka letakkan kode dibawah ini sebelum kode di atas. Ingat SEBELUM kode ]]></b:skin> yah. Nah berikut kodenya :
• body#layout ul {display: none}
• Setelah itu jangan lupa SAVE / Simpan dan sekarang lihat hasilnya.

Okey saya rasa cukup sekian dulu postingan dari saya tentang Cara Terbaru Menghilangkan Titik Hitam Pada Layout Blogger. Bila kalian masih bingung silahkan berkomentar dipostingan saya ini. Sekian dari saya dan terimakasih atas kunjungannya. Salam Jawa Cyber

Cara Membuat Link Hidup Dalam Javascript

Cara Membuat Link Hidup Dalam Javascript | Era sekarang ini siapa lagi yang belum mengenal istilah JavaScript dalam dunia Website. Kalau masih ada yang belum tahu tentang JavaScript maka hal tersebut wajib dipertanyakan, paling tidak kenal dengan namanya saja lah. Hehehe. Setelah kemarin saya jelaskan dalam postingan tentang apa sih sebenarnya JavaScript itu, nah bagi para agan-agan yang baru belajar JavaScript tidak ada salahnya untuk membaca artikel saya tentang Tutorial JavaScrip dari dasar hingga mahir.

Nah pada kesempatan kali ini kita akan coba membahas bagaimana cara membuat link hidup dalam text JavaScript. Sebelum memulainya kita harus tahu dulu apa sih tujuan membuat link hidup dalam javascript ini, tujuan salah satunya adalah saat kita membuat widget atau template kita bisa memasukkan javascript tersebut yang mana gunanya untuk mendapatkan backlink secara gratis dari para pengguna template atau widget yang kita buat dan kita share secara gratisan via internet.

Nah kalau dirasa sudah paham tentang penjelasan saya yang singkat di atas tadi, sekarang saatnya kita memulai mengaplikasikan materinya di bawah ini :

• Siapkan terlebih dahulu file JavaScript yang akan kita pergunakan. Kalau agan-agan punya blog, agan-agan tinggal cari file Javascriptnya dalam Edit HTML pada blog agan, cari dengan kata kunci “.js” tanpa tanda petik depan dan belakang.
• Nah setelah agan-agan mendapatkan file JavaScriptnya , buka file javascriptnya dengan notepad, dan agan-agan tinggal menambahkan kode di bawah ini di paling bawah (paling akhir) dalam kode JavaScript yang agan-agan miliki tadi :

document.write('</br><a href="http://jawacyber.blogspot.com" style="font-size: 8px; text-decoration:none; color: #616469;">Jawa Cyber</a>')

• Ganti kode yang berwarna merah dengan alamat blog/web agan tentunya.
• Ganti kode yang berwarna biru dengan teks sesuai dengan keinginan agan-agan sendiri (bagian ini akan terlihat ketika kode .Js-nya dijalankan.
• Langkah yang terakhir kita tinggal menyimpannya saja dan selesailah sudah projek kita kali ini.

Keterangan :

• document.write : berfungsi untuk memunculkan suatu tulisan pada saat kode javascript tersebut dijalankan.
• ('</br> : kode untuk ganti baris.
• <a href="http://jawacyber.blogspot.com"  : kode untuk memanggil url atau alamat yang diminta.
• style="font-size: 8px; text-decoration:none; color: #616469;"> : Kode-kode pendukung yang berfungsi menunjang teks yang akan ditampilkan.
• Jawa Cyber : kode untuk menampilkan teks pada saat javascript tersebut dijalankan.
• </a>') : kode ini berfungsi sebagai penutup.

Nah mungkin sekian dulu postingan saya kali ini tentang Cara Membuat Link Hidup Dalam Javascript dan semoga bias membantu agan-agan semuanya. Terimakasih.

Cara Pasang Dokumen PDF atau Word Pada Blog

Cara Pasang Dokumen PDF atau Word Pada Blog | Salah satu hal yang paling banyak ditanyakan pada saya adalah bagaimana sih caranya menaruh file PDF atau Word pada blog yang kita miliki?

Nah pada kesempatan kali ini saya akan memberikan caranya pada agan-agan semuanya. Tapi sebelumnya tutorial kali adalah permintaan dari taman saya yaitu Zain Elhasany. Dari pada panjang lebar berikut ini adalah cara-caranya :

• Upload file pada Google Drive
• Setelah itu seting file agar bisa diakses oleh semua orang
• Setelah itu ambil kodenya linknya, kurang lebih kodenya seperti ini : https://docs.google.com/file/d/0B0iWTQmuTBktVXY3LXZ2c01icnc/edit
• Nah dari kode tersebut yang kita butuhkan adalah kode ini aja gan : 0B0iWTQmuTBktVXY3LXZ2c01icnc
• Nah setelah itu kita tinggal masukkan kode di atas pada kode di bawah ini :

<iframe src="https://docs.google.com/viewer?srcid=(paste disini)&pid=explorer&chrome=false&embedded=true" width="500" height="500"></iframe>

• Ganti tulisan (paste disini) dengan kode dokumen yang telah agan-agan upoad tadi. Kalau milik saya tadi adalah ini : 0B0iWTQmuTBktVXY3LXZ2c01icnc
• Jadi hasilnya kurang lebih begini gan :

<iframe src="https://docs.google.com/viewer?srcid=0B0iWTQmuTBktVXY3LXZ2c01icnc&pid=explorer&chrome=false&embedded=true" width="500" height="500"></iframe>

• Setelah itu tinggal simpan atau posting aja gan.

Demikianlah tadi postingan saya kali ini tentang  Cara Pasang Dokumen PDF atau Word Pada Blog dan terimakasih.

Daftar Situs Penyedia Back Link Gratis 2013

Daftar Situs Penyedia Back Link Gratis 2013 | Pada kesempatan kali ini kita akan membahas tentang situs-situs yang menyediakan Back Link secara gratis dan terupdate versi Jawa Cyber. Nah berikut langsung saja ke TKP di bawah ini :

• 

• 

• 

• 

• 

• 

• 

Cara kerjanya cukup mudah kog, agan-agan tinggal mengunjungi Link banner diatas (Klick) dan setelah itu agan-agan tinggal memasang Bannernya di blog agan-agan, supaya blog Agan-agan biar cepet dikenal dan disayang oleh si Mbah Google.

Nah itulah tadi Daftar Situs Penyedia Back Link Gratis 2013 yang dapat saya share pada agan-agan semuanya dan terimakasih.

Cara Mudah Merubah Label Menjadi Keyword

Cara Mudah Merubah Label Menjadi Keyword | Optimasi SEO selalu dicari oleh setiap blogger baik itu pemula maupun yang sudah mahir, tips salah satu cara SEO adalah dengan Merubah Label Menjadi Keyword. Kenapa mesti optimasi blog kita agar SEO? Hal yang paling mendasar dan sering disepelekan oleh para blogger pemula.

Nah pada kesempatan kali ini kita akan membahas tentang salah satu Tips dan trik optimasi blog kita dengan Merubah Label Menjadi Keyword. Nah bagi agan-agan yang ingin mengaplikasikan teknik ini pada blognya silahkan ikuti langkah-langkahnya di bawah ini :

• Login ke blogger
• Pilih Template dan pilihlah Edit HTML
• Setelah itu agan-agan cari kode <head>
• Setelah agan-agan menemukan kode di atas tadi, langkah selanjutnya agan-agan Tambahkan kode di bawah ini tepat di atas kode <head>

<!-- Block1: Output post meta keywords -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section id='meta1' showaddelement='no'>
<!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id -->
<!-- Empty Includables(functions) to output nothing, You must keep them ): -->
<b:widget id='Blog2' locked='no' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post' />
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' -->
<!-- Loop Page Posts (only 1 in a post page )-->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<!-- If the post has labels, make Meta keywords by looping lables -->
&lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>
<!-- Block1 End -->

• Setelah itu agan-agan tambahkan juga kode di bawah ini di bawah kode <head>

<!-- The Head -->
<!-- must include(called) here to output other head sub elements -->
<b:include data='blog' name='all-head-content'/>
<!-- Block2: Output Index Title,keywords,decription and Post Title,description -->
<!-- Post/Archive Page -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<title><data:blog.pageName/></title>
<meta name='description' expr:content='data:blog.pageName' />
<!-- Index Page -->
<b:else/>
<title><data:blog.pageTitle/></title>
<meta name='keywords' content='your,blog,keywords!!' />
<meta name='description' content='your Blog description!!' />
</b:if>
<!-- Block2 End -->

• Selanjutnya, kalau di HTML agan-agan ada kode seperti di bawah ini, agan-agan hapus saja. Kalau tidak ada yah tidak usah.

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Demikianlah tadi postingan saya pada kesempatan kali ini tentang Cara Mudah Merubah Label Menjadi Keyword dan semoga bisa membantu agan-agan semuanya.

Cara Mudah Menghilangkan Tanda Obeng Di Blog

Cara Mudah Menghilangkan Tanda Obeng Di Blog | Tanda obeng pada blog tiap kali bloger pemula mesti bertanya-tanya. Lho maksudnya apa kog ada tanda obeng di blog kan bukan bengkel motor atau mobil.hehehehe. sebetunya tanda obeng tersebut adalah untuk pengeditan secara cepat dan tanda itu akan muncul manakala kita Login ke akun blog yang kita miliki.

Namun masih ada saja yang bertanya-tanya tentang bagaimana Cara Mudah Menghilangkan Tanda Obeng Di Blog. Sebetulnya cara menghilangkannya cukuplah mudah da hanya perlu menambahkan script sedikit saja. Nah bagi agan-agan yang ingin mempraktekkannya silahkan ikuti cara-caranya di bawah ini :

• Login ke blogger
• Kemudian masuk ke Template, kemudian pilihlah Edit HTML
• Setelah itu agan-agan cari kode ini ]]></b:skin>
• Setelah ketemu kode di atas tadi, sekarang agan-agan tinggal COPAS kode dibawah ini tepat diatas kode ]]></b:skin> tersebut

.quickedit{ display:none; }

• Langkah terakhir adalah agan-agan tinggal save template dan selesai.

Demikianlah tadi postingan saya tentang Cara Mudah Menghilangkan Tanda Obeng Di Blog dan semoga bisa membantu agan-agan semuanya.

Cara Mudah Membuat Read More Otomatis Di Blog

Cara Mudah Membuat Read More Otomatis Di Blog | Kemarin kita telah membahas tentang bagaimana Cara Mudah Membuat Read More Bergambar, nah pada kesempatan kita kali ini kita akan membahas tentang bagaimana Cara Mudah Membuat Read More Otomatis Di Blog. Penasaran bagaimana cara untuk membuatnya? Oke dah kalau begitu langsung saja kita simak dan ikuti langkah-langkahnya di bawah ini :

• Login ke Blogger
• Masuk ke Halaman Template kemudian pilih Edit HTML, 
• Kemudian agan-agan cari kode </head> dan setelah ketemu Letakkan skrip di bawah ini tepat di atas kode </head> tadi :

<script type='text/javascript'>
var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; 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>

• Selanjutnya agan-agan cari kode <data:post.body/>, kemudian ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Perlu Agan-Agan Ketahui :

Biasanya kode <data:post.body/> di bawah kode <div class='post-body'>

• Simpan Template.

Demikianlah tadi Cara Mudah Membuat Read More Otomatis Di Blog dan semoga bisa membantu agan-agan semuanya yang sedang berusaha membuat Read More. Terimakasih.