Monday, February 19, 2018

Tips Dan Trik Mempercepat Loading Blog

Tips dan Trik Mempercepat Loading Blog. Untuk lebih jelasnya, ikuti langkah-langkah dibawah ini.

Tips Mempercepat Loading Blog

      1. Mempersingkat Tampilan awal atau home blog dengan cara menciptakan baca selengkapnya di setiap halaman posting. Dengan begitu loading blog dihalaman awal blog akan terbuka lebih cepat.
      2. Mengurangi atau mendelete widget yang tidak diperlukan, menyerupai widget jam, tanggal dan lain-lain. Jika memang tetap ingin mempertahankan widget2 tersebut, tempatkan widget di bab footer bawah blog. Maka loading blog akan sedikit bertambah cepat, alasannya yaitu bagian-bagian terberat blog akan dibuka belakangan. 
      3. Menampilkan 4 hingga 5 posting saja di halaman beranda/home blog. 
      4. Jangan terlalu banyak memakai gambar di blog.
      5. Kompres gambar yang akan dimasukan di blog, memakai Ms. Office Picture Manager atau software Compress gambar lainnya.
      6. Menghilangkan gambar tang obeng diblog,  yang berada di setiap bab widget yang digunakan.
      7. Compress Template Blog. Caranya, silakan lihat di bawah.
      8. Menghilangkan sidebar widget pada halaman tertentu. Caranya, lihat dibawah.
      9. Mengatur lebar gambar semoga tidak melebihi halaman posting.

      Trik Mempercepat Loading Blog


        Sebelumnya, test dulu kecepatan blog kau di situs ini http://gtmetrix.com. Untuk melihat berapa skor kecepatan dari blog kamu. Selanjutnya, sehabis melaksanakan cara-cara dibawah ini, test kembali kecepatan loading blog kau di situs tersebut, untuk melihat berapa besar perbedaannya.

        Cara Kompres Template Blog


          1. Login ke blog, Dari halaman dasbor pilih pengaturan template.
          2. Edit HTML dan Copy semua arahan yang ada di template kau dari awal hingga akhir.
          3. Selanjutnya kunjungi situs http://htmlcompressor.com/compressor.html
          4. Dan Pastekan semua arahan tadi ke kotak yang ada disitus tersebut.
          5. Setelah itu click COMPRESS dan pilih CHANGE
          6. Mempersingkat Tampilan awal atau home blog dengan cara menciptakan baca selengkapnya di setiap Tips dan Trik Mempercepat Loading Blog
          7. Terahir, Copy semua arahan hasil compress tadi, dan pastekan ke template blog kamu. Save template, Selesai.

          Menghilangkan Sidebar Widget pada halaman tertentu


          1. Ada 2 cara menyembunyikan sidebar widget di halaman terntentu di blog.
          2. Cara Pertama, Login ke blogger > pengaturan template > edit html > cari arahan </head>
          3. Dan tempatkan arahan berikut diatas </head>
          4. <b:if cond='data:blog.url == "http://fandrajuani.blogspot.com/p/daftar-isi_12.html"'>
            <style type='text/css'>
            .main-inner .columns {
            padding-left: 0px;
            padding-right: 0px;
            }
            .main-inner .column-left-outer {
            display: none;
            }
            .main-inner .column-right-outer {
            display: none;
            }
            </style>
            </b:if>
          5. Ganti ihttp://fandrajuani.blogspot.com/p/daftar-isi_12.html dengan URL halaman yang ingin sidebarnya disembunyikan. Save Template, selesai.
          6. Cara kedua, cari arahan <head>,
          7. Dan tempatkan arahan berikut diatas <head>
          8. <b:if cond='data:blog.url == "http://fandrajuani.blogspot.com/p/hubungi.html"'>
            <style type='text/css'>
            .sidebar{
            display: none;
            }
            </style>
            </b:if>
          9. Ganti http://fandrajuani.blogspot.com/p/hubungi.html dengan url dari halaman kamu. Save template, Selesai.
          Dan yang terakhir, mengatur lebar gambar di postingan blog semoga tidak melebihi halaman. Jika kita memakai ukuran gambar ekstra besar, biasanya gambar akan melewati batas halaman posting, dapat hingga terkena widget bab sidebar kanan, dan itu akan menciptakan loading blog lebih lambat. Berikut ini yaitu script arahan untuk mengatur lebar gambar, untuk lebih jelasnya ikuti langkah-langkah dibawah ini.

          Mengatur lebar gambar posting blog


          1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
          2. Dan klik edit HTML, selanjutnya cari kode  ]]></b:skin> dan masukan arahan berikut diatasnya.
          3. #header img { max-width: 99%; max-height:90%; margin:1px 1px;padding:0px;}
            .post img { vertical-align:bottom; max-width:90%; max-height:90% }
            #navigation img { vertical-align:bottom; max-width:80%; }
          4. Save Template, selesai.
          Sebenarnya blogger sudah menunjukkan tools untuk mengatur gambar ketika kita menulis artikel, tapi itu tidak cukup untuk mengatur gambar dengan lebar yang sangat besar. Setelah memasukan arahan diatas, maka gambar dengan lebar ekstra besar, tidak akan melewati lebar halaman posting, dan cukup membantu untuk mempercepat loading blog. Silakan baca juga cara mempercepat loading blog lanjutan dari artikel ini. Untuk menambah kecepatan loading blog anda. Semoga Bermanfaat.
            Share:

            Sunday, February 18, 2018

            Belajar Seo Untuk Blogger Pemula

            Belajar Seo untuk blogger pemula. Seo atau search engine optimization berkhasiat untuk meningkatkan peringkat artikel blog di mesin pencari google. Atau cara supaya artikel blog berada di halaman pertama di google, dikala ada orang yang memasukan kata kunci di google search yang sesuai dengan isi dari artikel yang sudah kita buat.

            Bicara perihal seo, ada banyak faktor yang menciptakan artikel dapat berada di halaman pertama google, dari umur blog, content isi dari artikel yang berkualitas, backlink dan banyak lagi yang lain. Disini kita akan mempelajari dasar-dasarnya terlebih dahulu. Dari mengubah title judul blog, menambahkan deskripsi, keywoards, dan tools seo yang sudah disediakan oleh blogger. Untuk lebih jelasnya ikuti langkah-langkah dibawah ini.

            Merubah Judul Title Blog

            1. Login ke blogger > pengaturan template  > Edit HTML
            2. Dan Cari aba-aba <title><data:blog.pageTitle/></title> ganti menjadi
            3. <b:if cond='data:blog.pageType == &quot;index&quot;'>
              <title><data:blog.pageTitle/> | Desain Blog Tutorial dan Tips Trik Blogspot</title>
              <b:else/>
              <title><data:blog.pageName/> - <data:blog.title/></title>
              </b:if>
            4. Ganti "Desain Blog Tutorial dan Tips Trik Blogspot" dengan judul yang kau inginkan, tidak lebih dari 60 karekter. Dan tanda | dan - itu batas pemisah.
            5. Save template, selesai.

            Menambahkan meta deskripsi di Halaman awal dan setiap posting blog

            1. Login ke blogger, dari halaman dasbor pilih Setelan > Preferensi Penelusuran > Tag Meta Deskripsi.
            2. Pilih Aktifkan deskripsi penelusuran, dan isi deskripsi blog dengan klarifikasi dari judul blog, panjang deskripsi Maksimum 150 karakter.
            3.  Seo atau search engine optimization berkhasiat untuk meningkatkan peringkat artikel blog di  Belajar Seo untuk Blogger Pemula
            4. Simpan Perubahan, Selesai.
            5. Sekarang, menambahkan Deskripsi di setiap posting blog.
            6. Buka Entri Baru atau Edit posting yang ada. 
            7. Dan Lihat bab kanan entri, di bab Deskripsi penelusuran isi dengan klarifikasi dari isi posting blog, disarankan 20-30 kata saja.
            8.  Seo atau search engine optimization berkhasiat untuk meningkatkan peringkat artikel blog di  Belajar Seo untuk Blogger Pemula
            9. Setelah itu klik selesai.

            Menambahkan meta keywords kata kunci Blog

            1. Login ke Blog, pengaturan template, edit HTML dan tempatkan keywoard yang bekerjasama dengan isi blog, dibawah aba-aba judul blog tadi.
            2. <meta content='Fandra Juani,Desain blog,blogger,blogspot,tutorial,cara,belajar,Tips,Trik,edit template,pemula' name='keywords'/>
            3. Ganti kata kunci diatas dengan kata kunci yang kau inginkan. Isi keywords dengan kata kunci yang berbeda satu sama lainnya dan pisahkan setiap kata dengan tanda koma.
            Setelan mengganti Title judul blog, menambahkan deskripsi dan keywords. Sekarang test tingkat seo blog kita, kunjungi http://www.submitshop.com/seo-tools/meta-tag-analyzer untuk melihat berapa skor seo title keseluruhan blog. Setelah selesai, lanjut ke langkah seo berikutnya yaitu menambahkan title dan alt gambar di posting blog.

            Menambahkan Title dan Alt text gambar blog

            1. Klik gambar di entri blog, dan isi title text dengan kata kunci 1 hingga 3 kata saja. Dan isi Alt text dengan klarifikasi kata kunci gambar, jangan terlalu panjang. Contoh:
            2.  Seo atau search engine optimization berkhasiat untuk meningkatkan peringkat artikel blog di  Belajar Seo untuk Blogger Pemula
            3. Isi setiap gambar dengan title dan alt yang sesuai dengan isi dari posting blog.

             Mengatur Tautan Permanen URL Posting Blog

            1. Buka Entri Baru, dan klik bab kanan entri pada Tautan permanen. Contoh:
            2.  Seo atau search engine optimization berkhasiat untuk meningkatkan peringkat artikel blog di  Belajar Seo untuk Blogger Pemula
            3. Gunakan Tautan Permanen Khusus, jikalau judul posting terlalu panjang. Buatlah URL yang masih dapat dimengerti maksudnya, walaupun diperpendek url nya, setidaknya 4 hingga 7 kata saja. Setelah di publikasikan URL posting blog tidak dapat diedit lagi alias permanen, alasannya itu setiap kita menciptakan entri baru, buatlah judul yang benar-benar sesuai dengan isi dari posting artikel.
            Selanjutnya yakni menambahkan Internal link url dari satu posting ke posting yang lain. Masukanlah Link Url dari posting atau artikel yang saling bekerjasama antara satu dengan yang lainnya. Contoh: Jika kita sedang menciptakan artikel dengan judul belajar menciptakan blog, maka masukanlah link url dari posting kita yang lain menyerupai belajar menulis blog yang telah dipublikasikan sebelumnya.

            Cara Menggunakan Internal Link Blog

            1. Klik Link pada bab tools entri, dan masukan url artikel dari dalam blog. contoh:
            2.  Seo atau search engine optimization berkhasiat untuk meningkatkan peringkat artikel blog di  Belajar Seo untuk Blogger Pemula
            3. Masukan url di bab web address, dan ganti goresan pena di bab text to display dengan judul atau isi dari url tersebut.
            4. Jangan gunakan kata Disini atau Klik Disini, Baca Disini pada bab text to display.
            5. Gunakanlah kalimat sesuai judul, maksimal 4 hingga 5 kata saja, jangan panjang-panjang.
            6. Selanjutnya klik Ok. Abaikan saja pengaturan yang lainnya.
            Seperti pola diatas, aku memasukan link url dari posting yang lain berjudul cara mempercepat loading blog dengan 4 kata saja. URL yang dimasukan sesuai dengan isi dari artikel ini, perihal berguru seo, alasannya loading juga menghipnotis seo. Sekarang coba klik goresan pena ini perihal cara menulis artikel di blog , maka akan terbuka halaman gres yang berisi artikel lain yang ada di blog ini.
            Terakhir yakni tentang Eksternal link atau memasukan URL dari situs lain diluar blog kita. Contohnya facebook.com yahoo.com dan lain-lain. Cara memasukannya di posting blog, sama menyerupai memasukan url internal link, yang membedakan yakni kita harus mencentang Add 'rel=nofollow' attribute. Untuk meningkatkan seo blog di google.

            Untuk lebih jelasnya lagi perihal berguru seo blogger, coba cari di google dengan kata kunci seo for blogger, baca dari situs google, jangan situs lain, biasanya dalam format PDF untuk seo starter guide, isinya lebih lengkap dari cara diatas dan yang niscaya sumber terpercaya dari google sendiri. Semoga Bermanfaat.
            Share:

            Breadcrumb Seo Untuk Blogspot

            Breadcrumb Seo untuk Blogspot. Breadcrumb berkhasiat untuk memudahkan google untuk menelusuri isi dari blog kita, dan juga memudahkan pembaca melihat gosip letak artikel yang sedang dibaca. Breadcrumb letaknya berada di bawah sajian header, dan diatas judul artikel yang sedang dibuka. Untuk lebih jelasnya, lihat pola gambar dibawah ini.

            Breadcrumb berkhasiat untuk memudahkan google untuk menelusuri isi dari blog kita Breadcrumb Seo untuk Blogspot
            Cara menciptakan breadcrumb seo untuk blogspot. Ikuti langkah-langkah dibawah ini.
            1. Login ke blogger, dari halaman dasbor pilih pengaturan template.
            2. Selanjutnya klik edit HTML dan cari isyarat <b:include data='top' name='status-message'/> dan masukan isyarat berikut ini diatasnya.
            3. <b:include data='posts' name='breadcrumb'/>
            4. Setelah itu cari isyarat <b:includable id='main' var='top'> dan masukan isyarat berikut ini diatasnya.
            5. <b:includable id='breadcrumb' var='posts'>
              <b:if cond='data:blog.homepageUrl != data:blog.url'>
              <b:if cond='data:blog.pageType == "static_page"'>
              <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
              <b:else/>
              <b:if cond='data:blog.pageType == "item"'>
              <!-- breadcrumb for the post page -->
              <b:loop values='data:posts' var='post'>
              <b:if cond='data:post.labels'>
              <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
              <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
              <b:loop values='data:post.labels' var='label'>
               » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
              </b:loop>
               » <span><data:post.title/></span>
              </div>
              <b:else/>
              <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
              </b:if>
              </b:loop>
              <b:else/>
              <b:if cond='data:blog.pageType == "archive"'>
              <!-- breadcrumb for the label archive page and search pages.. -->
              <div class='breadcrumbs'>
              <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
              </div>
              <b:else/>
              <b:if cond='data:blog.pageType == "index"'>
              <div class='breadcrumbs'>
              <b:if cond='data:blog.pageName == ""'>
              <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
              <b:else/>
              <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
              </b:if>
              </div>
              </b:if>
              </b:if>
              </b:if>
              </b:if>
              </b:if>
              </b:includable>
            6. Save template, selesai.
            7. Jika ingin merubah tampilan breadcrumb, tambahkan isyarat css diatas ]]></b:skin>
            8. .breadcrumbs {
              padding:5px 5px 5px 0px;
              margin: 0px 0px 15px 0px;
              font-size:95%;
              line-height: 1.4em;
              border-bottom:3px double #e6e4e3;}
            9. Silakan ubah sendiri, isyarat css nya sesuai dengan yang kalian inginkan.
            Dari sini, pembuatan breadcrumb sudah selesai. Sekarang mengecek breadcrumb di google. Breadcrumb yang terindeks google, tampilannya akan menyerupai gambar dibawah ini.

            Breadcrumb berkhasiat untuk memudahkan google untuk menelusuri isi dari blog kita Breadcrumb Seo untuk Blogspot

            Cara ceknya:
            1. Kunjungi situs google http://www.google.com/webmasters/tools/richsnippets
            2. Selanjutnya masukan URL dari salah satu artikel di blog kamu.
            3. Klik Pratinjau, Selesai.
            Setelah memasang breadcrumb seo di blog, google akan mengindeksnya dalam beberapa hari di hasil pencarian google. Silakan dibaca juga artikel lainnya perihal seo, ialah perihal Belajar seo untuk blogger pemula Semoga Bermanfaat.
              Share:

              Saturday, February 17, 2018

              Tombol Sosial Share Widget Untuk Blogger

              Tombol sosial share widget untuk blogger. Seperti facebook tombol like, send, subcribe, recommend, Twitter follow, Google +, Google + 1 dan masih banyak lagi. Tombol share akan muncuk dibawah posting disetiap artikel yang ada di blog.

              Untuk lebih jelasnya ikuti langkah-langkah dibawah ini.
              1. Kunjungi situs sharethis.com
              2. Selanjutnya lakukan registrasi pendaftaran disitus tersebut.
              3. Setelah selesai melaksanakan registrasi, silakan masuk Log In.
              4. Dan klik Get Sharing Tools
              5. Selanjutnya Step 1 pilih Platform Blogger
              6. Step 2 Style, pilih bentuk tombol share yang kau inginkan.
              7. Step 3, atur tombol share yang akan dipasang di blog.
              8. Tombol sosial share widget untuk blogger Tombol Sosial Share Widget Untuk Blogger
              9. Setelah selesai, klik Finish Get the Code dan Pilih Multi Post
              10. Selanjutnya klik Go, maka akan terbuka halaman gres Import Elemen Laman.
              11. Tombol sosial share widget untuk blogger Tombol Sosial Share Widget Untuk Blogger
              12. Dan klik Menambah Widget, pindahkan saja widget ke bab footer bawah blog. Selesai.
              Tombol sosial share sudah ada di blog, tapi muncul juga dihalaman awal blog. Cara menyembunyikannya, semoga muncul hanya di bab posting blog saja. Ikuti langkah-langkah dibawah ini.
              1. Login ke blogger, dari halaman dasbor pilih pengaturan Template.
              2. Selanjutnya klik Edit HTML dan cari arahan share this yang menyerupai dengan arahan dibawah ini.
              3. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>...</b:widget>
              4. Semua arahan masih tersembunyi, klik tanda >...< untuk membuka semua kode, sehingga tampilannya menjadi menyerupai ini.
              5. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
                <b:includable id='main'>...<b:includable>
                </b:widget>
              6. Klik lagi tanda >...< maka akan terbuka semua arahan sharethis menyerupai dibawah ini.
              7. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
                    <b:includable id='main'>
                  <!-- only display title if it's non-empty -->
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'><data:title/></h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>

                  <b:include name='quickedit'/>
                </b:includable>
                  </b:widget>
              8. Sekarang, tambahkan arahan <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara arahan lengkap sharethis diatas, contohnya:
              9. <b:widget id='HTML1' locked='false' title='ShareThis' type='HTML'>
                    <b:includable id='main'>
                <b:if cond='data:blog.pageType == "item"'>
                  <!-- only display title if it's non-empty -->
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'><data:title/></h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                </b:if>
                  <b:include name='quickedit'/>
                </b:includable>
                </b:widget>
              10. Terakhir, Preview template, jikalau sudah hilang dari halaman awal blog, gres save template, Selesai.
              Sekarang coba buka salah satu artikel di blog, dan lihat tombol sosial share yang sudah kau buat tadi akan muncul dibawah posting, disetiap artikel yang ada. Kaprikornus tidak menggangu tampilan awal halaman blog.

              Silakan dibaca juga artikel lainnya wacana cara menciptakan komentar facebook diblog yang berada dibawah artikel blog, semoga blog dapat dikomentari memakai akun facebook. Atau cara menciptakan facebook like page yang berbentuk kotak dengan tombol Like halaman, serta tampilan foto pengguna facebook yang menyukai halaman blog. Semoga Bermanfaat.
              Share:

              Membuat Sajian Dropdown Di Blogspot

              Cara Membuat Menu Dropdown yang terletak di bawah header Blog.

               Cara Membuat Menu Dropdown yang terletak di bawah header Blog Membuat Menu Dropdown di Blogspot

              Ikuti langkah-langkah dibawah ini.
              1. Kunjungi situs http://cssmenumaker.com/
              2. Pilih salah satu sajian dropdown yang kau inginkan.
              3. Sebagai teladan Blue Opera Drop down menu. Gambar paling pertama dari gambar diatas. Selanjutnya klik Customize.
              4.  Cara Membuat Menu Dropdown yang terletak di bawah header Blog Membuat Menu Dropdown di Blogspot
              5. Dan Atur Isi Menu dropdown dengan nama dan URL yang kau inginkan.
              6.  Cara Membuat Menu Dropdown yang terletak di bawah header Blog Membuat Menu Dropdown di Blogspot
              7. Keterangan gambar diatas:
                • Gunakan Add Item untuk menambah isi menu, atau klik tanda silang merah untuk menghapus isi menu.
                • Untuk mengganti nama Judul, Klik sajian structure dan  isi dibagian Title.
                • Untuk mengganti URL,  Isi bab Link dengan URL yang kau inginkan.
                • Dan klik Update Item.
              8. Setelah selesai mengisi menu. Selanjutnya copy semua isyarat HTML dan CSS di website tersebut, kemudian pastekan di gadget HTML/Javascript di blogger. Contoh Pemasangan:
              9. 1. Login ke blogger. Dari halaman dasbor pilih pengaturan Tata Letak.
                2. Klik Tambahkan Gadget, kemudian pilih HTML/Javascript.
                3. Lalu Susun Kode HTML dan CSS menyerupai ini.

                <style>
                Masukan Kode Css
                </style>
                Masukan Kode HTML

                4. Save Gadget, kemudian pindahkan ke bawah header.
              10. Jika sajian dropdown nya tidak turun atau tidak terlihat???
              11. 1. Login ke blogger. Dari halaman dasbor pilih pengaturan Template.
                2. Klik Edit HTML dan cari kode
                <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
                3. Setelah ketemu, ganti 1 menjadi 3 dan no menjadi yes
                4. Kodenya jadi menyerupai ini.
                <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
                5. Save template.
                6. Selanjutnya kembali ke pengaturan tata letak.
                7. Dan pindahkan Gadget HTML/Javascript sajian dropdown tadi, sempurna dibawah Header.
                8. Lalu klik Save/Simpan Setelan.

              12. Terakhir, lihat tampilan blog kamu. Selesai.
              Untuk sajian yang lebih mudah, bukan dropdown, tapi sajian dari laman blogger, silakan baca disini cara menciptakan dan mengisi sajian blog. Semoga Bermanfaat
                Share:

                Friday, February 16, 2018

                Cara Mengganti Goresan Pena Beranda,Posting Lama,Posting Lebih Baru

                Cara mengganti goresan pena beranda, posting lama, posting lebih gres di blog dengan kata-kata sendiri atau dengan gambar navigasi halaman.Tulisan tersebut berada di bawah bab tamat pada dikala kita membuka artikel, atau bab bawah dari daftar posting di halaman awal blog. Untuk blog berbahasa inggris biasanya bertuliskan home, next, previous. Untuk lebih jelasnya lihat gambar dibawah ini.

                kata sendiri atau dengan gambar navigasi halaman Cara Mengganti Tulisan Beranda,Posting Lama,Posting Lebih Baru


                Tulisan menyerupai pola gambar diatas itulah yang akan kita ganti. cara mengganti goresan pena beranda, posting lama, posting lebih gres di blog. Ikuti langkah-langkah dibawah ini.
                1. Login ke blog, dan pilih pengaturan template.
                2. Selanjutnya klik Edit HTML dan cari 3 arahan Biru dibawah ini. Gunakan Ctrl F untuk mempermudah Pencarian.
                3. 1. expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
                  Keterangan: Posting Lebih Baru(Previous)

                  2. expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
                  Keterangan: Posting lama(Next)

                  3. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
                  Keterangan: Beranda(Home)
                4. Jika hanya ingin mengganti tulisannya saja dengan kata-kata kita sendiri. maka ganti Format arahan diatas menjadi menyerupai ini.
                5. expr:title='data:olderPageTitle'>Selanjutnya</a>
                  expr:title='data:newerPageTitle'>Sebelumnya</a>
                  <a class='home-link' expr:href='data:blog.homepageUrl'>Rumah</a>
                6. Ganti arahan warna merah dengan kata yang kau inginkan. Untuk beranda/home ada 2 arahan yang sama, ganti kedua2nya. Selanjutnya Preview, bila sudah berubah gres save.
                7. Jika ingin mengganti tulisannya dengan gambar, maka tambahkan Url gambar, Contoh:
                8. expr:title='data:newerPageTitle'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/back.png'/></a>

                  expr:title='data:olderPageTitle'><img src='http://b.dryicons.com/images/icon_sets/blue_velvet/png/32x32/forward.png'/></a>

                  <a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/home.png'/></a>
                9. Kode warna Biru itu URL gambar dengan pemanis formtanya. Beranda/home ada 2 arahan yang sama, ganti kedua2nya. Jika sudah, silakan dipreview dulu, klo sudah berubah gres save.
                10. Untuk mengganti dengan gambar lain, ganti url gambar, dengan url gambar yang kau inginkan. Format gambar menyerupai dibawah ini.
                11. <img src='URL gambar kamu'/></a>
                12. Coba cari digoogle gambar, dengan kata kunci icon home. Cari gambar yang ada pilihan ukurannya. Pilih gambar ukuran 32 atau sesuai dengan yang kau inginkan. Selanjutnya Copy URLnya(klik kanan sempurna digambar dan pilih copi URL gambar) dan masukan kodenya di format arahan diatas.
                13. Salah satu web yang menyediakan icon gambar adalah http://dryicons.com/icon/blue-velvet/home/ silakan dicari gambar yang sesuai dengan yang kau inginkan.
                Silakan dibaca juga cara menghilangkan diberdayakan oleh blogger yang berada dibawah posting blog dan juga fitur-fitur lainnya, menyerupai navbar, langganan entri atom dan masig banyak lagi. Itulah sedikit cara untuk mendesain blog sendiri memakai template orisinil blogger, yaitu dengan mengganti goresan pena beranda, posting usang dan posting lebih gres di blog. Semoga Bermanfaat.
                Share:

                Menambahkan Gambar Disamping Judul Posting

                Cara menambahkan gambar disamping judul posting blog.

                 Cara menambahkan gambar disamping judul posting blog Menambahkan Gambar Disamping Judul Posting

                Gambar diatas dengan bulat merah yaitu teladan gambar yang ditempatkan di samping kiri posting blog, gambar tersebut akan muncul di setiap posting blog yang ada. Akan aku coba jelaskan secara detail, biar dapat di mengerti. Ikuti langkah-langkah dibawah ini.
                1. Login ke blogger, ke pangaturan template.
                2. Selanjutnya klik edit HTML dan cari instruksi ]]></b:skin> dan pasang instruksi berikut di atas instruksi ]]></b:skin>
                3. h3.post-title {
                  background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9L0hX2eEFYNUOUuLG9LmlXzn4F2vbT9CYcabiUbXlGWEsT20ja89kDBQ-I-kLWvvGzj-pAq3ju9KSqzl7G57bcRRy546Ap0B3Kk-3LoIlrZVF97g93AXXhWTT3xQoU9JqROX7rpgmqGrH/s1600/32x32.jpg")no-repeat;padding:10px 0px 0px 40px;}
                4. Save template, Selesai.
                Keterangan instruksi langkah 2:
                  url("gambar.jpg") yaitu instruksi url sumber gambar yang akan digunakan.
                  no-repeat menciptakan gambar tidak berulang.
                  padding:10px 0px 0px 40px; mengatur posisi goresan pena judul posting.
                    Jika gambar ingin ditempatkan disebelah kanan atau tengah judul posting blog. Tambahkan instruksi berikut disamping no-repeat; contoh: no-repeat top right;
                    •  right untuk bab kanan.
                    •  center untuk bab tengah
                    Untuk menciptakan icon dengan gambar sendiri, silakan baca di cara menciptakan icon website. Dan untuk cara mengambil URL dari gambar sendiri, baca di cara upload dan ambil url gambar.
                      Itulah sedikit cara untuk mendesain blog sendiri, dengan menambahkan gambar disamping judul posting blog, yang akan muncul disetiap posting artikel yang ada di blog. Silakan baca juga cara membuat goresan pena bayangan di blog di judul, deskripsi blog bab tab, sidebar dikiri-kanan blog, hingga judul posting, dapat kita beri goresan pena bayangan. Semoga Bermanfaat.
                        Share: