How to Save the ALT and Title Tags In Blogger


    

Assalamu Alaikum Blogger Friends , today we Jupa with different post than the last . When we want to create an article on Blogger you definitely need an image to associate with the page . For that we need to know how to store alt and title of the image itself . According to SEO Priendly in this highly recommended , because the store alt and title tags on your Blogger will help increase your blog on Google and also have become a hallmark of the name SEO Priendly .


alfiyah-info-blogger+alt-in-blogger

How do I know where we are .. image alt tags ?

Usually after we wrote the article , we need a picture to accompany the symbols of writing . To know that we are by downloading the images in the article section by using the HTML column What if you are not clear , now I will show the easiest example for you.If you need SEO Friendly Blogger Template Makes it more mainstream .

You Can Now See How to Save the ALT and Title Tags In Blogger

I accidentally put a signal as an example so you are easier to store it , Note that given the RED writing clearer and you can see in the code listed below .


ALfiyah Info Blogger


<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihWdZJe2XfPWRupH1dCky1Kl9ZUM2siiubIcaxwnKl5yrV530G74ytb8DwMOm2DSuvGAm96VZFdtootqAOPVhM0bssgH3roBo2MFyfahWgM1XVAsVtk9_VXXtdYCMY3zYjzWWVgUxxMVq6/s1600/alfiyah-info-blogger+alt.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="alfiyah-info-blogger+alt-in-blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihWdZJe2XfPWRupH1dCky1Kl9ZUM2siiubIcaxwnKl5yrV530G74ytb8DwMOm2DSuvGAm96VZFdtootqAOPVhM0bssgH3roBo2MFyfahWgM1XVAsVtk9_VXXtdYCMY3zYjzWWVgUxxMVq6/s320/alfiyah-info-blogger+alt.jpg" title="How to Save the ALT and Title Tags In Blogger"/></a></div>



Final Words



Demikialah simple article of Alfiyah Bloggers info may be useful for you and if feel that this article helps you please to be distributed to other people , Greetings Blogger .

Maybe you are also interested in How to Make HTML Code On Blogger


http://www.usalistingdirectory.com/index.php?list=latest


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:18 PM

Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO


Assalamu'alaikum Sahabat semua,selamat jumpa lagi dengan Alfiyah Info Blogger pada hari ini kita akan membahas bagaimana cara membuat permalink Blogger Blogspot untuk SEO. Pada saat kita membuat posting untuk Blogger atau Blogspot secara otomatis akan menghasilkan URL pendek posting Blogger Anda ketika kita sudah menulis judul posting-nya,pada saat itu paska judul sebagian akan di potong yang dihasilkannya tidak sesuai dengan kata kunci judul posting Blogger itu adalah link permanen,sedangkan yang merujuk ke posting Blogger Anda di sebut sebagai permalink.Kostum permalink yang kaya berisi kata kunci yang tidak hanya meningkatkan SEO tetapi juga untuk menghasilkan divert crowd ke Blogger Anda.Disini Saya sarankan jangan lupa untuk mengisi kostum permalink dengan kaya kata kunci judul Blogger sedangkan kalau kita memilih permalink otomatis judul link permanennya suka terpotong tidak kaya dengan kata kunci.

Sekarang Anda akan melihat perbedaan antara Permalink Otomatis dan Kostum Permalink


cutom-permalink-in-blogger

Permalink Buruk

Untuk tipe ini biasanya tidak berisi yang kaya kata kunci URL judul panjang terpotong yang tidak memiliki arti di mata SEO dan Google.Boleh kita ambil contoh misalkan Anda membuat judul posting : Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO

Stuktur permalink buruk atau permalink otomatis yang dihasilkan Blogger Seperti URL : http://cara-alfiyah.blogspot.com/2014/02/bagaimana-cara-membuat-custom-permalink.html

Permalink Baik

Biasanya tipe ini berisi yang kaya kata kunci yang tidak hanya menungkatkan SEO,juga membuat jalan bebas hambatan Blogger Anda. Stuktur : http://cara-alfiyah.blogspot.com/2013/12/how-to-save-star-ratings-in-blogger.html

