Color Wheel Untuk Website Atau Blog

Color Wheel Untuk Website Atau Blog

Color Wheel

pada tools ini cara kerjanya simple aja, bisa dengan masukan kode enam digit warna tanpa hash (#) kemudian tekan update atau bisa juga dengan klik pada gear warna yang berputar dan akan tampil enam digit kode warna dalam empat kotak yang disampingnya dalam brightness/saturation yang berbeda. Langkah terakhir tinggal menyalin kode hex-nya.

Semoga bermanfaat.

Related : Color Wheel Untuk Website Atau Blog, Kode Warna, Website, Blog, Warna

Generator Kode Warna Untuk Website Atau Blog

Generator Kode Warna Untuk Website Atau Blog
Untuk masalah tampilan blog atau website pasti tidak jauh dari namanya warna, nah pada kesempatan ini saya akan berbagi kode alat untuk warna. kedua tools ini akan sangat membantu Anda dalam menyesuaikan template blog atau website anda dalam pewarnaan. Sebelum melanjutkannya mari kita pahami dulu cara penggunaanya.
  
Generator Kode Warna

Langkah pertama tarik bar pada "Hue", untuk memilih warna yang akan Anda gunakan. Kemudian klik didalam kotak Brightness/Saturation dan tarik kursor untuk memilih warna yang Anda inginkan. Hasilnya akan terlihat di kotak "Swatch". Terakhir, hasil dari langkah di atas akan di simpan dalam kode warna heksadesimal yaitu enam digit. Untuk menggunakanya cukup copy dan salin kode hex-nya.

Semoga bermanfaat.

Related : Generator Kode Warna Untuk Website Atau Blog, Kode Warna, Website, Blog, Warna

Inilah Cara Mudah Keluar Dari Google Sandbox

Inilah Cara Mudah Keluar Dari Google Sandbox - Beberapa hari ke belakang ketika saya mengecek kata kunci yang menjadi target utama saya di google yaiu tentang Cari Uang lewat ekiosku.com ternyata artikel saya tidak ada di pageone. Saya sempat kaget ketika sampai ke page 10 artikel saya tidak muncul juga, wah ada apa nih….dalam pikiran saya.

Cara Mudah Keluar Dari Google Sandbox

Inilah Cara Mudah Keluar Dari Google Sandbox

Setelah singgah di blog tetangga yang menjelaskan tentang cara keluar dari google sandbox, Maka inilah yang bisa saya simpulkan
  • Hentikan optimasi yang berlebihan
  • Perbaiki artikel yang masuk google sandbox
  • Submit ulang sitemap ke GWT
Nah itulah yang bisa saya fahami dari cara mudah keluar dari google sandbox, Adapun berhasil atau tidaknya keluar dari google sandbox kita berdoa saja..hehe mudah-mudahan saja artikel yang menjadi andalan saya dalam kontes ini bisa cepat keluar, karena saya sangat mengharapkan kemenangan dalam kontes ini untuk modal usaha saya. Jika sobat semuanya punya saran kepada saya agar bisa keluar dari penjara google, silahkan bantu saya di komentar ya..?? :)

Cara Keluar Dari Google Sandbox

Cara Keluar Dari Google Sandbox

Cara Keluar Dari Google Sandbox ~ Selamat siang kepada rekan rekan blogger dan pembaca artikel ini, semoga saja dalam keadaan sehat selalu. Kali ini saya akan berbagi pengalaman yang terjadi dengan salah satu artikel saya yang ada di blog ini sehingga mudah mudahan sobat blogger dapat mengetahui apa penyebab dan solusi jalan keluar terbaik untuk artikel blog yang terkena hukuman google sandbox. Dalam blog ini terdapat artikel yang telah kehilangan pencarian di SERP Google, Ya salah satu artikel saya telah terkena hukuman dari google yang kita kenal dengan namanya google sandbox.

Artikel yang menempati pencarian yang cukup bagus pada halaman pertama no 1 tiba tiba menghilang dari pencarian. Awalnya saya hanya berpikir bahwa mungkin terlempar di halaman kedua. Tetapi setelah di cek trus hingga halaman 10 dan saya cek lagi artikel tersebut dengan mengetik alamat artikel di kotak search engine alangkah terkejutnya saya bahwa tidak diketemukan artikel tersebut. Dan saya langsung menyimpulkan bahwa artikel itu terkena google sandbox.

