Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

Monday, September 26, 2016

Menu Blogger Mega Menu

Menu Blogger Mega Menu


Mega Menu with Images or Thumbnails for Blogger

Visual content holds a certain appeal that websites integrate images to every page, or even
operate solely through photos. Now, with the new AJAX navigation menu widget, images can be added to the
drop-down menu as well
Features
  • Multi-Level Menu Support
  • The AJAX menu is a multi-level drop-down menu that is based on the standard unordered list of HTML. When a
  • menu contains a sub-menu, it loads on the fly when a user rolls over the main menu. What is great about this is
  • that it saves outgoing traffic, especially on a website that uses a large navigation.
  • Cross-browser Compatibility
  • Most AJAX applications will work across different browsers even with other plugins or proprietary technology
  • already installed. The menu with images works in the same premise, instead of being designed for a specific
  • browser. Because there is no telling which browser you or your blog readers would use, the new AJAX dropdown
  • mega menu with images is the ideal option.
  • Some of the Windows browser supported includes IE5+, Firefox, Google Chrome, Safari Netscape 7+ and Opera
  • 8+. When youre using a Mac, the AJAX menu is supported on Firefox, IE and Safari. If JavaScript is disabled,
  • however, the menu is still accessible, but only as pure CSS menu.
  • Automatic Sub-Menu Display
  • With the new AJAX menu, you only need to roll over a menu item and sub-menus will automatically load. No
  • need to click on a menu to get the sub-menu to drop down. This not only saves users valuable navigation time,
  • but also outgoing traffic.
Menu Styling
  • AJAX menus can be styled by simply changing the megamenu.js and the CSS style. The former is used when
  • javaScript is turned on, while the latter is when it is turned off. You can adjust the menu parameters manually or
  • you can use ready-to-use templates.
  • There are plenty of other features, but you would not be able to use or experience them if you do not install the
  • new mega menu with images. What do you need to do then to implement it in your blog or website?

Demo
Step by Step

