Thursday, 16 May 2013

Cara Membuat dan Mengisi Menu Blog

Cara membuat dan mengisi menu blog dengan daftar isi, contact, label, kategori dan lain-lain. Menu yang terletak dibawah header blog. Untuk lebih jelasnya, ikuti langkah-langkah dibawah ini.



Cara membuat menu blog

  1. Login ke blogger. Dari halaman dasbor klik Laman.
  2. Ada 2 pilihan pembuatan menu, Pertama Laman kosong dan yang kedua Alamat Web(UPDATE:2014 TIDAK ADA LAGI). Seperti gambar dibawah ini.
  3. cara membuat menu blog
  4. Jika memilih Laman kosong, maka tampilannya seperti menulis artikel di entri, silakan isi tulisan didalamnya lalu beri Judul laman Contoh:Daftar isi. Dan klik Publikasikan.
  5. cara membuat menu blog
  6. Jika memilih Alamat web. Pada kolom Alamat web (URL) isi dengan alamat url kamu, contohnya: coba buka salah satu artikel kamu, dan copi url yang ada di address bar bagian atas, contohnya seperti url halaman artikel yang sedang anda baca ini. http://fandrajuani.blogspot.com/2013/05/cara-membuat-dan-mengisi-menu-blog.html.

    Selanjutnya pastekan url di kolom Alamat web (URL) seperti gambar dibawah ini, lalu isi kolom atasnya dengan judul menu, contoh: Membuat Menu dan klik Simpan.
  7. Cara Membuat dan Mengisi Menu Blog
  8. Selanjutnya, kembali ke pengaturan laman dan pilih Tampilkan Laman sebagai Tab Atas.
  9. cara membuat menu blog
  10. Terakhir Save pengaturan, Dan Lihat tampilan blog kamu, maka akan ada menu dibawah judul blog. Selesai.
  11. Cara membuat menu blog
Update Blogger 2014: Untuk menamplkan menu laman yang telah dibuat.
  1. Ke pengaturan tata letak. 
  2. Selanjutnya klik tambahkan gadget. 
  3. Dan pilih LAMAN. Simpan.

Setelah bisa membuat menu di blog, sekarang kita coba mengisi nya dengan daftar isi, contact, dan memasukan label ke menu laman. Berikut cara membuatnya.

Cara Mengisi Menu Blog Dengan:

Daftar isi atau Sitemap

  1. Buka laman baru seperti cara diatas, dan pilih Laman Kosong.
  2. cara membuat daftar isi blog
  3. Dan Klik Bagian HTML, Lalu masukan kode berikut didalamnya. Seperti gambar diatas.
  4. <script src="http://me-sitemap.googlecode.com/files/sitemapblog.js" type="text/javascript">
    </script>
    <script src="http://fandrajuani.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
  5. Ganti http://fandrajuani.blogspot.com/ dengan alamat web kamu. Save Template, Selesai. 
  6. Jika belum ada juga daftar isinya, coba edit salah satu artikel kamu, lalu Klik Label yang letaknya disebelah kanan, dibawah tulisan setelan entri. Lalu beri nama yang kalian inginkan.
  7. cara membuat label atau kategori
  8. Selanjutnya Klik selesai. Dan Klik Perbarui.
  9. Terakhir, coba lihat lagi daftar isi kamu. Selesai.
  10. Agar semua artikel kamu masuk ke daftar isi, beri nama label di setiap artikel kamu. Seperti langkah 4.

Contact atau Hubungi

  1. Buka laman baru, dan pilih laman kosong, pada bagian Compose isi dengan alamat email kamu yang bisa dihubungi. Save Template, Selesai.
  2. Atau Jika ingin membuat contact dengan kotak, bisa kalian buat dialamat web ini http://123contactform.com nanti akan dijelaskan caranya disitus tersebut.

Mengisi menu dengan Label atau ketegori

  1. Buka laman baru, dan pilih Alamat Web.
  2. Dan Masukan Alamat URL Label atau kategori yang ingin dimasukan, dan beri judul.
  3. cara menambahkan label ke menu
  4. Terakhir, publikasikan. Selesai.