Pengertian Google Sandbox :

Google sandbox adalah suatu algorithma google yang bertujuan menyingkirkan / menurunkan peringkat artikel baru atau domain baru yang menempati ranking tinggi secara drastis dalam pencarian dari suatu blog dan dianggap sebagai indikasi melakukan SPAM oleh google.

Bagaimana cara mengetahui artikel terkena Google Sandbox ?

Saran saya untuk cara mengetahuinya adalah sobat blogger bisa mengetik alamat artikel anda di kotak pencarian google.com, jika artikel anda muncul maka tidak terkena hukuman tersebut, sebaliknya jika artikel yang dicari ternyata tidak muncul-muncul juga maka kemungkinan besar terkena hukuman sandbox. Anda juga dapat menggunakan cara lain yang dapat digunakan, tetapi tools ini sering error mungkin karena masih ada bugs-nya yaitu silahkan sobat blogger mengunjungi link berikut dan isi alamat URL dan keyword dari artikel yang ingin sobat cek apakah terkena dampak dari algorithma tersebut atau tidak, Link nya adalah : http://www.searchenginegenie.com/sandbox-checker.htm

Setelah mengisi alamat artikel dan keyword anda lalu anda isi test penjumlahan dan klik saja submit, tunggu beberapa saat.

Dan jika ada tampilan seperti  :

Your site is still in google Sandbox. 
Contact support@searchenginegenie.com to get you out of Sandbox

Maka kemungkinan bahwa blog anda masuk dalam istana google sandbox. Jika sudah demikian maka ada baiknya sobat blogger melakukan langkah langkah penyelamatan. Dan sangsi yang diberikan google tersebut akan ditentukan hingga blog atau website tersebut dapat dibuktikan kelayakan dari halamannya untuk mendapatkan peringkat yang baik. Tools ini hanya sebagai alat untuk membandingkan saja, saya lebih menyarankan anda untuk mencek-nya dengan mengetik url blog anda pada alat pencarian dari google.

Cara mengatasi Google Sandbox  :

1. Lakukan pengeditan terhadap artikel yang terkena sandbox tersebut, editlah dengan menambahkan atau mengurangi beberapa kata ataupun beberapa kalimat.

2. Cek broken link , hapus jika terdapat link yang rusak

3. Tetap membuat postingan dan arahkan link yang terkena dampak tersebut misalnya menuju artikel cara mengetahui blog dibanned oleh google dan arahkan link yang dianggap berkualitas ke artikel tersebut juga.

4. Kirim ulang sitemap anda ke google webmasters tools

5. Dan silahkan anda tunggu sambil mengecek di search engine apakah artikel anda sudah bebas atau belum, jangan lupa berdoalah. Mudah mudahan Google cepat melepaskan artikel anda dari hukuman tersebut.

Menurut beberapa sumber, ada penyebab suatu blog terkena google sandbox dan diantaranya seperti di bawah ini.

penyebab blog terkena Google Sandbox :

1. Optimasi yang berlebihan, umumnya setiap blogger pasti ingin menempatkan artikelnya ke dalam halaman pertama pencarian bukan ? dan optimasi demi optimasi telah dilakukan demi hasil tersebut.

2. Banyaknya melakukan Ping yang di submit dalam sehari

3. Terlalu banyak backlink yang masuk. hal ini biasanya terjadi dikarenakan upaya yang dilakukan dengan membeli backlink ataupun backlink gratis yang terlalu berlebihan.

4. Artikel hasil copy paste atau hasil dari plagiat yang sudah pasti tidak pernah dihalalkan dari google ataupun dari pihak penulis manapun. Walaupun cukup banyak artikel di blog ini yang telah dicopas oleh pihak yang tidak bertanggungjawab, saya tidak mempunyai daya dan upaya untuk menahan apalagi menghentikan hal tersebut. Dan anehnya malah salah satu artikel di blog ini telah menjadi korban dari google, walaupun saya tidak pernah melakukan copy paste.

5. Kesalahan optimasi, yaitu dengan terlalu banyak mengulang kata yang sama yang ada kaitan ke keyword artikel tersebut. Memang terkadang kita sulit untuk menghindarkan hal ini , dikarenakan memang kita sedang membahas topik yang ingin kita tuangkan ke dalam postingan, tentunya akan ada pengulangan kata kata yang terkait dengan keyword artikel.