Skin
  • cari kode
  • ]]></b:skin>



  • Letakan Kode ini di atasnya:



  • Java Script
    • Cari kode </head>
    • biasanya terletak sebelum paling bawah atau control+f </head>
    • letakan kode script ini diatasnya






  • Jika di dalam blog mu sudah terdapat jquery, hapus kode yang berwarna merah 
  • Jika ingin mengubah link gambar yang tidak ada gambar thumbnail nya silahkan ganti url yang berwarna cyan itu (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf3o3QYl3JfbyCYmNIVWO26lz0ZBI1zmJCyukgk4Jp_-VOp2Dh-Cf0mVgPCO5hEosG_4BKNX7s88niDCHp1fGxfE_tDViaoRcHU8-r2ROMgkB-yCdW8JxiRSOIkiW61j8o3UvV1lTQItU/s1600/no_image_available.png)
  • Cari kode <div class=main-outer>
  • simpan kode dibawah ini tepat diatasnya

  • <ul class=megamenu id=megamenuid>
    <li><a href=/>Home</a></li> 
    <li><a class=menu-target href=#>MENU TITLE</a>
    <ul>
    <li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
    <li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
    <li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
    </ul>
    </li>
    <li><a class=menu-target href=#>MENU TITLE</a>
    <ul>
    <li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
    <li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
    <li><a href=http://ADDURLHERE.com>LABEL NAME</a></li>
    </ul></li>
    <li><a href=http://ADDURLHERE.com>Normal Link</a></li>
    <li class=search-box>
    <form action=/search class=search-here method=get>
    <input class=search-field name=q placeholder=Search Here size=30 type=text/>
    <input class=search-button type=submit value= />
    </form>
    <p class=search-alert>Search form is empty!</p>
    </li>
    </ul>
    <div class=clear/> 
    <div class=clear/>





  • Ganti http://ADDURLHERE.com dengan url blog kamu
  • Simpan Template dan lihat perubahannya
  • jika semuanya dilakukan dengan benar maka akan terlihat menakjubkan

  • download now

    Read More

    Dark Template Blogger

    Dark Template Blogger


    Template Gelap Elegan untuk Blogger

    Template modifikasi sendiri kalo berkenan silahkan dicoba saja penampakannya sebagai berikut ini:

    Template Gelap blogspot
     
    • DOWNLOAD TEMPLATE
    • Silahkan dicoba..
     

    download now

    Read More

    Friday, September 23, 2016

    Pengertian Margin Padding Border dan Content Dalam Blogger

    Pengertian Margin Padding Border dan Content Dalam Blogger


    Awalnya saya masih bingung membedakan antara Margin, Border, Padding, Dan Content, Sebenarnya itu merupakan hal yang tidak begitu sukar untuk dipecahkan, asalkan kita mau mempelajarinya. Persoalan klasik namun masih banyak yang mendapat problem disesi ini. saya sendiri contohnya.. hehe..
    Nah, maka dari itu, Mari kita ulas lagi tentang apa itu Margin, Border, Padding, Dan Content.

    Coba perhatikan gambar dibawah ini:


    Sedikait Ulasan tentang gambar di atas :
    1. Margin = Menghapus sebuah daerah di sekitar perbatasan. Margin yang tidak memiliki warna latar belakang, dan benar-benar transparan.
    2. Border = Sebuah perbatasan yang terletak di sekitar padding dan konten. perbatasan ini dipengaruhi oleh warna latar belakang kotak (dapat diberi warna)
    3. Padding = Menghapus sebuah daerah di sekitar konten (terletak antara border dan konten). padding ini dipengaruhi oleh warna latar belakang kotak.
    4. Content = Isi kotak, di mana teks dan gambar muncul

    Dalam penulisan code untuk menentukan bagian per bagain terdiri dari dua cara yaitu:

    1. margin: 2px 2px 5px 0px; urutannya –> Atas, kanan, bawah, kiri

    2. margin-top: 2px; margin-right: 2px; margin-bottom: 5px; margin-left: 0px;

    demikian juga halnya dengan padding bila di tulis bagian per bagian.

    Mungkin sekian saja dari saya, selanjutnya sobat pasti lebih tahu. hehee
    Semoga bermanfaat.

    source: http://kode-blogger.blogspot.com

    download now

    Read More

    Wednesday, September 21, 2016

    Fix Blogger cross site malware on Webmaster Tools

    Fix Blogger cross site malware on Webmaster Tools


     This issue starts at Google Master Tool (Security Issues)
     
    Currently, we havent detected any security issues with your sites content. If you want to learn more about security issues and how they could affect your site, review our resources for hacked sites.

    However, if you see a malware warning in the browser when navigating to your site, its likely that your site is referencing code or content from another domain that has malware. Read up on cross-site malware and learn how to address it.

    Blogger cross-site malware

    How to solve Cross-site Malware in Webmaster Tools

    • Log in to your Blogger Account
    • Go to Layout Tab
    • Delete All Bidvertiser Ads
    • Delete All Nuffnangx Ads
    • Now open Template > Edit HTML or Widget Layout
    • Delete Popads.net Javascript
    Blogger cross-site malware


    Now your blog is clean, request a review now!

    Blogger cross-site malware
    Wait about 72 Hours or 3Days for Google removed Cross-site malware warning on your website!

      download now

      Read More

      Sunday, September 18, 2016

      How to Get Label Wise RSS Feeds for Blogger

      How to Get Label Wise RSS Feeds for Blogger



      This feed for your blog usually looks like this; http://ijazilla.blogspot.com/feeds/posts/default. This will generate feeds for you entire blog updates. But, do you know that blogger also generates feeds for a particular label or category too.

      Most Blogger users do not know this, but this feature is very easy to use. And clever use of it can help you to do awesome this with it. Let’s say you want to get feeds of a Blogger blog for “blogger” category. Then you have to use the following URL;

       http://ijazilla.blogspot.com/feeds/posts/default/-/blogger

      Replace http://ijazilla.blogspot.com/ with your blog URL even it is a custom domain.

      This URL will generate a feed (by default atom) for all post labeled “blogger”. To get RSS feed use ?alt=rss after the URL. You can also get posts with multiple labels in the feed like this;

      http://ijazilla.blogspot.com/feeds/posts/default/-/blogger/Softwares

      This will show the posts labeled blogger and Softwares. You can use this method to get posts with more labels.

      http://ijazilla.blogspot.com/feeds/posts/default/-/blogger/facebook/Blogger Comment 7/Windows 8

      This will only show posts labeled “Blogger”, “facebook” , and “Blogger Comment” in the feed. When you use this tip do remember these;

      • Add ?alt=rss after the URL to get the RSS feed. Like this:-
          http://ijazilla.blogspot.com/feeds/posts/default/-/blogger?alt=rss
      •     Do not forget to put /-/ before the label(s) and after http://ijazilla.blogspot.com/feeds/posts/default/.
      •     The labels are case sensitive. So “Blogger” and “blogger” will give you different result.

      Use ?max-results=n to get specific number of posts in the results, like this

      http://ijazilla.blogspot.com/feeds/posts/default/-/blogger?max-results=4

      Replace n with a number to get that number for posts in feed. Here is an example of all being used;

      http://www.ijazilla.com/feeds/posts/default/-/blogger/WordPress?alt=rss&max-results=4

      download now

      Read More

      If Conditional Pada Blogger

      If Conditional Pada Blogger


      Bagi seorang perancang template untuk blogspot sangat perlu mengetahui dan memahami berbagai tipe tag kondisional ini. Dengan tujuan supaya dapat meracik atau membuat template blog blogspot yang berkualitas dan sesuai dengan keinginan sang pembuat template.
      11 Conditional Tag Blogger
      Dibawah ini terdapat 11 jenis conditional tag pada blogger. Berikut daftar tag kondisional tersebut.
      • 1. Conditional Tag untuk "Halaman Depan"
      <b:if cond=data:blog.url == data:blog.homepageUrl>
      ...
      </b:if>
      • 2. Halaman Posting dan Statis
      <b:if cond=data:blog.url == data:post.url>
      ...
      </b:if>
      • 3. Halaman Statis
      <b:if cond=data:blog.pageType == "static_page">
      ...
      </b:if>
      • 4. Halaman Posting/Artikel
      <b:if cond=data:blog.pageType == "item">
      ...
      </b:if>
      • 5. Halaman Indeks
      Contohnya halaman depan, label, dan search.
      <b:if cond=data:blog.pageType == "index">
      ...
      </b:if>

      • 6. Halaman Label
      <b:if cond=data:blog.searchLabel>
      ...
      </b:if>

      • 7. Halaman Search/Pencarian
      <b:if cond=data:blog.searchQuery>
      ...
      </b:if>

      • 8. Halaman Archive/Arsip
      <b:if cond=data:blog.pageType == "archive">
      ...
      </b:if>

      • 9. Posting Pertama
      Untuk post pertama misalnya pada halaman depan, label, search, atau archive.

      <b:if cond=data:post.isFirstPost>
      ...
      </b:if>

      • 10. Halaman Error
      <b:if cond=data:blog.pageType == "error_page">
      ...
      </b:if>

      • 11. Halaman/URL Tertentu
      <b:if cond=data:blog.url == "URL">
      ...
      </b:if>
      Multiple Condition

      Untuk lebih dari satu kondisi, tambahkan kode <b:else/> seperti di bawah.
      <b:if cond=data:blog.pageType == "item">
      jika kondisi benar
      <b:else/>
      jika kondisi salah
      </b:if>
      Pengingkaran (Reverse Condition)
      Kondisi pengingkaran merupakan kondisi dimana kode yang ada di dalamnya tidak tampil pada halaman yang tertulis pada tag kondisional, melainkan tampil pada semua halaman selain halaman yang tertulis pada tag kondisional.
      Untuk kondisi pengingkaran cukup ubah kode == menjadi kode !=
      <b:if cond=data:blog.url != data:post.url>
      ...
      </b:if>
      Jika terjadi error coba ubah tanda " menjadi &quot;
      Sekian artikel mengenai macam-macam conditional tag pada blogger, semoga artikel ini dapat bermanfaat bagi Anda.

      download now

      Read More

      Thursday, September 8, 2016

      Template Mirip Google Google Search Engine Theme for Blogger

      Template Mirip Google Google Search Engine Theme for Blogger


      Template Blog Mirip Google Search
      Template n2y yang sedikit mirip dan template agak - agak mirip google search engine. disini terdapat dua template yang mirip google silahkan download aja mana yang lebih cocok buat agan - agan sekalian.

       



      DOWNLOAD

      download now

      Read More

      Tuesday, September 6, 2016

      13 Floor Blogger Template Elegan Theme for Blogger

      13 Floor Blogger Template Elegan Theme for Blogger


      13 Floor Blogger Tmplate, ini adalah template wordpress premium namun untuk blogger agak sedikit berbeda dengan aslinya, pembuatannya agak sedikit rumiT kali ya hehe cum  Sharing Template 13 Floor buat Blogger theme aja yang mau nyoba monggo silahkan di tempelin.
      Screen Shut
      13FLOOR TEMPLATE
      Buat yang minat silahkan donlot, tapi sebelumnya template ini sudah saya edit dari yang aslinya, link review nya sudah gak ada jadi langsung aja silahkan download.



      • DOWNLOAD LINK UPDATE


      download now

      Read More

      Monday, September 5, 2016

      20 Rahasia Kesalahan SEO Blogger Pemula Yang Harus Di Hindari

      20 Rahasia Kesalahan SEO Blogger Pemula Yang Harus Di Hindari


      Daycrypton - Selamat para pembaca , pada artikel sebelum nya saya sudah membahas tentang Pengertian SEO dan kali ini saya akan membahas 20 Rahasia Kesalahan SEO Blogger Pemula Yang Harus Di Hindari .
      http://daycrypton.blogspot.com/2016/02/20-rahasia-kesalahan-seo-blogger-pemula.html

      Apakah Sobat sudah melakukan SEO untuk blog akan tetapi blog masih sepi ? Seperti rumah angker Wkwk

      Jika demikian, maka kemungkinan besar sobat menggunakan teknik SEO yang kurang tepat sehingga blog sobat sulit bersaing di mesin pencari.
      Nah untuk mengetahui apakah sobat menggunakan teknik SEO yang benar atau salah, silakan disimak daftar 20 Rahasia Kesalahan SEO Blogger Pemula Yang Harus Di Hindari  Yang Saya Kutip Dari Blog nya Mas Sugeng.id

      1. Belajar SEO tidak dari basic

      Baru beberapa minggu belajar SEO, tapi sudah mempelajari teknik-teknik nggak jelas seperti link piramid, link wheels, link dewa mabuk, link galau, dan lain sebagainya tanpa benar-benar memahami beberapa hal-hal dasar tentang SEO.

      Cukup penting untuk memahami apa sebenarnya itu SEO, apa itu SEO blackhat dan whitehat, apa itu backlink, bagaimana cara kerja mesin pencari, bagaimana cara kerja Algoritma Google, dan lain sebagainya.
      Jika kita mempelajari SEO tidak dari basic maka ketika kita menggunakan teknik SEO nggak jelas dan teknik tersebut sudah lagi tidak berfungsi, maka ujung-ujungnya kita akan bingung.

      2. Melupakan riset keyword

      Tidak melakukan riset keyword merupakan kesalahan yang paling umum yang dilakukan oleh pemula. Jangan heran jika blog sobat sepi pengunjung meskipun blog sobat berada di posisi teratas mesin pencari. Itu karena sobat tidak melakukan riset keyword yang tepat.
      Untuk tutorial lengkap tentang bagaimana cara melakukan riset keyword yang tepat.

      3. Membuat konten asal-asalan

      Pemilihan keyword yang tepat saja tidaklah cukup, kita juga perlu membuat konten yang benar-benar berkualitas agar disukai oleh Google.
      Membuat konten berkualitas juga bukan semata-mata hanya untuk Google, tapi juga untuk pembaca blog kita, karena itulah tujuan utamanya.

      4. Tidak menggunakan Google webmaster tools

      Google menyediakan beberapa tools gratis yang sangat penting untuk keperluan SEO. Salah satu tool yang wajib untuk digunakan adalah Google webmaster tools.
      Dengan Google webmaster tools kita bisa melihat bagaimana performa blog kita di mesin pencari. Kita bisa melihat blog kita seperti bagaimana Google melihat blog kita.
      Kita bisa mengecek backlink, kata kunci yang paling populer, jumlah index halaman, berbagai macam error yang ada di blog kita, dan masih banyak lagi.
      Jadi sebuah kesalahan besar jika kita tidak memanfaatkan secara maksimal tool yang satu ini.

      5. Tidak mengoptimalkan judul dan meta deskripsi

      Kebanyakan SEOers pemula hanya memikirkan bagaimana caranya supaya bisa nangkring di posisi teratas mesin pencari tanpa memperhatikan bagaimana blognya tampil di mesin pencari.
      Percuma jika blog sobat tampil di posisi teratas tapi judul dan deskripsi blog sobat tidak menarik perhatian pengguna google untuk mengekliknya.

      6. Percaya sama kode meta tag ajaib

      Saya cukup sering mendapatkan pertanyaan seperti ini:
      Mas, bagi dong kode meta tag yang SEO
      Masih cukup banyak pemula yang menganggap hanya dengan menggunakan sebuah kode meta tag khusus blognya bakalan muncul di peringkat teratas mesin pencari. Memasang sembarang kode meta tag tanpa benar-benar paham apa fungsi dari kode-kode tersebut.
      Memang ada beberapa kode meta tag yang cukup penting peranannya untuk SEO, contohnya kode meta tag deskripsi. Tapi efek dari kode-kode tersebut sangatlah tidak besar terhadap SEO blog sobat.

      7. Tidak menggunakan variasi anchor text

      Saya yakin kebanyakan dari sobat sudah tahu, jika mencari backlink maka lebih bagus untuk menggunakan keyword target keyword sebagai anchor text.
      Tapi penggunaan keyword sebagai anchor text secara berlebihan tidaklah bagus karena justru akan membahayakan blog sobat karena akan dianggap spam.
      Jadi ketika mencari backlink jangan 100% hanya menggunakan keyword target sebagai anchor text. Gunakan keyword variasi yang berhubungan atau gunakan nama blog sobat sebagai anchor text.

      8. Tidak melakukan internal linking

      Internal link penting agar pengujung dan juga mesin pencari bisa lebih mudah menjelajahi postingan-postingan lain yang relavan di blog sobat.
      Internal linking juga memilik banyak manfaat lain, seperti meningkatkan pageview dan juga menurunkan bounce rate blog sobat.

      9. Terlalu memikirkan keyword density

      Berapa persen sih sebaiknya sebuah keyword muncul dalam satu postingan? 1%, 2%, 3%, atau 50%?
      Jawabannya: tidak penting.
      Cukup tulis aja postingan secara natural, jangan terlalu memikirkan yang namanya keyword density. Yang terpenting keyword yang sobat target muncul di dalam postingan. Entah itu di judul, di paragraf pertama, di paragraf terakhir, dll.
      Masalah berapa persen itu sama sekali tidak penting.

      10. Menggunakan Bold, Italic, Underline secara berlebihan

      Salah satu teknik SEO jadul yang masih cukup banyak digunakan oleh pemula. Yaitu menggunakan Bold, Italic, dan Underline secara berlebihan.
      Penggunaan metode seperti sama sekali tidak efektif karena tidak akan membantu meningkatkan ranking blog sobat, malah justru akan mengganggu kenyamanan pembaca blog sobat.
      Cukup gunakan bold, italic, atau underline jika memang benar-benar dibutuhkan.

      11. Tidak memperhatikan kecepatan loading blog

      Google sangat memperhatikan betul kecepatan loading sebuah blog atau website. Itu karena google ingin memberikan pengalaman terbaik bagi pengguna google dengan mengutamakan web-web dengan loading cepat pada posisi teratas hasil pencarian.
      Jika sobat mempunyai blog maka lebih baik untuk segera berhenti dari sekarang menggunakan widget-widget secara berlebihan dan pernak-pernik blog yang sama sekali nggak penting. Karena semua itu justru akan membuat blog sobat menjadi berat.

      12. Tidak menggunakan desain mobile-friendly

      Saat ini desain yang mobile-friendly sudah dijadikan salah satu faktor oleh Google untuk menentukan peringkat web di hasil pencarian, khususnya pada perangkat mobile.
      Alasannya jelas, sekarang pengguna perangkat mobile sudah sangat banyak, lebih banyak dari pengguna komputer desktop.

      13. Hanya fokus mencari backlink

      Bukan sebuah rahasia lagi kalau backlink merupakan faktor terpenting SEO. Tapi jangan sampai hanya fokus pada backlink karena sekarang sudah sangat banyak faktor-faktor lain yang mempengaruhi SEO.
      Perhatikan SEO onpage blog sobat, kualitas konten di blog sobat, popularitas blog sobat, social media, dan lain sebagainya.

      14. Lebih mementingkan kuantitas ketimbang kualitas backlink

      Ketika sobat mencari backlink, jangan hanya memikirkan supaya bisa mendapat backlink sebanyak mungkin, tapi fokuslah pada kualitasnya.
      Carilah backlink dari situs atau blog-blog yang relavan dengan blog sobat dan juga situs-situs yang memiliki otoritas.

      15. Masih hobi tukar link

      Tukar link merupakan salah satu contoh metode mencari backlink tidak berkualitas. Metode ini sudah jadul dan sudah tidak efektif lagi, tapi sepertinya masih cukup banyak yang melakukannya.
      Tukar link bukan hanya metode mancari backlink yang tidak efektif, tapi juga berbahaya bagi blog sobat karena termasuk dalam kategori Link Schemes yang dibenci Google.
      Jika sobat tetap melakukannya maka jangan menyesal jika blog sobat terkena penalty Algoritma Google.

      16. Ngecek skor SEO di chkme.com

      Saya cukup sering mendapat pertanyaan seperti ini:
      Mas, blog saya skor SEO-nya 100% tapi kok nggak muncul di google ya?
      Ini adalah contoh blogger yang tidak mempelajari SEO dari basic. Penting untuk diketahui bahwa Google menggunakan lebih dari 200 faktor untuk meranking halaman web di internet.
      Sedangkan chkme.com hanya menggunakan beberapa biji faktor saja sebagai penilaian skor SEO. Jadi sama sekali tidak bisa dijadikan sebagai acuan skor SEO, karena SEO memang nggak ada skornya.

      17. Terlalu terobsesi dengan PageRank, Domain Authority, Page Authority, Alexa rank, dll.

      Masih berhubungan dengan SKOR. Salah satu kesalahan lain yang sering dilakukan pemula adalah terlalu terobsesi dengan skor-skor seperti PageRank, DA, PA, Alexa Rank, dan lain sebagainya.
      Khusus untuk PageRank seperti yang kita tahu bahwa google sudah tidak melakukan update lagi. Jadi sama sekali tidak penting untuk dipikirkan.
      Untuk menilai apakah SEO yang kita lakukan berhasil atau tidak bukan dengan cara melihat PR, DA, PA, dan Alexa Rank, tapi lihat jumlah pengunjung blog sobat, lihat berapa penghasilan AdSense blog sobat, lihat berapa produk yang berhasil terjual. Karena itulah yang paling penting.

      18. Hanya mengandalkan SEO untuk mendatangkan pengunjung

      Jika sobat baru saja membuat blog atau website, maka cukup penting untuk tidak hanya mengandalkan mesin pencari sebagai tempat mencari pengunjung.
      Setidaknya untuk 6 bulan sampai 1 tahun pertama jangan terlalu fokus hanya pada SEO, tapi gunakan metode lain seperti promosi melalui media sosial, blogwalking, atau social bookmarking.

      19. Mengharapkan hasil instan dari SEO

      SEO semakin kesini semakin sulit karena google semakin cerdas. Jadi jangan pernah mengharapkan hasil instan dari SEO karena semua butuh proses.
      Jangan khawatir jika mungkin beberapa bulan pertama blog sobat masih sulit bersaing di mesin pencari. Yang terpenting adalah harus tetap konsisten.

      20. Tidak belajar dari Master SEO

      Yang terakhir yang paling penting. Belajarlah sama orang-orang yang memang sudah terbukti pengalamannya. Ketika sobat googling mencari informasi seputar SEO maka jangan mudah percaya dengan tutorial-tutorial dari blogger yang kurang jelas asal-usulnya.
      Tutorial yang sedang sobat baca ini juga jangan sampai diambil secara mentah-mentah tanpa diteliti lagi secara mendalam karena saya bukanlah seorang Master SEO, hanya seorang blogger yang ingin berbagi pengalaman saja.

      download now

      Read More

      Tuesday, August 30, 2016

      Merapikan Tata Letak Blogger

      Merapikan Tata Letak Blogger


      Merapikan Tata letak Blogger yang Acak - acakan


      BERIKUT ini tips cara mengatasi masalah Layout (Tata Letak) Template Blog di Dashboard yang bertumpuk, tidak tapi, error, bermasalah, ada titik-titik, terhalangsatu sama lain, pokoe kacow lah!

      "Dapur" blog kita untuk mengatur widget/gadget itu pun jadinya gak enak dipandang, meski cuma kita sebagai admin yang bisa ngeliatnya!

      Have a look the contohnya:



      "Kekacauan" itu terjadi biasanya setelah melakukan modifikasi template.

      Setelah Googling, maka ditemukan solusinya, yaitu dengan membuat dan menambahkan kode CSS tertentu ke dalam template, guna mengatur tampilan layout blog agar rapi.

      Saya masukkan kode sebagai berikut di bawah kode <![CDATA[


      body#layout .outer-wrapper {width:970px}
      body#layout .content-wrapper {width:970px}
      body#layout #header {width:300px;float:left;margin-top:30px}
      body#layout #header2 {width:500px;float:right}
      body#layout .main-wrapper {width:550px}
      body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}
      body#layout #footer {width:970px}
      .footer {width:215px;float:left}
      body#layout ul {display: none}


      Hasilnya, alhamdulillah wasyukurillah... layout blogger jadi rapi ahmad brow!




      Kode mengatasi layot blogger yang acak-acakan di atas, belum tentu cocok dengan template blog Anda. Soalnya, kode template kan kadang suka beda-beda.

      Intinya sih, kode atau elemen utama template terdiri dari:
      1. Outer-Wrapper
      2. Header-Wrapper
      3. Main-Wrapper
      4. Sidebar-Wrapper
      5. Footer-Wrapper

      Nah, sesuaikan saja dengan nama-nama itu. Cari yang mirip-mirip, juga soal tanda di depannya, titik (.) apa pagar (#).

      SUMBER KODE
      Ini dia sumber-sumber kode yang saya gunakan untuk merapikan layout blogger di atas.

      Jika widget/gadget berjejer ke bawah semua, gunakan tips dari Kang Ismet ini.


      #header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}
      #header-left {width:200px;float:left}
      #header-right {width:729px;float:right}
      #main-wrapper {width:650px;float:left}
      #sidebar-wrapper {width:300px;float:right}
      .footer {width:315px;float:left}
      Simpan (Copas) di posisi ini
      :


      <style type="text/css"><!-- /* <![CDATA[ simpan kode CSS di sini */]]>
      EXAMPLE:


      <style type="text/css"><!-- /* <![CDATA[
      #header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}
      #header-left {width:200px;float:left}
      #header-right {width:729px;float:right}
      #main-wrapper {width:650px;float:left}
      #sidebar-wrapper {width:300px;float:right}
      .footer {width:315px;float:left}
      */]]>

      Jika di tata letak blog ada titik-tiki doang, seperti gambar pertama di atas, maka gunakan kode ini:


      body#layout ul {display: none;}
      Copy dan paste di atas kode ]]>


      CARA LAIN
      Jika cara-cara di atas masih gagal, maka coba tips dari PBT berikut ini:

      body#layout ul{list-style-type:none;list-style:none}
      body#layout ul li{list-style-type:none;list-style:none}
      body#layout #outer-wrapper{overflow:visible;width:1000px}
      body#layout #header{float:left;width:240px}
      body#layout #header2{float:right;width:240px}
      body#layout .add_widget{width:240px}
      body#layout div.widget{width:240px}
      body#layout #sidebar-wrapper{overflow:visible;width:240px}
      body#layout #lsidebar-wrapper {overflow:visible;float:left;width:240px;margin-right:50px;} body#layout #main-wrapper{overflow:visible;float:left;width:240px}
      body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px}
      body#layout #myGallery{display:none}
      body#layout .featuredposts {display:none}
      body#layout .fp-slider{display:none}
      body#layout #navcontainer {display:none}
      body#layout .menu-secondary-wrap{display:none}
      body#layout .menu-secondary-container{display:none}
      body#layout #skiplinks{display:none}
      body#layout .feedtwitter{display:none}
      body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}
      body#layout .section-columns{margin:0} .section{width:100%}
      Simpan kode tersebut di bawah kode seperti ini:

      /*
      Blogger Template Style
      Name
      Author st
      */

      atau di atas

      /* Variable Definitions
      bla bla.....
      */

      Itu dia Cara Mengatasi Tata Letak Blogger yang Acak-Acakan. Bukan untuknewbie memang, tapi coba saja. Kalau pusing dan gagal, ganti template saja!


      download now

      Read More

      Sunday, August 28, 2016

      White Clean Template Blogger

      White Clean Template Blogger


      Template White Clean untuk Blogger

      Template yang elegan ini khusus ane modifikasi buat sekedar style blogger aja, yang mana sebelumnya ane buat template mirip agan kuyha nah basic tamplate nya sama aja cuma ane style sendiri sesuka ane yang mau silahkan comot aja




      DEMO
      DOWNLOAD TEMPLATE
      Semoga Berkenan Terima Kasih

      Template Mirip Kuyhaa-android




      download now

      Read More

      Wednesday, August 17, 2016

      100 Best Free Responsive Blogger Templates

      100 Best Free Responsive Blogger Templates


      Responsive Portfolio / Business Blogger Templates

      Portify

      Portify is a portfolio blogger template with a responsive design and also with a remarkable clean layout with easy codes. It can be used for any type of site like portfolio, gallery, photography and designers blog.

      Portify Responsive Blogger Template

      DemoDownload

      Redhood

      Red hood Portfolio Blogger Template is super stylish, and at the same time it is highly 100% responsive, perfect quality, super elegant, premium design Blogger Theme ideal for photography or picture based blogs or web portable. If you are a photographer or a web developer and you want to showcase your work, then Red Hood Portfolio is a perfect example of what class and perfection is all about. It displays your portfolio is such a manner that your clients would love to hire you on a permanent basis.

      Redhood Responsive Blogger Template

      DemoDownload

      A Ward

      A neat responsive business blogger template you can use to showcase your companys products and solutions.

      Award Business Responsive Blogger Template

      DemoDownload

      Simplex Creative

      Simplex Creative theme is converted from WordPress. It is ideal for small business websites.

      Simplex Creative Responsive Blogger Template

      DemoDownload

      Responsive Game Blogger Templates

      Proxima

      Proxima is a uniquely responsive Multi-Purpose Blogger template for all kinds of publishers. It’s perfect for reviews, recipes, Gaming, news and blog sites. Its High User Friendly Blogger Template. Its an advance Blogger template which provides completely new looks to your website.

      Proxima Game Responsive Blogger Template

      DemoDownload

      Arcade Mag

      Arcade Mag is a responsive gaming blogger template that will offer each and every feature that you need to run a successful gaming blog, or magazine, or multimedia site. With our robust framework, you dont need to learn coding to edit this template because customization is made possible with just a few clicks. The template is Ads ready, which means you dont have to search for the best spot to place an ad. This template is perfect for online games site, pc games site, software site and etc.

      Arcade Mag Responsive Blogger Template

      DemoDownload

      Power Game

      Power Game is a Responsive Blogger Template for gaming, news and entertainment content. It will offer every feature someone might want in a gaming blog or magazine, because this thing is packed with great features.This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for Gaming News, Games Reviews, Magazine or portfolio websites.

      Powergame Responsive Blogger Template

      DemoDownload


      Responsive Magazine Blogger Templates

      Ares

      Ares is a blogger template with responsive layout. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or Reviews websites. Its comes with unlimited colors changing options.

      Ares Responsive Blogger Template

      DemoDownload

      Bresponsive


      Bresponsive Responsive Blogger Template

      DemoDownload

      Gaps

      Gaps is a simple & clean designed Blogger Template with a great responsive design. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or portfolio websites. With an attractive color combination and impressed professionals and has many features.

      Gaps Magazine Responsive Blogger Template

      DemoDownload

      Manshet

      Manshet is a blogger template with responsive layout. This theme perfect for Search Engine Optimization. Its High User Friendly Blogger Template. Its perfect for News, Magazine or Reviews websites. Its comes with unlimited colors changing options.

      Manshet Responsive Blogger Template

      DemoDownload

      Newspaper

      Newspaper is free blogger template with many unique features. Like its name, it is a news blog template which can be used for creating news blogs/websites and magazines blogs. This news blogger template is having many unique widgets to list label posts and recent posts.

      Newspaper Responsive Blogger Template

      DemoDownload

      RealMag

      RealMag is a modern, user-friendly and professional blogger template. It is clean and modern design for blogger users. It comes with several handy features that are both good to run a successful magazine blog, news blog or etc. It has several popular built-in widgets that means you dont have to install any external widget by yourself.

      Realmag Responsive Blogger Template

      DemoDownload

      Flat Mag

      Flat Mag Responsive Blogger Template is a multi-purpose straight Blogger template precisely designed for multimedia, news bulletin, Entertainment and Technology blogs. With elegant green color scheme, Flat Mag gives you visitors the experience of their life as they go though the responsive and flexible design. It has a lot of useful and key widgets, which come which are ready-to-use from the time this template is installed on your blog.

      Flat Mag Responsive Blogger Template

      DemoDownload

      Wonder

      Wonder is very professional and far high quality Responsive Blogger Template.it is a stylish and professionally designed template with 3 skins and 2 post styles for anyone who wants to make great website or internet businesses. This template is perfect choice for newspaper, magazine, editorial, personal blog, entertainment (movie, music and photography), and portfolio. the wonder blogger template has lots of inbuilt features to fulfill your requirement for a perfect blog.

      Wonder Responsive Blogger Template

      DemoDownload

      Persona

      Persona is an awesome Blogger Template which brings simple & Minimalist design. It’s ideal for blogging. It’s very flexible, fully customizable and powered with Option Framework. You will love the smooth and fast user experience. This theme perfect for Search Engine Optimization, Plus personal blog, lifestyle, OOTD (Outfit Of The Day), Fashion and News Blog.

      Persona Responsive Blogger Template

      DemoDownload

      Mimes

      Mimes-Blog is a multipurpose blogger template for the blog lovers, photography enthusiasts, and food/health blog . Its ideal for all niches blogger sites as it is loaded with full of features and custom widgets like featured-posts, random post widget, recent post comment widget. Not only with the design part but also its enhanced with SEO which will boost your traffic.

      Portify Responsive Blogger Template

      DemoDownload

      Solar

      Solar is a magazine style blogger template with dynamic design. You can use this template for news site as well as for simple magazine sites. Solar is the perfect combination of design and technology.

      Solar Responsive Blogger Template

      DemoDownload

      LiteMag

      LiteMag is an awesome Responsive free Blogger Template which brings simple & clean design. It’s ideal for blogging. It’s very flexible, fully customizable and powered with Option Framework. You will love the smooth and fast user experience. This theme is perfect for Search Engine Optimization, Plus personal blog, Magazine, Reviews and News Blog. Its supports multi-author options via Google plus.

      LiteMag Responsive Blogger Template

      DemoDownload


      Responsive Food Blogger Templates

      Foodie

      Foodie is a health and lifestyle magazine blog designed for cookery and health blogs this template comes loaded with tonnes of quality widgets which youll need for setting up a perfect cookery blog. To make this template more dynamic in functioning jQuery has been used.

      Foodie Responsive Blogger Template

      DemoDownload

      Food Mag

      Food Mag is a fully responsive, feature rich and beautifully designed Blogger template for recipes related websites. This theme is perfect for professional Chefs and Cooking Experts. Food Recipe Blogger template makes it very easy to share cooking knowledge with complete information.

      FoodMag Responsive Blogger Template

      DemoDownload

      Recipes

      Recipes is a blogger template specially designed for food and health bloggers. Its loaded with lots of amazing features which extracts out the best form your blogs content and display it in a very beautiful way.

      Recipes Responsive Blogger Template

      DemoDownload

      Scoop Food

      Scoop Multipurpose Blogger Template is fully responsive blogger template which works on bootstrap framework and modern day design technologies. It is an ideal template for food blogs.

      Scoop Responsive Blogger Template

      DemoDownload

      Responsive 404 Error Blogger Templates

      Wordsearch

      Wordsearch is a clean, modern and professional error page design.
      It uses validated HTML5, CSS3 and jQuery to create an animated ‘word search’ effect – including a grid with random letters.

      404 Error Responsive Blogger Template

      DemoDownload


      Responsive Multipurpose Blogger Templates

      Black Press

      BlackPress is a blocky, portfolio-style theme with an emphasis on typography and attention to detail. Write blog posts about your cats with the beautiful, minimal blog. It’s also responsive and Retina ready.

      Black Press Responsive Blogger Template

      DemoDownload

      Botox

      Botox is fully responsive, only 1 click and ready to use template. 4 Footer widgets and related post area is set by default to appear good on different screen sizes. Email subscribing form is added by default on top right.

      Botox Responsive Blogger Template

      DemoDownload

      Ignite

      Ignite is a beautiful responsive blogger template with 2 columns. Ignite Blogger template is perfect for photography related blogs or any other. This theme has features such as drop-down menu, social buttons, custom fonts and more.

      Ignite Responsive Blogger Template

      DemoDownload

      Loreo

      Loreo is a responsive blogger template which will give you everything you need to set up an attractive, lead-generating blog in minutes. Set up all of your major social links and subscriber forms from one page with ease and control.

      Loreo Responsive Blogger Template

      DemoDownload

      Magnet

      Magnet is a Responsive blogger template. It supports many formats like Standard, Gallery, Link, Quote, Video, Image, Status and Audio. For video and audio post formats, it is really easy to embed video and audio files to posts. Magnet Blogger Template has beautiful slider just below header for intro text or anything like that. For standard articles, the main focus is on content. Magnet Blogger Template is having one of the best awaiting features that Supports Multi Author from Google+ System.

      Magnet Responsive Blogger Template

      DemoDownload

      Solon

      Solon is a fully responsive free Blogger theme, ideal to use if you want your blog to have a slick and modern look. Solon Blogger theme has a slider, auto read more, top navigation menu, 2 columns, right sidebar, 3 columns footer, social and sharing buttons, custom scroll effect and more.

      Solon Responsive Blogger Template

      DemoDownload

      Breeze

      Breeze a professional Blogger blog/magazine theme. Perfect choice for your personal blog, niche blog, corporate blog, marketing blog, authority blog or any type of creative blog or simple magazine. It is comes with two styles First with changing background, second with fixed wood style background.

      Breeze Responsive Blogger Template

      DemoDownload

      Dual Shock

      DualShock Blogger template is a free, responsive and dual purpose blog and magazine theme for your blog. DualShock blogger theme has custom post meta, left sidebar, 3 columns footer, share buttons, related posts, email subscribe box, tabbed widget and more.

      DualShock Responsive Blogger Template

      DemoDownload

      Espressionista

      Espressionista is a fully responsive, 2 columns Blogger template with carefully chosen typography and a pleasant colour scheme. Espressionista Blogger template has a simple and elegant design, fixed header, drop-down menus, related posts, share buttons and more features.

      Espressionista Responsive Blogger Template

      DemoDownload

      Gossip

      Gossip Magazine is modern day magazine blogger template created using web technologies like bootstrap and HTML5. This template is perfect for outfit of the day, fashion blog, photography blog, magazine blog etc. We have included all the psychologically traits in this blogger template which will attract your audiences. The responsive framework of this blogger template will make this blogger template resizeable for mobile and tablet devices.

      Gossip Responsive Blogger Template

      DemoDownload


      Responsive Photography Blogger Templates

      ShootPics

      Shoot-pics is a ideal blogger template for photographers. Its loaded with best features which makes your blog a perfect showcase for your photography skills.

      ShootPics Responsive Blogger Template

      DemoDownload


      Responsive Ecommerce Blogger Templates

      Beta Commerce

      BetaCommerce is a perfect eCommerce solution for small business owners to quickly setup an online shopping store within minutes and start selling their products with ease. BetaCommerce Shopping Blogger Template provides you multiple options for customization, easy to use flexible admin panel, and tons of professional eCommerce solution plus features. It is suitable for every online shopping site, showcase and even portfolio. This theme could be the turning point of your online business.

      Betacommerce Responsive Blogger Template

      DemoDownload

      WeCommerce

      Download WeCommerce template and actually start your free online store with free blogspot domain. Independent framework, purely managed with JavaScript. The theme is responsive so it would not be a pain for mobile users to browse the site. Fully equipped with modern security and effects.

      WeCommerce Responsive Blogger Template

      DemoDownload


      Responsive Travel Blogger Templates

      Scoop Travel

      Scoop Multipurpose Blogger Template is fully responsive blogger template which works on bootstrap framework and modern day design technologies. Its crafted with love and care for women blogger who own Outfit of the day, Fashion Blogs, Food Blogs, Travel Blogs, Personal Blogs.

      Travel Scoop Responsive Blogger Template

      DemoDownload

      Travel Tips

      TravelTrips is a unique travel Blogger template for any blog. It has three column which are placed in left and right. The background is made from a picture which shows the road, exactly to travel somewhere. Recommended for travel blogs.

      Travel Tips Scoop Responsive Blogger Template

      DemoDownload


      Responsive Grid Style Blogger Templates

      Lycoris

      A beautiful Grid style template ideal for portfolio sites and photography blogs alike.

      Lycoris Scoop Responsive Blogger Template

      DemoDownload

      Creative

      Creative is a beautiful minimalistic portfolio Responsive Blogger template, making your talent the focal point of your portfolio – the way it should be. Present your work in a professional manner with a timeless design. Its is perfect for artists from any discipline, web, graphic, motion, print, art and anyone that needs a showcase. If you’re looking for a gorgeous looking portfolio theme then you have just found it.

      Creative Responsive Blogger Template

      DemoDownload

      Dream Grid

      Dream Grid is a free responsive blogger template, is highly responsive and has a grid type of design generally called as Masonry layout. Dream Grid is a multi purpose theme that caters to the needs of the bloggers nowadays. This is a free blogger template features Masonry design is very stiff design that automatically adjusts itself according to user devices screen dynamically.

      Dream Grid Responsive Blogger Template

      DemoDownload

      Flat Diary

      Flat Diary is a simple yet attractive blogger template with lots of customization options which are hard to find in most Blogger templates. Flat Diary has been designed to present content in a beautiful way.

      Flat Diary Responsive Blogger Template

      DemoDownload

      Grid

      Grid is a grid-based, responsive minimalistic Blogger theme suitable for any kind of creative, personal or business use. It is the fully responsive HTML5 & CSS3 template that best used for blogging, personal portfolio, even business portal. Grid works seamlessly on a wide range of devices including PCs, mobiles, laptops, etc.

      Grid Responsive Blogger Template

      DemoDownload

      Gridboy

      Gridboy is a responsive blogger template based on Pinterest like grid layout on homepage. This blogger template is full of all the required features of the modern blogger templates. It is SEO optimized and clean blogger template. It can be used with almost any type of a blog.

      Gridboy Responsive Blogger Template

      DemoDownload

      Sauna

      Sauna Grid is a multi-purpose Premium blogger template that Change its layout according to size of the Image.This is ultra responsive blogger template that uses Masonary Grid Technology, also used on Pinterest.

      Sauna Responsive Blogger Template

      DemoDownload

      Sparkle

      Sparkle is ultra Responsive Grid & interactive full width Blog template its a clean and minimalistic grid based blogger template provides more focus on your content, product and portfolio item. Specially designed for bloggers,fashion artists, photographers, media agencies, restaurants and for everyone who likes pinterest like design layout and wants to have a like that one.

      Sparkle Responsive Blogger Template

      DemoDownload

      Straight

      Straight is a grid-based, fully responsive, modern and clean blogger theme. Suitable for all kinds of magazines, news websites, personal blogs, journal, story and other related projects, with an emphasis on mixed media and typography. Straight is Responsive, the theme is highly optimized for both mobile and desktop platforms. The layout also will encourage your viewers to read all of your content and get all attention it deserves.

      Straight Grid Responsive Blogger Template

      DemoDownload

      Johny Grid

      Johny Grid is a grid-based, fully responsive blogger template. Suitable for all kinds of magazines, news websites, personal blogs, journal, story and other related projects, with an emphasis on mixed media and typography.

      Johny Grid Responsive Blogger Template

      DemoDownload


      Responsive Movies Blogger Templates

      Sora Movies

      Sora Movies is a unique Entertainment Blogger Template which is suitable for any type of Cinema, Movie Promotion, Theaters, Blogs and Movie Communities no matter the size. Sora Movies has banner areas, so it allows you to show ads and earn money without making damage to your website overall look.

      Sora Movies Responsive Blogger Template

      DemoDownload

      Movey

      Movey is a unique yet stylish Entertainment Blogger Template which is suitable for any type of cinema, movie,Music blogs,Android Apps Blog,iOS Apps Blog and other related projects. Movey is SEO Ready Template that helps you to index your posts relatively faster than the rest of the Personal Blogger templates available on the internet.

      Movey Responsive Blogger Template

      DemoDownload

      Movieism

      Movieism is a unique and stylish entertainment blogger template which is appropriate for any kind of movie blog, cinema, movie promotion, film blogs and movie communities. Movieism comes with a separate framework that is built with latest technologies like CSS3 and HTML5. You can create a custom homepage or can use the default one which entirely depends upon your needs. It is responsive which makes it almost one of its kind movie templates for blogger Blogspot blogs.

      Movieism Responsive Blogger Template

      DemoDownload


      Responsive Video Blogger Templates

      Video Tube

      Video Tube Responsive is a sensational new and modern template for the blogger platform. It has cutting edge and robust design layout while not compromising speed, effectiveness or functionality. It is perfect for all video related blogs that want to showcase a set of videos in a beautiful way. It support

      download now

      Read More