Sekarang bagaimana cara menambahkan custom permalink ketika kita pertama kali membuat posting baru lihat sebelah kanan pos setting di bawah klik pada Link Custom Permalink.Boleh Anda lihat pada gambar di atas.

Format : http://blog url/ yyy / mm / shot-versi-of-posthtml

Perhatikan setelah menulis versi dalam judul Blogger Anda senantiasa selalu membubuhkan tanda [ - ] ingat ini bukan garis bawah.Anda boleh ketahui permalink ini di gunakan untuk posting baru,Anda tidak di perkenankan untuk mengubah permalink ke posting yang lebih lama.Anda juga meminati Membuat Blogger Template SEO Friendly


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:29 PM

Cara Menambahkan Translation Flags Pada Blogger Anda | alfiyah info blogger


translate-flag-in-blogger

Bagaimana tindakan Anda ketika singgah di suatu situs yang isi kontenya berbahasa Cina,Jepang dan Spanyol ?.Sedangkan kita sangat memerlukannya pada konten itu,apa yang akan kita cari selain untuk menterjemahkan.Untuk itu pada kesempatan ini akan memberikan Translation Flag JavaScript di Blogger Anda.Sehingga kita tidak usah melakukan copy-paste di google translate cukup klik lambang bendera suatu Negara.

Sekarang kembalikan pada pengunjung Blogger kita dari manca negara yang konten kita berbahasa Indonesia,apa yang mereka lakukan ? misalnya pengunjung dari Timur Tengah ,tentu Mereka memerlukan bahasa Arab.Dengan adanya Translation Flag sangat mudah untuk mengambil kesimpulan dari suatu konten apa lagi isi posting Blogger kita sangat bagus dan kita juga dapat bertambah pengunjung dari Negara lain.

Berikut ini Saya akan memberikan bagaimana

Cara Menambahkan Translation Flags Pada Blogger Anda pengunjung bisa melihat sembilan lambang Bendera Terjemaahan yaitu : Italia, Spanyol, Germany, Cinese, Japanese, Korea, Arabic dan bahasa Portugal



Bagaimana Cara Menambahkan Translation Flags Pada Blogger Anda ?


Cukup copy-paste kode Translation Flag javascript di bawah ini tempatkan di Template Blogger Anda di bagian posting HTML.




<form action="http://www.google.com/translate" > <script language="JavaScript"> <!-- document.write undefined"<input name=u value="+location.href+" type=hidden>") // --> </script> <input name="hl" value="en" type="hidden"> <input name="ie" value="UTF8" type="hidden"> <input name="langpair" value="" type="hidden"> <input name="langpair" value="en|fr" title="French" src= "http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|de" title="German" src= "http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|it" title="Italian" src= "http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|pt" title="Portuguese" src= "http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|es" title="Spanish" src= "http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|ja" title="Japanese" src= "http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|ko" title="Korean" src= "http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair" value="en|zh-CN" title="Chinese Simplified" src= "http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30"> <input name="langpair2" value="en|ar" title="Arabic" src= "http://photos1.blogger.com/blogger/3709/485/1600/arabic-flag.gif" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30" /> </form>

Demikialah Cara Menambahkan Translation Flags Pada Blogger Anda semoga Artikel ini bermanfaat dan lebih banyak lagi pengunjung Blogger kita dari berbagai Negara.Saya ucapkan banyak terimakasih,bila konten ini berarti bagi Anda silahkan dibagikan melalui:
Google+FacebookTwitter


Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:02 PM

Cara Integrasi Facebook Open Graph Pada Blogger | alfiyah info blogger


facebook-Open-Graph-in-blogger

Facebook Open Graph Protocol berguna bagi Anda untuk posting konten pada Blogger tidak hanya pengunjung yang datang di halaman Blogger,akan tetapi temen Facebook juga akan menyimak artikel kita jika salah seorang pengunjung menyukai atau membagikan salah satu dari posting Anda.Maka akan terlihat di profile Facebook,tapi itu hanya sebagian karena tergantung konten yang mereka sukai.Oleh karena itu jangan segan segan kita bikin konten yang berkwalitas agar lebih banyak yang suka dan otomatis dia seneng untuk berbagi dengan temen Facebook yang lainnya.