Demikian artikel cara keluar dari google sandbox ,  semoga dapat bermanfaat ..salam blogger

Membuat Meta Tag SEO

Membuat Meta Tag SEO

Postingan kali ini saya akan membahas "Meta Tag Membantu SEO". benarkah itu?. 100 % benar. karena Spider Dan Bot pertama memasuki situs anda. akan membaca meta tag terlebih dahulu. maka jangan salah bila meta tag anda yang lebih baik terbaca oleh google

Cara Untuk Blogger

<meta content='Tulis deskripsi blog kamu di sini' name='description'/>
<meta content='keyword1, keyword2, keyword3,..Dst.' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta name="author" content="Tulis nama kamu di sini"/>

Tambahkan kode ini setelah kode

<title><data:blog.pageTitle/></title>

Cara Untuk Selain Blogger

<meta content='Tulis deskripsi blog kamu di sini' name='description'/>
<meta content='keyword1, keyword2, keyword3,..Dst.' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta name="author" content="Tulis nama kamu di sini"/>

Buka file header anda. atau bisa di file indeks anda. Tambahkan kode ini setelah kode

<head>

Semoga postingan kali ini bisa membantu anda.

Sumber :
trick-seo.blogspot
Terkait : Membuat Meta Tag SEO

How To Submit Blogger Sitemap To Google Webmaster

We all use Google for searching information that we want to know. Google provides us links of webpages that contains the information that we are looking after. If you own a blog then you might be doing everything possible to get more visits to your blog. To get traffics from search engines your blog must be indexed in the respective search engines. Your blog will be indexed in search engine only when you have submitted your blog to that search engine.

How To Submit Blogger Sitemap To Google Webmaster
Today I am going to show you how you can submit your Blogger blog to the giant search Engine - Google. Google is the most popular search engine and number of webpages indexed by Google is uncountable. To make Google find, index and rank your site you need to submit your sitemap of your site to Google Webmaster Tools. Google Webmaster is a good SEO tool to use. You could also keep track of your sites statistics with the help of Google Webmaster Tools. As a new blogger you may not know how to submit your blogger sitemap to Google Webmaster Tools. Here I am to help you.

Steps To Submit Blogger Sitemap To Google Webmaster:-

1) Go to http://www.google.com/webmasters/

2) Sign in to Webmaster Tools with your gmail id and password


How To Submit Blogger Sitemap To Google Webmaster

3) You can see now a thumbnail and a link of your site. Click on the anyone of them to go to Dashboard of Webmaster Tools.

How To Submit Blogger Sitemap To Google Webmaster


4) Click on Sitemaps

How To Submit Blogger Sitemap To Google Webmaster

5) Click on ADD/TEST SITEMAP

Use..http://YOURBLOGNAME.blogspot.com/atom.xml?redirect=false&start-index=1 max-results=500 as your blogger sitemap

where red section is the name of your blog

Copy and paste the blue section of your sitemap in the space provided.


How To Submit Blogger Sitemap To Google Webmaster
6) Click on Submit Sitemap and refresh the page

Your webpages are submitted and waiting to be indexed.

When you login to your Google Webmaster some days later, you should be able to see the indexed pages and statistics of your blogger. Hope this helped you.

Source :
ebloglive.com

Related : How To Submit Blogger Sitemap To Google Webmaster

Cara Membuat Tombol Back To Top

Cara Membuat Tombol Back To Top
Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini

Cara Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

  • Silahkan login di Blogger
  • Pilih Template > Edit HTML > klik Expand Widget Template
  • Cari kode </body>  (gunakan CTRL+F)
  • Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>


  •     Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
    <!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
    <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDiJO0txuevQGO6Nz0RaR91orTFeJ3m_V3rnt3EnUmkiwI2PamXkKO_fUOEMf7zz9AyxoR0fFlSYNDmGpxzNhHn-S5hCSZ_YYS269AE2bsSG5hKRHZm4Flmsa70j9AQ_KbTpDyj0P3SEA/s1600/back-to-top.gif'/></a>


  •     Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Sumber :
bloggerpeer.blogspot

Terkait : Cara Membuat Tombol Back To Top

Cara Membuat Animasi Loading Di Blog

Cara Membuat Animasi Loading Di Blog

Pasang CSS Animasi Loading
Taruh kode CSS berikut di atas kode ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;
border: 5px solid #00a3ff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 35px #00a3ff;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;
border: 5px solid #00a3ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 15px #00a3ff;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
Pasang JQuery Terbaru
pasang script jquery 1.7.2 tepat di atas tag </head> atau kalau ada JQuery terbaru, silahkan pasang yang terbaru.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
Pasang Script Loading Animasi
Letakkan kode berikut tepat di atas tag </body>
<div id='loadhalaman'>
<div class='loadball'/>
<div class='loadball-2'/>
</div>
<script type='text/javascript'>
$(function() {
    var siteURL = &quot;http://&quot; + top.location.host.toString();
    var $internalLinks = $(&quot;a[href^=&#39;&quot;+siteURL+&quot;&#39;], a[href^=&#39;/&#39;], a[href^=&#39;./&#39;], a[href^=&#39;../&#39;]&quot;);
    $internalLinks.click(function() {
        $(&#39;#loadhalaman&#39;).fadeIn(1500).delay(6000).fadeOut(1000);
    });

    // Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target=&#39;_blank&#39;
    $(&#39;#loadhalaman&#39;).click(function() {
        $(this).hide();
    });
});
</script>
Keterangan :
untuk yang ingin menyesuaikan warna loading nya dengan warna lain,bisa mengganti warna nya, lihat kode CSS loading halaman yang paling atas tadi dan ganti kode warna yang ditulis dengan warna biru muda dengan kode warna yang diinginkan.
Terkait : cara membuat animasi loading di blog, membuat loading di blog

Cara Membuat Random Post Dengan Thumbnail

Cara Membuat Random Post Dengan Thumbnail

Sore sobat blogger semua, sekarang saya akan membagikan tips Cara membuat widget Random Post atau artikel acak dengan gambar kecil (with thumbnail) keren dan loading ringan. Untuk demonya silahkan lihat pada sidebar kanan blog ini. apakah anda tertarik untuk memasangnya? bila tertarik memasang ini dia caranya sebagai berikut :

Langkah-langkah Widget Random Post/Postingan Acak dengan Gambar (Thumbnail) :

1. Pilih menu tata letak kemudian tambahkan gadget
2. Lalu pilih HTML/JavaScript
3. Kemudian Copy semua kode dibawah ini dan pastekan ke kolom widget ke dalam HTML/JavaScript tersebut, untuk judulnya silahkan sobat bikin sendiri,

<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px; height:36px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
var rdp_info='yes';
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjafGxTEv3KJ5oTPbvyezMjCkOhn4fP_8b0jG4bqPQUR8HnHJufLKGdiNLDIKaGCST_IJrnkMNYqlnorj-qYDuQkrO8KXSkWYj5m91JY9UvZ3b43mrJhdrt2av1DYjLlEFIzkW2Gn2gPCi2/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Screenshot :
 
Cara Membuat Random Post Dengan Thumbnail


5. Simpan dan lihat hasilnya.
 
Keterangan :
  • Kode #FFFFFF merupakan background widget random post, silahkan sobat ubah dengan warna yang sesuai dengan keinginan anda, untuk melihat kode warna Klik Disini. 
  • Angka  5 menunjukan jumlah artikel yang ditampilkan
  • Angka 60 Jumlah isi cuplikan
  • Kata 'Yes' adalah pilihan untuk memperlihatkan tanggal dan jumlah komentar, jika ingin menyembunyikan tanggal dan jumlah komentar, silahkan ganti dengan 'no'
  • Jika ingin merubah ukuran gambar bisa anda ubah pada opsi width:36px;heigth:36.
Oke itulah tips kali ini yang bisa saya bagikan buat rekan-rekan semuanya, semoga artikel ini bermanfaat buat yang membutuhkannya, atas perhatiannya dan kunjungannya ke blog yang sederhana ini saya ucapkan terima kasih.oh iya jangan lupa tinggalkakan komentar,serta kritikannya ya :>) 

Terkait : cara membuat rondom post menggunakan javascript, membuat rondom post di blog

Menghilangkan Tulisan "Tampilkan Posting Dengan Label"

Menghilangkan Tulisan "Tampilkan Posting Dengan Label"

Saat kita menampilkan daftar artikel dengan label tertentu, maka akan muncul tulisan seperti di bawah ini :
Menghilangkan Tulisan "Tampilkan Posting Dengan Label"

Jika tulisan itu dirasa mengganggu dan tidak kita kehendaki, ya hilangkan saja! Oya, karena kita bukan pesulap, tentu gak bisa dengan mantra "Bim Salabim Abra Kadabra" ;D
Lebih jelasnya, silahkan simak tips berikut ini :

Pertama login ke blogger dengan akun anda, setelah itu masuk ke menu Design > Edit HTML > jangan lupa untuk mencentang Expand Widget template.

Jika sudah, silahkan cari kode seperti di bawah ini:
 <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Sekarang hapus kode tersebut dan ganti dengan kode yang ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Simpan, dan lihat hasilnya. 
Terkait : menghilangkan tulisan peringatan pada label, tips menghilangkan tampilkan posting dengan label, menghilangkan kata tampilkan posting dengan label

Cara Mudah Membuat Related Post Dengan Fungsi Scroll

Cara Mudah Membuat Related Post Dengan Fungsi Scroll

Cara Mudah Membuat Related Post Dengan Fungsi Scroll | Hay sobat apa kabar ? kali ini Acep-Computer akan berbagi tutorial seputar blog. Tutorial kali ini adalah Cara Gampang Membuat Related Post Dengan Fungsi Scroll. Cara membuat related post pati sudah banyak dibahas di blog yang lainnya. Tapi kali ini saya akan mencoba membagikannya kepada blogger yang masih belum tahu cara memasang related post fungsi scroll. Oke Langsung saja di praktekkan ya sob.

Cara Mudah Membuat Related Post Dengan Fungsi Scroll

1. Pertama buka blogger.
2. Kedua masuk ke template => edit template => centang expand template widget
3. Lalu sobat cari kode <data:post.body/> atau <p><data:post.body/></p>
4. Setelah itu letakkan kode dibawah ini tepat dibawah kode tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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;albri&#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:loop values='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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
5. Jika sudah, sobat cari kode ini ]]></b:skin>
6. Lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
7. Jika sudah, yang perlu sobat lakukan adalah save template.
Untuk tulisan atau kode yang berwarna merah anda bisa menggantinya dengan Artikel Menarik Lainnya, atau apa saja terserah keinginan sobat.
Oke sob cukup sekian tutorial blog dari saya semoga bisa bermanfaat untuk blogger yang masih pemula. Bila tutorial diatas tidak bisa, mohon berkomentar agar bisa dibetulkan.
Terkait :  cara mudah membuat related post dengan fungsi scroll, cara membuat artikel terkait di blog

