Tampilkan postingan dengan label Template. Tampilkan semua postingan
Tampilkan postingan dengan label Template. Tampilkan semua postingan

Jumat, 02 Januari 2015

Cara Membuat Sitemap Responsive Ala KompiAjaib

Hasil dari jalan-jalan di blog para master bloggers indonesia, banyak menemukan hal-hal yang baru. dan akibat tampilan baru di blog buyasorta, ya walau akan mengalami penurunan akibat ganti template tak majalah, semoga template dan tampilan ini bertahan lama dan dapat dukungan dari pembuatnya terus +Adhy Suryadi  creator KompiAjaib, ini template emang benar-benar ajaib dan mantap sesuai dengan trend blogger era sekarang.



Setelah otak -ati dan pasang beberapa tambahan script untuk komentar faceboo, google + dan blogger, dan juga sitemap semua dari kompi ajaib. Dan ternyata banyak yang tertarik juga sitemap responsive. Cara Membuat Sitemap Responsive Ala KompiAjaib, buta saja halaman baru beri judul sitemap atau daftar isi ini yang umum digunakan oleh para bloggers, klik editor html jangan compose copy paste script dibawah dan jangan lupa ganti alamat url nya

yang belum baca dan coba cara memasang facebook coment, google+ dan blogger komentar 


<div dir="ltr" style="text-align: left;" trbidi="on"> <style scoped="scoped" type="text/css"> #show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px} #show-cat ul{margin:0;border-top:1px solid #ccc;padding:0} #show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0} #show-cat ul li a{display:block;padding:10px} #show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none} #show-cat ul li a,#navi-cat a,#navi-cat span{font-size:12px} #show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff} #show-post{float:left;width:60%} #show-post ul li{list-style-type:none} #navi-cat{padding:20px 0} #navi-cat a{margin-right:10px;border:1px solid #ccc} #navi-cat a,#navi-cat span{padding:5px 10px} #navi-cat span{float:right} </style> <div id="show-cat"> </div> <div id="show-post"> <script type="text/javaScript"> var cat_home='http://blog.buyasorta.com';cat_numb=11;cat_pre='Prev';cat_nex='Next'; var cat_name;var cat_start;var cat_class; function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+=' <li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li> '}dw+='</ul> ';dw+='<div id="navi-cat"> ';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div> ';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+=' <li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li> '}dw+='</ul> ';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>'); </script> </div> <div style="clear: both;"> </div> </div>
Kalau sudah selesai tinggal publish dan nikmati hasilnya, akan seperti yang ada pada blog ini sitemap resposive blogger terima kasih mas Adhy dan selamat mencoba dan berkreasi salam bloggers gresik.

Read more

Senin, 29 Desember 2014

Cara Menghilangkan QuickEdit Pada Blog

Assalamu'alaikum dan salam bloggers, Pengalaman yang tidak mengenakan sewaktu pilih-pilih template untuk blog kita, sudah ketemu yang pas dan cocok tentunya pilihan para boggers adalah template yang seo frendly (bersahabat dengan SEO). Sudah terpasang Template SEO Jos, Setelah lihat hasilnya muncul tanda obeng dan kunci atau "quickedit". Akhirnya senjata andalan tanya si Mbah Google, ketemu beberapa tutorial dan yang sesuai dengan template yang saya pake template tompi ajaib yang seo frendly dan responsive.

Obeng dan Kunci

Mungkin ini pengalaman pribadi saya yang tidak yang masih newbie dan perlu banyak belajar dari si masta, Kerapkali waktu lihat hasil editing, baik editing layout, menulis, atau page element, kita bakal lihat gambar Quickedit berbentuk gambar obeng serta kunci . Memanglah sesungguhnya hal semacam ini tak jadi permasalahan, bahkan juga dalam banyak hal dapat dimamfaatkan untuk lakukan editing tanpa ada mesti buka halaman Ubah Entry atau Page Element, anda tinggal meng-klik gambar obeng serta kunci pas itu jadi anda bakal segera dapat mengedit menulis atau gadget anda.

Namun terkadang, bila anda mengedit Layout Template, gambar Quickedit itu jadi pengganggu lantaran layout template jadi agak turun kebawah. Nah lho, jadi bagaimana dong? Ya, terserah anda. Bila ingin dilewatkan ada sinyal Quick Edit-nya bisa, ingin di hilangkan juga tidak permasalahan. Bila anda keukeuh bin ngotot mau mengholangkan gambar Quickedit, langkahnya gampang saja kok, anda dapat ikuti beberapa langkah tersebut. mohon maaf artikelnya agak berbelit, karena untuk memenuhi Standart Penulisan Blog Adsense minimal katanya 300 hurus. sebenar nya cukup simple cara menghilangkan quickedit atau gambar obeng dan kunci di blog, anda tinggal ikuti di petunjuk dibawah ini.

Dari halaman Dashboard klik Tata Letak dan pilih Edit HTML.

Cari kode ]]></b:skin> dengan menekan Control F.
Jika sudah ketemu, kopikan kode berikut :

.quickedit { display:none; }

Letakkan kode tersebut di atas ]]></b:skin>
Lalu simpan and coba lihat hasilnya.

kalau masih muncul seperti di blog saya ini langka dan cara yang pasti jitu adalah dengan menghapus

<b:include name='quickedit'/>

Wassalamu'alaikum, salam bloggers gresik semoga berguna dan bermanfaat. dan juga boleh membaca artikel yang lain CARA MEMBUAT RECENT POST WIDGET DI BLOG

Read more

Minggu, 28 Desember 2014

Cara Membuat Recent Post Widget di Blog