Open Graph juga bisa mejelajahi Blogger Anda untuk beritegrasi dengan pengunjung pada umumnya,jika hal ini dengar benar cara penggunaannya,yaitu membangun identitas dan situs Anda.Dengan keberadaan ini Alfiyah Info Blogger hari ini akan menunjukan bagaimana cara mengintegrasikan Facebook Open Graph dengan contoh seperti punya Saya sendiri (Gambar Atas),tapi maap punya Saya hanya sebagian dan sederhana bisa dikatakan tidak lengkap Anda bisa lihat hasil Facebook Open Graph Alfiyah Info Blogger, Namun perlu ketahui ada sedikit yang Anda harus lakukan yaitu membuat Aplikasi Facebook



Bagaimana Untuk Mendapatkan ID Aplikasi Facebook Open Graph ?


  1. Masuk Anda Facebook Developers
  2. Klik App lalu Create a New App
  3. Setelah Selesai membuat App akan muncul dua vareasi kode sperti gambar dibawah

  4. id-app-facebook-in-blogger
  5. Prelu kita ambil adalah ID App yang terkurung pada gambar

Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph ?


Sekarang kita Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph terlebih dahulu pergi ke Blogger Dhasboard untuk melakukan perubahan template untuk menyisipkan HTML tag,cari kode tag seperti ini <html xmlns='....

  • Atau Anda bisa menggantinya dengan tag HTML dibawah


  • <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'/>

  • Selanjutnya Anda membuat Required meta Atribut bisa Anda buat dengan Generator Open graph
  • Isikan identitas sesuai dengan Blogger Anda dan salin tempelkan tepat di atas tag </head>


  • <title>NAMA-BLOGGER ANDA</title> <meta content='JUDUL-BLOGGER-ANDA' property='og:title'/> <meta content='article' property='og:type'/> <meta content='http://cara-alfiyah.blogspot.com/' property='og:url'/> <meta content='http://cara-alfiyah.blogspot.com//favicon.ico' property='og:image'/> <meta content='ALfiyah Info Blogger' property='og:site_name'/> <meta content='TULIS-ID-FB-ANDA' property='fb:admins'/> <meta content='TULIS-ID-APP-ANDA' property='fb:app_id'/> <meta content='DISINI-TULIS-DISKRIPSI-ANDA.' property='og:description'/>

  • Kemudian disini untuk menempatkan ID APP Anda dalam tag Fungsion dan jangan lupa kode ini simpan tepat di atas tag </body>


  • <div id='fb-root'/> <script> window.fbAsyncInit = functionundefined) { FB.initundefined{ appId : ID-APP-ANDA;, status : true, xfbml : true }); }; undefinedfunctionundefinedd, s, id){ var js, fjs = d.getElementsByTagNameundefineds)[0]; if undefinedd.getElementByIdundefinedid)) {return;} js = d.createElementundefineds); js.id = id; js.src = &quot;//connect.facebook.net/en_US/all.js&quot;; fjs.parentNode.insertBeforeundefinedjs, fjs); }undefineddocument, &#39;script&#39;, &#39;facebook-jssdk&#39;)); </script>

  • Terakhir Save Template Anda dan bisa Anda test langsung ke Meta Tag Analyzer

Akhir Kata

Demikialah Artikel hari ini walaupun sederhana tapi mudah-mudahan bermanfaat bagi Anda semua,selamat berkarya insya-Allah kita jumpa lagi kedepannya wasalamualaiku.



Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 6:25 PM

Bagaimana Mendapatkan Backlink Pinterest Pada Blogger Anda


 Backlink -Pinterest- in- Blogger