Membuat Daftar Isi Untuk Blog Melalui Post / Widget / Javascript

Membuat Daftar Isi Untuk Blog Melalui Post / Widget / Javascript

Menyediakan halaman khusus untuk menampilkan daftar isi melalui Page (halaman posting) maupun melalui widget dapat menjadi alternatif untuk mempermudah para visitor yang ingin menjelajahi seluruh isi blog kita dengan menyediakan daftar isi pada halaman khusus. Dengan meletakkannya pada page khusus(saya rekomendasikan demikian) mampu meminimalisir faktor penyebab berkurangnya kecepatan loading blog yang berpengaruh terhadap kenyamanan pengunjung, karena kode-kodenya nanti akan berbentuk javascript.

Melalui post :
  • buat entri baru
  • kemudian pindahkan metode input tulisan dari "compose" ke "HTML"
  • atau...
Melalui widget :
  • pilih tata letak
  • add/tambahkan Widget
  • Pilih HTML/Javascript
Masukkan Kode berikut ini :
<div style="border: 1px solid #000000;
height   : 350px;
overflow : auto;
padding  : 5px;
width: auto;">
<script src="https://sites.google.com/site/dhany99487/widget/daftar isi otomatis.js"></script>
<script src="http://aboutmusic32.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div> 
kode yang berwarna biru adalah tinggi dari scrolling daftar isinya, sementara hijau adalah tebal garis tepi kemudian merah adalah alamat blo sobat.

  • save
Terkait : membuat daftar isi untuk blog melalui post / widget / javascript, membuat site map dengan javascipt, membuat daftar isi dengan javascript

Changing Maximum Number of Posts in Blogger Label Page

Changing Maximum Number of Posts in Blogger Label Page

Our featured Blogger tip for today is from Peter of Blogger Tips and Tricks. He shows you a simple technique on how you can change number of posts in Blogger Label Page (category page). By default, Blogger has set a maximum of 20 posts but this tutorial allows you to customize it – you may want to increase or decrease maximum number of posts depending on your preference. If you want to have some changes, you will have to edit the template. By doing so, follow these steps:
  • Blogger Dashboard > Template > Edit HTML. Click [] Expand Widget Templates.
  • Search for this code :