Assalamu'alaikum sahabat bloggers, Cara membuat blog kita jadi menarik dan enak untuk di baca, adalah salah satu syarat agar blog kita banyak di kunjungi oleh banyak orang. Kali ini saya berbagi cara membuat blog kita menampilkan tulisan atau artikel terbaru pada widget atau sidebar, atau bahasa bloggersnya "Recent Post". Cara Memasang Recent Post Keren juga Resposive, Recent Post natinya akan muncul pada widget blog kita sehingga pembaca blog bisa tahu postingan terbaru, Widget ini menurut saya bagus dan keren, pastinya tidak membuat loading situs (blog) jadi berat, widget ini juga menampilkan thumbnail gambar yang akan membuat blog kita menarik.


Sahabat Blogger jika mau mencari widget-widget yang lain untuk membuat blog kita menarik dan banyak pengunjung baca di cara membuat blog dan cara menghias blog agar menarik

Bila sahabat bloggers ingin menempatkan widget Recent Post, baca dan ikuti di bawah ini.

Cara-Membuat-Recent-Post-Keren-di-blog, Langkah cara Membuat Recent Post Keren di Blog
1. Login ke blogger
2. Ke Tata Letak = add gadget = HTML/javascript
3. Silakan Copy Paste script di bawah ke kolom yang tersedia
<style scoped="scoped">#dte_recent-post {
  font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;
  color:#333;
  margin:0 auto;
  padding:0;
  min-height:100px;
  background:white url('data:image/gif;base64,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') no-repeat 50% 50%;
}
#dte_recent-post li {
  list-style:none;
  margin:0;
  padding:7px;
  background-color:white;
  border-bottom:1px solid #ddd;
}
#dte_recent-post li a img {
  float:left;
  margin:0 10px 0 0;
  padding:0;
  border:none;
  background:none;
  outline:none;
}
#dte_recent-post li a.title {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:#990000;
}
#dte_recent-post li a.title:hover {
  text-decoration:underline;
}
#dte_recent-post li span.foot {
  clear:both;
  display:block;
  color:#ccc;
  margin-top:7px;
  font-size:10px;
}
</style>
<br />
<ul id="dte_recent-post"></ul>
<script>
//<![CDATA[
var rp_homePage = "http://tipsblogbaru.blogspot.com", // Your blog homepage
    rp_numPosts = 5, // How many posts?
    rp_thumbWidth = 72, // Thumbnail width. Change to 0 if you want to disable the post thumbnail
    rp_numChars = 100, // Number of posts summary
    rp_sortByLabel = false, // Replace `false` with your specific label name to display posts by specific label
                            // Example: rp_sortByLabel = "JQuery", to sort posts by label "JQuery"
    rp_noImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A 'no-image' image
    rp_monthNames = [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    rp_newTabLink = true, // If true, then all the widget links will automatically opens in new window/new tab
    rp_loadTimer = "onload"; // "onload" || time in milliseconds (e.g: 3000, 4000, ...)
//]]>
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-recent-post-with-preloader.js"></script>



    4. Silakan Taruh template sahabat serta saksikan akhirnya. NOTE :
    Ubah url yang berwarna biru dengan url sobat
    Script di atas saya peroleh dari DTE, silakan kunjungi sumber aslinya.  dte. situs. id

    jika kalian bloggers pasti sudah baca 5 Hal Penting Bagi Bloggers Pemula
    Read more

    Selasa, 04 Desember 2012

    Android Template Seo Ready

    Setelah lam belajar untu edit template jadi SEO Frendly jadi juga satu, bagi teman-teman yang mau lagsung aja bisa downloads dan pakai. dengan tampilan android atau kalau mau boleh juga di edit sendiri templatenya.


    blogger template android


    Untuk Melihat contoh template blogandro-id nya disini
    Downloads
    Read more

    Selasa, 07 Agustus 2012

    Angry Birds Template Blogger

    Deman Angry Bird Meramba berbagai macam accesories mulai boneka, balon, dan juga salah satunya adalah template blogger angrybird ini. yang suka bukan hanya anak-anak sampai kakek-nenek aja ikut-ikutan suka karakter games angrybird ini


    Maaf lagi buat link reviewnya saat ini belum selesai coba lain kali tak kasih bro downloads aja dan nikmati templatenya

    Link Downloads disini


    Read more

    Rabu, 11 Juli 2012

    Fantastis Template Blogger

    Fantastis Template Blogger SEO Frendly
    Lagi belajar edit template blogger seperti yang saya pakai diblog ini, aselinya bahasa asing gak tau dari mana tapi menarik dan bagus. lihat-lihat strukturnya SEO nya bagus akhirnya donlod aja.dengan sedikit tambahan dan ubah bahasanya jadi deh

    fitur template
    - 3 sidebar
    - SEO frenly
    - footer Sidebar
    - facebook dan twitter ready
    -Adsense Ready

    demo  donwload
    Read more

    Sabtu, 07 Juli 2012

    Template CMS Balitbang Gratis

    Bagi sekolah yang menggunak CMS Blitbang, ingin mengganti template yang cantik menarik bisa downloads di sini. jika anda kesulitan mengganti templatenya anda bisa baca cara mengganti template CMS Balitbang. sebetulnya juga kita bisa buat sendiri dari software Artisteer tapi software nya harus beli, ada sih emang bajakan tapi apa pantas jiga sekolah mengajari anak untuk berbuat baik tapi sekolah dan gurunya masih menggunakan software bajakan???.




    Bagi yang masih memerlukan banyak lagi, silahkan coba link di bawah ini :



    JIKA ADA KESULITAN INSYA ALLAH SAYA BISA BANTU SILAHKAN KOMEN AJA PA' BRO



    Read more