Assalamu'alaikum Sahabat semua selamat jumpa lagi dengan Alfiyah Blogger, pada kesempatan ini Saya akan mencoba untuk posting artikel tentang cara bagaimana mendapatkan backlink dari Pinterest pada Blogger Anda.Ini sangat penting sekali buat menambah link yang terkait dengan cara gratis dan sangat sederhana yang menganut sistem dofollow Blogger,mungkin ini juga udah pada tahu tapi tak ada salahnya untuk mengingat kembali kadang kita terlupakan karena dengan banyaknya artikel lainnya yang membatasi untuk menuju suatu halaman.Nah, sekarang Saya akan menunjukan bagi yang belum tahu Bagaimana Mendapatkan Backlink Pinterest Pada Blogger Anda. Apakah Anda ingin mengambilnya dengan cara gratis atau mau mencari yang lain ? ini semua serahkan pada keputusan Anda dan bagi yang mau mengambinya silahkan Untuk menuju proses selanjutnya mari ikuti Tips Blogger ini .

Bagaimana Mendapatkan Backlink Pinterest Pada Blogger Anda

  • Pertama Anda pergi ke Pinterest.com
  • Bagi yang belum punya akun lakukan pendaptaran atau masuk dengan akun Facebook,Twitter juga bisa pakai akun Google +,kalau sudah melakukan pendaptaran,klik tanda Pencil yang berada di sebelah kanan Profile Pinterest atau coba perhatikan gambar berikut.

    screenshot-pinterest-com-bujangarab1-in-blogger

  • Ke dua simpan alamat URL Blogger Anda pada kotak yang tersedia dan Klik Verify Website untuk mengambil kode Verifikasi
  • screenshot-pinterest-com-bujangarab1-in-blogger

  • Ke tiga copypaste kode verifikasi pinterest dan simpan pada template Anda
  • Anda pergi ke Blogger Dashboar cari kode <head> dan simpan kode verifikasinya tepat dibawah kode tag <head> contoh gambar pengambilan kode verifikasi

  • Ke empat setelah Anda menyimpan kode verifikasi kembali ke pinterest lakukan klik Complete Verification selesai.

Akhir Kata

Wasalamu Alaikum warahmatullah,Demikianlah uraiyan secara ringkas dan sederhana semoga bermanfaat buat Anda terimakasih ,insya Allah lain waktu dan kesempatan kita jumpa lagi.



Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:22 AM

Cara Menanam Posting Facebook Anda Pada Blogger | alfiyah info blogger


Kemarin kita membahas Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter Sekarang kita mencoba Bagaimana Menanam Postingan Facebook Anda Pada Blogger. Anda juga mungkin sudah pada tahu,namun saya mau menunjukan cara ini bagi Anda yang belum tahu. Saya pikir ini adalah pekerjaan gampang sekali karena jumlah pengakses Facebook diseluruh Dunia sangat besar.Setiap saat mau bikin status pasti melihat lokasi yang akan kita uraikan pada posting hari ini.Sehingga dengan menanam posting Facebook Anda Pada Blogger bisa memberikan langsung komentar,membagikan status pada halaman posting secara otomatis tayangaan link dari Facebook Anda.Untuk itu Anda bisa menggunakan cara ini sangat berarti dalam menjalin sosial dengan teman yang lainnya di seluruh Dunia, sehingga perlu memilikinya.Sekarang Saya akan menunjukan cara melakukannya.

Ikuti Langkah Langkah Berikut Ini
  • Masuk ke halaman facebook Anda,Ambil salah satu postingan dibagian kanan ada panah kecil kemudian klik akan muncul seperti gambar dibawah.
  • <

  • Dari Menu,Klik sisipkan kiriman post ini akan memberikan kode untuk disimpan pada Blogger Anda.


  • Salin kode itu dan simpan pada Blogger Anda pada bagian HTML Anda bisa menyimpannya sebagai gadget.Anda juga bisa melihat langsung punya Saya sebagai Halaman Facebook Alfiyah info Blogger

Demikianlah Cara Menanam Posting Facebook Anda Pada Blogger | alfiyah info blogger,semoga bermanfaat buat Anda semua.

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:20 PM

Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul



Assalamu Alaikum ...Sohib semu semoga hari ini ada dalam lindungan Allah SWT.Pada malam ini kita jumpa lagi dengan artikel yang mungkin Shohib sudah pada tahu,tapi juga masih ada yang belum mengetahui Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul Shohib boleh mengambil atau memasangnya untuk sekedar menghiasi Blogger Shohib.Kita boleh mengabil Photo dari lokasi tertentu yang dianggap oleh Shohib pemandangan yang indah.Seperti Photo yang Saya akan ditampilkan dibawah,diambil dari suatu tempat di daerah Sukabumi selatan.


  • Salin kode dibawah tempelkan dipostingan blogger Anda,dibagian posting HTML.

  • ALfiyah Info Blogger


    <div class="cover slide_in">
    <div class="right_gate1">
    </div>
    <div class="left_gate1">
    </div>
    <br />
    <div class="separator" style="clear: both; text-align: center;">
    <br /></div>
    <div style="text-align: center;">
    SHOHIB  BISA MENULIS KETERANGAN PHOTO DISINI </div>


  • Selanjutnya untuk menyimpan kode CSS ke template,cari kode tag di bawah

  • ALfiyah Info Blogger


    ]]> </ b: skin>


  • Kembali masuk ke Blogger Dashboar Klik Template
  • Berikutnya Tekan Tombol EDITE HTML
  • Tempelkan Kode Di Bawah Ini Tepat Diatas Kode Tag ]]> </ b: skin>

  • ALfiyah Info Blogger


    /**--- Hiding Blog Content With Images Starts here---**/
    .cover {
    position: relative;
    width: 540px;
    height: 282px;
    margin: 20px auto;
    background-color: #eee;
    z-index: 1;
    padding: 10px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    -mox-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    }
    .slide_in {
    overflow: hidden;
    }
    .left_gate1 {
    position: absolute;
    background: #DBDCDE;
    bottom: 0;
    right: 50%;
    left: 0;
    top: 0;
    border: 1px solid #F0F0F0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .right_gate1 {
    position: absolute;
    background: #DBDCDE;
    bottom: 0;
    left: 50%;
    right: 0;
    top: 0;
    border: 1px solid #F0F0F0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }
    .slide_in .right_gate1 {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Kmio7uRZmb2Sq9Anh6rmiXjhp9wQiMsEHpYlwNQ3ZeMVmFl5INqXB-L9TMXInSBWXAamgMvJg7liSXYUT82j3atqTqw1Lp4Tr53FxhzL3p-az6-aDc8h7I-fJ3v3WN5nQFDm37jGmL25/s1600/Alfiyah+Blogger.jpg)#DBDCDE;
    border: 1px solid #F0F0F0;
    }
    .slide_in .left_gate1 {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmmdfydsYlk-cWqgRFfKqsL9zPGhtRsTuSKiCB5JyMHOnwiCFOr83LeNrdoYVqGBs5VFWn_t8pv6K3KJEn4GKzi0cMETbmwdq6b-UxdTMRX-TwKjZ6ENWoWkQurNbbIs_oHscM8XBTEHF/s1600/alfiyah+info+blogger.jpg)#DBDCDE;
    border: 1px solid #F0F0F0;
    }
    .cover:hover .right_gate1 {
    left: 100%;
    right: -50%;
    }
    .cover:hover .left_gate1 {
    right: 100%;
    left: -50%;
    }
    /**--- Hiding Blog Content With Images Ends here---**/




  • Perhatikan Untuk Tag Yang bertanda Merah silahkan Ganti dengan Kontan dan alamat URL Photo Shohib.
  • Selesai Sudah Postingan Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul ,Insya Allah kita jumpa lagi,Salam Blogger.




Sekarang Shohib Bisa membuat postingan blogger dengan tampilan photo sampul,jika Shohib ingin mengunjungi alamat Photo yang ditayangkan silahkan Shohib untuk Kontak Saya,memang lokasi ini sudah banyak pengunjung dari berbagai daerah di Indonesia.Lokasi ini sangat strategis dan gampang untuk di kunjungi,karena tidak jauh dari jalan raya,kalau yang sudah tahu daerah Sukabumi Surade sampai Ujung Genteng pasti mengenal Photo yang ditampilkan ini.






Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:41 PM
Related Posts Plugin for WordPress, Blogger...
cara-alfiyah.blogspot.com Real PageRank cara-alfiyah.blogspot.com Alexa/PR cara-alfiyah.blogspot.com trustrank cara-alfiyah.blogspot.com value Trust Directory Project