expr:href='data:label.url'

  • Replace it with the following :

expr:href='data:label.url + "?max-results=150"'
 
In the above code, Peter opted to use 150 because he wants all posts to be displayed. You may use another value instead of 150.

If you can find   expr:href=’data:label.url’ repeat step 3.

  • Save template.

Note : Do save a backup before doing any changes in your template. Here’s how you do it :
Blogger Dashboard > Template > Backup (seen at the top right corner) > Download full template > All files.

Cara Menghilangkan Attribute (Powered by Blogger)

Cara Menghilangkan Attribute (Powered by Blogger)

Kalau kita memakai template bawaan Blogger.com seperti blog ini, maka pasti akan ada widget attribute di bagian footer template. Sebagian orang kadang merasa tidak perlu menampilkan widget ini, maka lebih baik menghilangkannya atau tepatnya menyembunyikannya.

Cara menghilangkan attribute blog powered by blogger adalah sebagai berikut :

1. Masuk dashboard.
2. Pilih design, lalu edit html.
3. Cari kode ]]></b:skin>.
4. Kemudian letakkan kode berikut ini tepat di atas ]]></b:skin>.

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}


5. Klik save, dan selesai.

Catatan : Karena sekarang Blogger.com akan menggunakan tampilan dashboard yang baru, mungkin cara mengedit template seperti di atas harus di lakukan secara offline, jadi terlebih dahulu kita download full templatenya, kemudian baru di edit dan di upload lagi. 

Terkait : cara menghilangkan attribute (Powered by Blogger), cara menghilangkan tulisan powered by blogger di blog

Cara Membuat Kotak Script Dengan Highlight All Pada Blog

Cara Membuat Kotak Script Dengan Highlight All Pada Blog
Bagaimana membuat Kotak Script / Text Area dengan tombol Highlight di Postingan Blog? Kotak Script atau Text Area merupakan sebuah kolom tempat meletakkan kode HTML maupun tulisan untuk dihidangkan kepada pembaca blog. Kotak Script atau Text area berfungsi untuk merapikan artikel agar mudah dilihat dan dibaca pengunjung Blog.

Cara Membuat Kotak Script Dengan Highlight All Pada BlogMembuat Kotak Script atau Text Area sangat bagus jika menggunakan tombol Highlight. Fungsinya untuk menyorot semua isi Kotak Script / Text Area sehingga mempermudah pengunjung blog melakukan Copy Paste isi Kotak Script / Text Area tersebut yang terlalu panjang. Ok, langsung saja kita mempelajari bagaimana membuat Kotak Script / Text Area dengan tombol Highlight berikut prosedurnya dibawah ini :

1. Sebagai contoh buatlah sebuah artikel kemudian Copy Pastekan Kode dibawah  ini kedalam postingan artikel anda. 

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">MASUKKAN ISI TEKS DISINI, AKAN MUNCUL SCROLL JIKA TEKS TERLALU PANJANG</textarea></p></div></form>

2. Untuk meletakkan kode HTML diatas, Pastekan di postingan anda dalam Mode HTML. Klik HTML lalu Pastekan.


Cara Membuat Kotak Script Dengan Highlight All Pada Blog
 
3. Setelah di Pastekan Kode HTML tadi, silahkan masukkan isi teks yang anda inginkan. Kemudian ubah ke mode COMPOSE.

4. Maka hasilnya seperti contoh di bawah :




5. Untuk merubah lebar dan tinggi kotak script / Text area, bisa di edit kodenya sesuai selera anda.
  • Height: 100px : Tinggi Kotak Script / Text Area
  • Width: 200px  : Lebar Kotak Script / Text Area 
Terkait : cara membuat kotak script dengan highlight all pada blog, membuat kotak script di posting blog

Cara Membuat Kotak Script Pada Posting Blog

Cara Membuat Kotak Script Pada Posting Blog

Postingan kali ini saya akan membahas cara membuat kotak script pada posting blog. awalnya saya juga tidak mengerti, kok banyak di beberapa blog tutor yang memakai kotak script dan di hati saya bertanya dimana menu pada postingan yg membuat kotak script ? padahal gak ada. Seletah saya sekian lama browsing di mbah google ternyata ketemu juga. caranya ternyata menggunakan kode css. ayo jangan basa basi langsung kita ke tutorialnya :
  • Pertama anda login
  • kemuadian ke menu template > edit HTML
  • cari kode ]]></b:skin>
  • setelah itu letakkan kode di bawah ini di atas kod ]]></b:skin>
/* aboutmusic32.blogspot ----------------------------------------------*/
.alert {margin: 10px 10px 10px 10px; padding: 10px 15px 10px 15px; line-height: 1.6em;color: #000000; background: #e0ffff; border: 1px solid #000000; border-left: 15px solid #000000}
  • setelah itu kemenu setelan > pos dan komentar
  • pada menu template entri tambahkan kode
<div class="alert">
masukan kode disini
</div>
  • cara menggunakannya buat postingan baru dan menulis di HTLM ganti tulisan "masukan kode disini"dengan kode anda sendiri
Terkait : cara membuat kotak script pada posting blog, membuat kotak script untuk blog

Cara Mengatur Ukuran Header, Halaman Posting dan Sidebar

Cara Mengatur Ukuran Header, Halaman Posting dan Sidebar
Cara Mengatur Ukuran Header, Halaman Posting dan Sidebar - Jika kita belum bisa membuat HTML blog, kadang mencari template yang kita inginkan sangatlah sulit, baik dari tampilan header, sidebar, Halaman Posting artikel, maupun footer.  Mungkin juga kita ingin memiliki template blog yang tidak terlalu lebar,  namun tak kunjung ditemukan. Nah, Jika sobat ingin mengatur ukuran halaman blog sobat, baik mengecilkan ataupun melebarkannya, caranya tidaklah terlalu sulit. Sobat tinggal ikuti langkah-langkahnya dibawah ini :

1. Login ke Blogger sobat.
2. Pilih Menu Rancangan --> Edit HTML --> Centang Expand Widget template
3. Cari kode yang mau diganti dengan cara menekan Ctrl+F 
4. Ubah ukuran Header dengan mencari kode berikut :
#header-wrapper{width:850px;margin:0 auto 0;height:60px;padding:34px 0px 34px 0px;overflow:hidden;}
Ukuran 850px adalah lebar header dan 60px adalah panjang headernya yang bisa sobat ganti sesuai dengan keinginan sobat

5.  Ubah ukuran lebar halaman dengan mencari kode berikut :
#outer-wrapper{width:850px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background:url(……..)
Ubah ukuran 850px harus sesuai dengan lebar Header yang kita buat.

6.  Ubah ukuran Halaman Posting artikel dengan mencari kode seperti ini :
#main-wrapper{width:470px;padding-top:10px;padding-left:0px;padding-right:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
Ubah Ukuran 470px dengan lebar halaman postingan blog sobat

7.  Langkah selanjutnya adalah mengubah Ukuran Sidebar blog dengan cara mencari kode berikut :
#lsidebar-wrapper{width:160px;float:left;padding-left:10px;margin-top:10px;margin-left:0px;margin-right:10px;word-wrap:break-word;
Ubah Ukuran  160px dengan ukuran sidebarnya
Sama seperti langkah diatas, ubah juga ukuran sidebar sesuai keperluan sobat dan jika pada blog anda terdapat 2 sidebar, maka bagi ukuran sidebar jadi dua. Misalkan ukuran sidebar yang sobat buat adalah 300px, maka anda bisa membagi sama persis 150px-150px atau bisa juga berbeda.

Jika anda mengubah ukuran blog sobat, sedangkan sobat sudah memposting gambar yang ukurannya lebih besar dari Main-Wrapper (Halaman Posting) maka sobat juga harus mengecilkan ukuran gambar tersebut agar terlihat lebih menarik dan tidak melewati Halaman posting sobat.

Keterangan :
#header-wrapper     : Lebar Header Blog
#outer-wrapper        : Lebar Halaman Blog
#main-wrapper        :  Lebar Tempat posting
#sidebar wrapper    :  Lebar Sidebar

Terkait : cara mengatur dan merapikan ukuran header, halaman posting, sidebar di blog

Cara Memasang Fans Page Facebook Di Blog


Cara Memasang Fans Page Facebook Di BlogFacebook Fan Page adalah salah satu cara terbaik untuk mempromosikan blog dan meningkatkan pengunjung. Facebook Like Box ini akan membantu pengunjung Anda untuk menjadi seorang pembaca reguler hanya dengan mengklik tombol Like. Dengan Facebook Like Box ini pembaca akan mendapatkan update artikel terbaru dari Facebooknya (ini lebih baik dari Email Newsletter). Setelah pada postingan saya sebelumnya membahas cara membuat Facebook Fan Page, kali ini akan saya berikan cara memasang Facebook Like Box di Blog Anda hanya dengan langkah yang mudah. Ikuti langkah berikut ini untuk memasang Like Box di blog.

Cara Membuat Facebook Like Box
  • Login dulu ke akun Facebook Anda
  • Klik link ini ==> Facebook Developers
  • Halaman yang tampil akan seperti ini, dan pada Facebook Page URL, Anda masukkan URL Facebook page blog Anda.
Cara Memasang Fans Page Facebook Di Blog
  • Untuk seterusnya Anda bisa sesuaikan menurut keinginan Anda. Saya lebih suka menggunakan pengaturan seperti gambar di atas.
  • Setelah Anda setting, klik Get Code dan Anda akan mendapatkan 2 kode seperti gambar di bawah ini.

Cara Memasang Fans Page Facebook Di Blog

Keterangan: Kode pertama dan kedua penempatannya berbeda.
Bagaimana Meletakkan Kode?

1. Masuk ke Blogger > Template

Cara Memasang Fans Page Facebook Di Blog

2. Backup dulu template Anda jika perlu
3. Klik Edit HTML
4. Cari kode <body>, gunakan fitur search (Ctrl + F) untuk mempermudah pencarian
5. Masukkan kode pertama tepat di bawah kode <body>


Cara Memasang Fans Page Facebook Di Blog

6. Lalu Save template Anda
7. Sekarang masuk ke Layout

Cara Memasang Fans Page Facebook Di Blog

8. Klik Add a Gadget > pilih HTML/JavaScript

Cara Memasang Fans Page Facebook Di Blog

9. Masukkan kode kedua di situ kemudian klik Save. Lalu letakkan di tempat yang Anda inginkan dengan cara drag dan drop.
10. Selesai
Terkait : cara membuat fans page di blog, membuat facebook like di blog, membuat facebook fans page di blog

Cara Membuat Read More Otomatis Pada Blog

Cara Membuat Read More Otomatis Pada Blog

Cara membuat read more pada blog, blogspot, Blogger OTOMATIS ini sangat mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template anda, dengan begitu andapun tidak perlu repot lagi dalam hal pembuatan readmore ini, oke tanpa panjang lebar silahkan ikuti langkah-langkahnya seperti yang di bawah ini.:
  • Silahkan Login di akun blogger anda
  • Lalu klik Rancangan dan klik Edit HTML
  • Jangan lupa untuk mencentang Expand Template Widget 
  • Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan.
  • Kemudian Cari kode </head>.  Dan untuk mempermudah pencarian kode nya anda tekan aja ( CTRL + F )
  • Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode </head> tersebut.



Bila anda ingin merubah ukuran pada Read More di Blogger anda tersebut, kamu tinggal merubah dibagian-bagian kode yang berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar    
summary_img = 340; adalah tinggi potongan artikel dengan gambar  
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

  • langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah 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'>&#187;&#187;&#160;&#160;READMORE...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  • dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera anda.
setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.

Okelah sobat itulah artikel tentang Cara Membuat Read More Otomatis Pada Blog, Blogspot, Blogger yang mungkin bisa sedikit membantu anda. dan ingat, sebelum anda memasukan kode2 diatas sebaiknya anda backup terlebih dahulu template dengan cara download lengkap tempalte, langkah ini untuk antisipasi bila anda salah memasukkan kode yang ada.

Terkait : read more otomatis di blog, blogger, wordpress, cara membuat read more

Popular Posts

Category

Biola (7) Blog Tips (19) Blues (1) Classic (2) Drum (3) Genre (10) Guitar (38) Harmonica (12) Instruments (74) Jazz (2) Keyboard (4) Lyric (28) Lyric Barat (18) Lyric Indonesia (10) MP3 (44) MP3 Barat (11) MP3 Indonesia (33) Music (206) Music Corner (17) Piano (8) Pop (3) Rock (3) Saxophone (2) Tips & Trick (16) Vocal Tips (22) Vocal Tips English Version (9)

Archive

Chat Box

Site Map

Like Us !