Cara ambil URL Label atau Kategori

  1. Klik Label atau Kategori yang ingin diambil URL nya. Contoh: Label Menu Desain
  2. cara memasukan kategori ke menu
  3. Maka akan terbuka halaman label dengan isi artikel yang sama nama labelnya.
  4. Copy alamat URL Pada bagian Address Bar bagian atas.
  5. cara memasukan label ke menu blog
  6. Dan pastekan ke alamat web di Laman Tadi. Tampilan alamat URL ada persennya seperti ini http://fandrajuani.blogspot.com/search/label/Menu%20Desain.
  7. Save Laman, Selesai.
Lakukan cara yang sama jika ingin menambahkan label yang lain ke laman menu. Artikel diatas merupakan contoh pembuatan menu menggunakan Laman di blog, ada juga membuat menu menggunakan Html dan css agak sedikit ribet karena menggunakan banyak kode, caranya baca di artikel cara membuat menu html dan css. Dan Silakan baca juga artikel lainnya seperti cara membuat komentar facebook dibawah postingan blog dan cara mengganti warna sidebar. Atau menghilangkan tulisan diberdayakan oleh blogger. Semoga Bermanfaat.

          Wednesday, 15 May 2013

          Cara Membuat Read More Di Blog

          Cara Membuat Read More Di Blog. Read more atau baca selengkapnya berguna untuk mempersingkat tampilan dari setiap posting di halaman awal blog. Berikut ini ada 2 cara, yang pertama adalah cara membuat read more manual versi blogger dan read more otomatis.

          Cara membuat read more manual versi blogger

          1. Login Ke blogger. Buka Salah satu Artikel kamu.
          2. Pada Bagian Option klik Insert Jump Break di halaman yang ingin kamu potong. Contoh:
          3. cara membuat read more manual blog
          4. Sekarang Save artikel kamu dan coba lihat tampilan awal blog kamu. Maka akan seperti gambar dibawah ini.
          5. membuat baca selengkapnya versi blogger
          6. Selesai.
          Cara diatas adalah membuat read more atau baca selengkapnya secara manual. Jadi kita harus melakukan cara diatas satu persatu disetiap posting. Selanjutnya kita akan membuat read more otomatis, setiap posting akan di potong atau dipersingkat tampilannya dan diberi satu gambar dibagian kiri di halaman awal blog.  Ikuti langkah-langkah dibawah ini.

          Cara membuat read more Otomatis

          1. Login ke blogger. Dari halaman Dasboard Pilih pengaturan Template.
          2. Selanjutnya klik edit HTML dan cari kode </head> dan Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F):
          3. <!-- Auto read more script Start -->
            <script type='text/javascript'>
            var thumbnail_mode = &quot;yes&quot;;
            summary_noimg = 430;
            summary_img = 340;
            img_thumb_height = 150;
            img_thumb_width = 150;
            </script>
            <script type='text/javascript'>
            //<![CDATA[
            function removeHtmlTag(strx,chop){
                if(strx.indexOf("<")!=-1)
                {
                    var s = strx.split("<");
                    for(var i=0;i<s.length;i++){
                        if(s[i].indexOf(">")!=-1){
                            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
                        }
                    }
                    strx =  s.join("");
                }
                chop = (chop < strx.length-1) ? chop : strx.length-2;
                while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
                strx = strx.substring(0,chop-1);
                return strx+'...';
            }

            function createSummaryAndThumb(pID){
                var div = document.getElementById(pID);
                var imgtag = "";
                var img = div.getElementsByTagName("img");
                var summ = summary_noimg;
                    if(thumbnail_mode == "yes") {
                if(img.length>=1) {  
                    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
                    summ = summary_img;
                }
                }
                var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
                div.innerHTML = summary;
            }
            //]]>
            </script>
            <!-- Auto read more script End -->
          4. Keterangan Kode: Edit kode2 dibawah ini agar sesuai dengan yang kalian inignkan.
          5. summary_noimg = 430; Jumlah Huruf dengan gambar
            summary_img = 340; Jumlah Huruf Tanpa gambar
            img_thumb_height = 150; Tinggi gambar
            img_thumb_width = 150; Lebar Gambar
          6. Sekarang cari kode <data:post.body/> ada 3 kode yang sama, ganti semuanya dengan kode dibawah ini.
          7. <!-- Auto read more Start -->
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <data:post.body/>
            <b:else/>
            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
            <data:post.body/>
            <b:else/>
            <div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
            <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
            </script>
            <a class='more' expr:href='data:post.url'>Baca Selengkapnya >>></a>
            </b:if>
            </b:if>
            <!-- Auto read more End -->
          8. Tulisan Baca Selengkapnya >>> bisa diganti dengan kata yang kalian inginkan, selanjutnya preview template, jika sudah berubah baru save. Selesai.
          cara membuat read more otomatis
          Gambar diatas adalah contoh tampilan read more otomatis, ada gambar dibagian kiri dan dilanjutkan dengan kalimat-kalimat yang ada. Setelah menambahkan read more otomatis, maka setiap Artikel postingan kita tampilannya akan disederhanakan dari halaman awal blog. Jadi kita tidak perlu lagi menggunakan Tools Insert Jump break, seperti read more manual versi blogger. Setelah publikasi, maka tampilan artikel blog akan seperti diatas.
          Silakan baca juga artikel tentang cara membuat kotak komentar facebook yang bersebelahan dengan kotak komentar blogger, dibawah posting blog. Dan juga cara mengganti warna judul sidebar widget yang berada di kanan-kiri posting, dan juga bagian bawah footer blog. Atau Cara membuat related post dibawah posting blog. Semoga Bermanfaat.

              Cara Membuat Komentar Facebook di Blog

              Cara membuat komentar facebook di blog. Kotak Komentar facebook bersebelahan dengan komentar blogger, dibawah posting blogspot. Untuk lebih jelasnya ikuti langkah-langkah dibawah ini.

              cara membuat komentar facebook di blog


              Membuat aplikasi facebook untuk dihubungkan ke blog

              1. Pertama masuk ke facebook dan Kunjungi https://developers.facebook.com/apps
              2. Klik register now dan isi dengan nomor telepon kalian, ini diperlukan untuk menerima kode konfirmasi dari facebook untuk membuat aplikasi.
              3. cara membuat kotak komentar facebook
              4. Selanjutnya masukan kode konfirmasi dari facebook di hanphone kamu. Ada 6 kode yang akan dikirm oleh facebook.
              5. cara membuat komentar facebook di blog
              6. Setelah memasukan kode konfirmasi, maka akan ke terbuka Tell us About You, Langsung Klik lanjutkan saja. Langkah terakhir klik Done.
              7. cara membuat facebook comment
              8. Setelah selesai melakukan registrasi. Dari halaman yang sama klik Buat Aplikasi.
              9. cara membuat komentar facebook di blog
              10. Masukan nama blog kamu, dan lanjutkan pembuatan aplikasi.
              11. cara membuat komentar facebook di blog
              12. Setelah selesai. Catat Aplikasi ID facebook kamu. Yang diberi tanda kotak itu Aplikasi ID facebook.
              13. membuat kotak komentar facebook di blog
              14. Pada bagian Sanbox Mode, pilih Aktif.  Selesai.
              Aplikasi ID facebook diperlukan untuk menghubungkan facebook ke blogspot. Sekarang kita buat kotak komentar facebook dibawah posting blog. Ikuti langkah-langkah dibawah ini.

               Membuat Kotak Komentar facebook di Blog

              1. Login ke blogger.com dan dari halaman dasboard pilij pengaturan template.
              2. Klik edit HTML dan cari kode ]]></b:skin> lalu letakan kode berikut diatas ]]></b:skin>
              3. .comments-page { background-color: #ffffff;}
                #blogger-comments-page { padding: 0px 5px; display: none;}
                .comments-tab { float: left; padding: 5px; margin-right: 3px;
                cursor: pointer; background-color: #f2f2f2;}
                .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
                .comments-tab:hover { background-color: #eeeeee;}
                .inactive-select-tab { background-color: #d1d1d1;}
              4. Selanjutnya cari kode <head> dan letakan kode berikut dibawah <head>
              5. <meta property="fb:admins" content="fandra.juani"/>
                <meta property="fb:app_id" content="242989185843688"/>
              6. Ganti fandra.juani dengan Profil FB Kamu. Caranya buka fb kamu dan klik profil dan lihat bagian address URL ambil yang bagian nama saja.
              7. Ganti 242989185843688 dengan Aplikasi ID yang kamu buat tadi.
              8. Setelah itu cari kode </head> lalu letakkan kode berikut ini diatasnya.
              9. <script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
                <script src='http://code.jquery.com/jquery-latest.js'/>
                <script type='text/javascript'>
                function commentToggle(selectTab) {
                $(".comments-tab").addClass("inactive-select-tab");
                $(selectTab).removeClass("inactive-select-tab");
                $(".comments-page").hide();
                $(selectTab + "-page").show();
                }
                </script>
              10. Berikutnya cari kode <div class='comments' id='comments'> dan pasang kode berikut ini dibawahnya. Ada 2 kode yang sama dengan <div class='comments' id='comments'> pasang kedua-duanya.
              11. <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Komentar dari Facebook'>
                <img class='comments-tab-icon' src='https://s-static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
                <fb:comments-count expr:href='data:post.url'/> Facebook
                </div>
                <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Komentar dari Blogger'>
                <img class='comments-tab-icon' src='https://lh5.googleusercontent.com/--vu5gE3yh1E/UA333Ytm5hI/AAAAAAAAAnM/nbi9p0of21o/h120/favicon.ico'/> <data:post.numComments/> Blogger
                </div><div class='clear'/>
                </div>
                <div class='comments-page' id='fb-comments-page'>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <div id='fb-root'/>
                <fb:comments expr:href='data:post.url' num_posts='10' width='auto' height='400'/>
                </b:if>
                </div>
                <div class='comments comments-page' id='blogger-comments-page'>
              12. Keterangan: num_posts='10'jumlah komentar dan tinggi komentar height='400'/> ganti dengan yang kalian inginkan. Selesai.
              Sekarang kotak komentar sudah ada di blog kamu. Jika ada pesan warning http/alamat-blog-kamu.blogspot.com unreachable. Itu tandanya blog belum terhubung dengan facebook dengan baik. Cara menghilangkannya, Ikuti langkah dibawah ini.
              menghilangkan warning unreachable

              Menghilangkan Tulisan warning http/alamat-blog-kamu.blogspot unreachable.

              1. Edit HTML dan cari kode <html dan tambahkan kode ini disamping <html
              2. xmlns:fb='http://ogp.me/ns/fb#'
              3. Contoh:
              4. <html xmlns:fb='http://ogp.me/ns/fb#' expr:dir='data:blog…………..2005/gml/expr' >
              5. Save Template, Selesai.
              Tulisan warning unreachable tidak muncul lagi di kotak komentar facebook. Biasanya untuk entri baru yang dipublikasikan, tulisan tersebut akan kembali muncul, untuk menghilangkannya, klik tulisan warning unreachable itu dan masuk dengan akun facebook kamu, selanjutnya reload halaman artikel yang baru di publikasikan tadi. Maka tulisan warning unreachable akan hilang.

              Sekarang coba lihat di bagian laman blog kamu. Jika lambang blogger dan facebook tab terlihat juga di laman bawah header. untuk menghilangkannya.
              1. Tambahkan kode <b:if cond='data:blog.pageType == "item"'> di atas kode <div class='comments' id='comments'>
              2. Dan tambahkan kode </b:if> diatas <div class='comments-page' id='fb-comments-page'>
              3. Masing2 ada 2 kode yang sama, masukan kedua2nya.
              Satu kekurangan dari komentar facebook ini. Tidak adanya notification jika ada yang berkomentar. Maka untuk melihat komentar facebook yang masuk ke blog kita. Kita harus melihatnya secara manual, dengan cara membuka salah satu artikel dan mengklik pada bagian Moderat View, lalu klik pada pengaturan Moderate application comments, maka akan terbuka halaman baru dari facebook, dan akan terlihat pesan2 yang masuk ke blog kita.
              cara membuat komentar facebook diblog

              Selesai sudah cara membuat facebook di blog, yang letaknya bersebelahan dengan kotak komentar blog. Jika kamu melalukan cara diatas dengan teliti, Insyaallah bisa. Silahkan baca juga cara  membuat tombol share di blog yang terletak dibawah posting blog. dan juga cara membuat facebook box like di blog. Semoga Bermanfaat.

              Tuesday, 14 May 2013

              Cara Mengganti Warna Judul Sidebar

              Cara Mengganti Warna Judul Sidebar, widget yang berada di kiri-kanan posting dan juga bagian bawah blog. Seperti widget arsip, pengikut, mengenai saya, total tayangan laman, label, populer post dan lain-lain. Sesuai dengan widget yang dipakai di blog. Berikut Tips dan Trik cara mengganti warna judul sidebar yang digunakan di blogspot. Ikuti langkah-langkah dibawah ini.
              cara mengganti warna judul sidebar

               

              Cara Mengganti Warna Judul Sidebar

              1. Login ke blog. Dari halaman dasbor, pilih pengaturan template.
              2. Selanjutnya klik edit HTML dan cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin> 
              3. h2 {
                padding: 4px 2px 2px;
                background:#0a58a3;
                border-bottom:4px solid #1780dd;
                }
              4. Save Template. Selesai.
              Keterangan kode diatas:
              • padding: 4px 2px 2px; rata huruf judul kiri kanan. Jika kurang rata ganti ketiga kode itu.
              • background:#0a58a3; Warna Background
              • border-bottom: garis bawah,  4px(ketebalan garis bawah) solid(bentuk garis bawah) dan #1780dd; warna garis bawah. Hilangkan kode ini jika sidebar tidak ingin diberi garis bawah.
              • border-bottom bisa diganti dengan:
              • border-top: Garis Atas
                border-right: Garis Kanan
                border-left: Garis Kiri
                border: Seluruh garis
              • solid(bentuk garis bawah) bisa diganti dengan:
              • dashed
                dotted
                Double
                Groove
                inset
                outset
                ridge
              Ganti sesuai dengan yang kalian inginkan, kode h2 { diatas, akan mengganti semua warna judul sidebar widget dikiri-kanan dan juga bagian bawah footer blog. Jika ingin membuat warna judul yang berbeda antara sidebar dan footer bagian bawah, Ikut langkah-langkah dibawah ini.

              cara merubah warna judul sidebar

              Warna Judul Sidebar Widget Kiri-Kanan Blog

                1. Login ke blog. Dari halaman dasbor, pilih pengaturan template.
                2. Selanjutnya klik edit HTML dan cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin>
                3. .sidebar .widget h2 {
                  padding: 4px 2px 2px;
                  background:#0a58a3;
                  }
                4. Save Template. Selesai.

                Warna Judul Footer Bagian Bawah Blog

                1. Login ke blog. Dari halaman dasbor, pilih pengaturan template.
                2. Selanjutnya klik edit HTML dan cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin>
                3. .footer-inner .widget h2 {
                  padding: 4px 2px 2px;
                  background:#CCCCCC;
                  }
                4. Save Template. Selesai.

                Menambahkan Icon disamping judul sidebar

                1. Login ke blog. Dari halaman dasbor, pilih pengaturan template.
                2. Selanjutnya klik edit HTML dan cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin>
                3. .sidebar .widget h2 {
                  background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUajaoq_zi2pueL509A8xrB56kNBfWiOddKP79C0-yB76RepoB0VzAEUhukozxVZjnqk_cGVQwHzuH07wGMN7CbVkq-N4kHB4PrNAGRduqMPTcVqWG_g7FDojxfREW9NUuc2yyLLg46bTJ/s1600/32x32.jpg")no-repeat;padding:10px 0px 0px 40px;}
                4. Save Template. Selesai.

                cara membuat icon disidebar
                Contoh icon disamping sidebar
                Untuk icon, tidak hanya di sidebar saja, tapi juga di tempatkan dibagian footer. Dari yang pernah saya coba, cara diatas bisa bekerja di template asli dari blogger. Saya belum tau bisa atau tidak di template hasil download. Karena disetiap template mungkin mempunyai sedikit perbedaan kode. Jika tidak berjalan ditemplate kamu. Coba di edit kode awalnya, misalnya kode .sidebar .widget h2 { ganti menjadi .sidebar { saja dan juga bagian footer, kira-kira seperti itu. 
                Jika cara diatas bisa berjalan ditemplate yang kamu gunakan, Alhamdulillah, artinya artikel di desain blog tutorial ini tidak sia-sia dan berguna. Silakan dibaca juga Artikel lainnya tentang cara membuat related post dengan gambar dibawah posting blog dan membuat kotak komentar facebook bersebelahan dengan kotak komentar blogger. Semoga Bermanfaat.

                      Cara membuat related post

                      Cara membuat related post dengan gambar yang berada di bawah posting blog. Related post akan menampilkan gambar dan judul dari artikel lainnya dengan label yang sama atau berbeda disetiap posting yang sedang di buka. Untuk lebih jelasnya. Ikuti langkah-langkah dibawah ini.

                      Cara membuat related post

                          cara membuat related post dengan gambar
                        1. Kunjungi www.linkwithin.com
                          2. Setelah itu isi dengan alamat email, URL blog, pilih platform blogger, dan jumlah artikel yang ditampilkan seperti gambar dibawah ini.
                            3. Klik get widget, maka akan terbuka halaman baru seperti gambar dibawah ini.


                                cara membuat artikel terkait dengan gambar
                              4. Klik Install widget maka akan terbuka Add page element, lalu klik Add Widget untuk menambahkannya ke blog.
                                5. Selanjutnya buka bagian tata letak dan tempatkan widget linkwithin di bagian bawah blog.
                                  6. Terakhir save template. Dari sini related post sudah ada dibawah posting. Selesai.


                                    Sekarang, cara menyembunyikan widget linkwithin dari halaman awal blog. widget linkwithin akan tampil dibawah setiap posting blog. Ikuti langkah-langkah dibawah ini.

                                    Cara menyembunyikan widget linkwithin dari halaman awal blog

                                      1. Login ke blog, dari halaman dasbor ke pengaturan template.
                                      2. Klik edit HTML dan cari kode linkwithin(gunakan ctrl f untuk memudahkan pencarian. kode lengkapnya kira-kira seperti ini.
                                      3. <b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'><b:includable id='main'><data:content/></b:includable>
                                        </b:widget>
                                      4. Setelah dapat kode diatas, tambahkan kode <b:if cond='data:blog.pageType == "item"'> dan </b:if> diantara kode-kode diatas. contoh:
                                      5. <b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'><b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>
                                        </b:widget>
                                      6. Sekarang coba preview, jika sudah hilang dari halaman awal blog. Baru save Template. Selesai.

                                      Berikutnya, Cara mengganti tulisan You May Also like these stories dan menghilangkan tulisan Linkwithin dibawah gambar widget.

                                      cara membuat related post dengan thumbnail

                                      Cara mengganti tulisan You May Also like these stories

                                      1. Masuk ke bagian pengaturan template.
                                      2. Klik edit HTML dan cari kode <head> dan masukan kode berikut dibawah <head>
                                      3. <script>linkwithin_text='Artikel Lainnya:'</script>
                                      4. Tulisan Artikel lainnya bisa diganti dengan kata yang kamu inginkan.
                                      5. Save template. Selesai.

                                      Menghilangkan tulisan Linkwithin dibawah widget

                                      1. Masuk ke bagian pengaturan template.
                                      2. Klik edit HTML dan cari kode ]]></b:skin> dan masukan kode berikut diatas ]]></b:skin>
                                      3. #linkwithin_logolink_0 {display:none;}
                                      4. Save template, selesai.

                                      Jika dibawah posting blog kamu sudah banyak widget, seperti iklan, tombol share dan lainnya. Untuk menempatkan widget Linkwithin dibawah widget yang sudah ada,  tambahkan kode <div class="linkwithin_div"></div> dibawah kode widget yang kamu inginkan. Sebagai contoh:

                                      Menempatkan Widget Linkwithin dibawah tombol share asli blogspot

                                            1. Masuk ke bagian pengaturan template.
                                            2. Klik edit HTML dan cari kode <b:include data='post' name='shareButtons'/> dan masukan kode <div class="linkwithin_div"></div>  ini dibawahnya. contohnya:
                                            3. <b:include data='post' name='shareButtons'/>
                                              </b:if>
                                              </div> </div>

                                              <div class="linkwithin_div"></div>
                                            4. Save template, selesai. 
                                            Cukup sekian artikel pertama saya di Desain Blog Tutorial dan Tips Trik Blogspot, tentang cara membuat related post dengan gambar, silakan baca juga tentang cara cara membuat read more di blogspot atau baca selengkapnya untuk mempersingkat tampilan posting di halaman awal blog. Dan juga membuat komentar facebook di blog pada bagian bawah setelah artikel. Atau mengganti warna judul sidebar widget di blogger. Semoga Bermanfaat.

                                              Sunday, 12 May 2013

                                              Cara Setting Modem Huawei

                                              Cara setting modem huawei mobile partner menggunakan kartu As, simpati telkomsel, kartu 3 three agar bisa terhubung ke internet. Pastikan kamu sudah mempunyai paket internet, dari kartu yang kamu gunakan di modem huawei. Selanjutnya ikuti langkah-langkah dibawah ini.

                                              Cara Setting Modem Huawei

                                              1. Buka Modem Huawei Mobile Partner.
                                              2. Selanjutnya klik Tools dibagian atas dan pilih Options. Seperti gambar dibawah ini.
                                              3. cara setting modem huawei
                                              4. Maka akan terbuka option, pilih profil management. Contoh gambar.
                                              5. cara seting modem huawei
                                              6. Sekarang klik New Lalu isi Profil Name, APN Bagian Static dan access number sesuai dengan kartu yang kamu pakai.
                                              7. Untuk Kartu As, simpati, telkomsel isi
                                                Profil Name : telkomsel
                                                APN : telkomsel atau internet
                                                Access number : *99#

                                                Untuk Kartu 3, Three isi
                                                Profil Name : 3data
                                                APN : 3data
                                                Access number : *99#
                                              8. Setelah itu Klik Save dan ok. Untuk telkomsel pilih salah satu APN.
                                              9. Kembali ke halaman awal Modem, Pilih profil name yang sudah kamu buat tadi. Contoh profil name telkomsel
                                              10. cara menggunakan modem huawei
                                              11. Lalu Klik Connet untuk menyambungkan modem ke internet. Tunggu sampai terhubung. Selesai.
                                              Sekarang kamu sudah bisa menggunakan internet di komputer atau laptop, tinggal klik browser yang kamu gunakan. Jika belum terhubung ke internet, coba ulangi langkah diatas, isi yang perlu saja, cukup isi profil name, apn bagian static dan access number. Dan jangan lupa klik connect.
                                              cara setting modem kartu as
                                              Gambar diatas adalah contoh modem huawei menggunakan kartu 3, pada saat tersambung ke internet, maka tulisan connect akan berubah menjadi disconnet. dan lihat juga tanda panah di bagian bawah. Tanda panah berwarna merah itu kecepatan Upload Kb/second dan warna hijau, itu kecepatan downloadnya pada saat kita membuka halaman suatu web.

                                              Dengan mengikuti cara diatas, insyaallah modem bisa terhubung ke internet. Jika belum bisa connect juga, coba lihat bagian tanda panah merah dan hijau itu, klo tidak bergerak itu berarti paket internet kamu yang bermasalah, bisa jadi quota yang habis atau kamu memang belum beli paket internet dari kartu yang kamu gunakan.

                                              Kemungkinan lainya jika tidak terhubung ke internet adalah masalah sinyal kartu, dari tempat kamu menggunakan modem. Sinyal juga berpengaruh, tidak ada sinyal tidak bisa connect, walaupun paket internet ada. Coba lihat sinyal dibagian kiri bawah mobile partner, jika tidak ada tanda putih bertingkat seperti gambar diatas. Itu berarti kartu kamu tidak ada sinyal. Sedangkan hsdpa itu adalah kekuatan sinyalnya, bisa juga wcdma, gprs, sinyal yang paling bagus hsdpa.

                                              Setelah kamu bisa terhubung ke internet, silakan baca juga cara mempercepat loading mozilla firefox untuk menghemat quota dan juga cara aman berinternet. Semoga Bermanfaat.

                                              Saturday, 11 May 2013

                                              Cara Menghapus Akun Google Analytics

                                              Cara Menghapus Akun Google Analytics. Google Analytics adalah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web, termasuk juga penggguna blogspot. Dengan menggunakan Google Analytics kita dapat mengetahui trafik website/blog dalam jangka waktu harian, mingguan, atau bulanan.

                                              Dan kita juga bisa melihat berapa banyak orang yang mengunjungi situs blog kita. Google analytics juga memperlihatkan jumlah tayangan laman, durasi atau lamanya kunjungan dan juga jumlah persen dari kunjungan terbaru di blog kita. Dan hebatnya lagi kita bisa mengetahui asal bahasa kunjungan yang digunakan, asal negara sampai asal kota pengunjung.

                                              Dengan google analytics, kita bisa menambahkan nama akun baru dengan alamat url yang berbeda. Jadi tidak harus satu alamat URL blog atau website yang dapat kita kelola di google analytics, tapi bisa dengan banyak alamat url utama website atau blog yang kita punya.

                                              Untuk mendaftar akun Google Analytics, gunakan saja akun google yang dipakai untuk blogspot. Setelah mendaftar akun google analytics, kita akan diminta untuk membuat akun baru didalamnya, masukan saja satu nama judul blog dan alamat url blogspot kita. Jika terlanjur membuat beberapa nama akun dengan alamat url yang sama, hapus saja nama akun yang tidak di gunakan. Cara menghapusnya ikuti langkah-langkah dibawah ini.

                                              Cara Menghapus Akun Google Analytics

                                              1. Kunjungi situs http://www.google.com/analytics/.
                                              2. Dan masuklah dengan akun google analytics kamu.
                                              3. Setelah itu klik Tab Admin di sebelah kanan atas. seperti gambar dibawah ini.
                                              4. cara menghapus akun google analytics
                                              5. Maka akan terbuka halaman Administrasi Akun, klik Nama akun yang akan dihapus. Contoh gambar:
                                              6. cara menghapus akun google analytics
                                              7. Selanjutnya pilih tab Setelan Akun seperti gambar dibawah ini. Cari tulisan Hapus akun ini, letaknya disebelah kanan bawah. Klik tulisan tersebut.
                                              8. cara menghapus akun google analytics
                                              9. Setelah klik tulisan hapus akun ini, maka akan terbuka halaman pemberitahuan dari google analytics untuk menghapus akun. Klik lagi tulisan hapus akun.
                                              10. Selesai.
                                              Setelah melakukan penghapusan nama akun, google analytics akan mengirimkan pesan email pemberitahuan kepada pemilih akun, bahwa akun sudah dihapus. Nama akun yang sudah kita pilih untuk dihapus, sudah hilang dari tampilan daftar nama akun di halaman google analytics.
                                              Menghapus nama akun yang tidak kita gunakan, tidak akan menghapus akun kita di google analytics. Kita masih bisa menggunakan akun google analytics untuk melihat perkembangan blog atau website dengan nama akun yang kita kelola. Semoga Bermanfaat.