Cara Dan Teknik Membuat, Menghapus, Keluar Grup Whatsapp (Wa)

Cara Dan Teknik Membuat, Menghapus, Keluar Grup Whatsapp (Wa)

Internet Media Sosial

Unknown September 25, 2016

cara Dan Teknik Membuat, Menghapus, dan Keluar dari Grup WhatsApp (WA) Tanpa Diketahui Member Lain.

BAGAIMANA cara Dan Teknik Membuat Grup, Menghapus Grup, dan Keluar dari Grup WhatsApp (WA)? 

Yang paling banyak ditanyakan ialah cara keluar dari Grup WhatsApp tanpa diketahui anggota lain.

Lama-lama memang WA ini cukup mengganggu, bila kita dimasukkan ke grup tanpa izin kita. Mau keluar, 'gak enak, sebab ada notifikasi "08211XXXX Left" atau "Nama Kita Left".

Jika keluar dari Grup Facebook sih gampang, dan tidak ada pemberitahuan ke member lain bahwa kita left-group. 

Nah, di WA lain. Kita masuk ke sebuah grup kebanyakan sebab dimasukkan orang lain, kecuali kita sendiri yang membuat grup dan menjadi adminnya.

Berikut ini panduan lengkap seputar Grup WhatsApp yang sangat terpercaya --termasuk cara keluar dari grup-- sebab disampaikan pribadi oleh situs resmi WhatsApp.

cara Dan Teknik Menggunakan Chat Grup

Chat Grup atau Grup WA sanggup menampung anggota hingga 256 orang sekaligus. Awalnya cuma 100 orang (nomor), maksimal. 

Menurut WA, chat goup ialah cara yang baik untuk tetap menjalin komunikasi dengan keluarga, sahabat, dan rekan kerja. 

Fitur-fitur Chat Grup yang disediakan WA ialah sebagai berikut:

• cara Dan Teknik membuat grup
• cara Dan Teknik menambahkan peserta
• cara Dan Teknik mengeluarkan peserta
• cara Dan Teknik tetapkan admin
• cara Dan Teknik mengubah subjek grup
• cara Dan Teknik mengubah ikon grup
• cara Dan Teknik mematikan / senyapkan pemberitahuan grup
• cara Dan Teknik keluar dari grup
• cara Dan Teknik menghapus grup

1. cara Dan Teknik membuat grup

Anda sanggup membuat grup sebanyak mungkin. Untuk membuat grup:

• Buka WhatsApp dan kunjungi layar Chatting.
• Ketuk Tombol Menu > Grup Baru.
• Masukkan subjek atau judul untuk Chat Grup. Ini akan menjadi nama grup yang sanggup dilihat oleh semua peserta.
• Tambahkan ikon untuk grup dengan mengetuk pada kotak foto kosong. Ikon ini akan ditampilkan di samping nama grup Anda pada layar Chatting.
• Ketuk Lanjut.
• Tambahkan akseptor grup dengan menentukan tombol +, atau dengan mengetik nama kontak.
• Ketuk Buat ketika Anda selesai.

2. cara Dan Teknik menambahkan peserta/member

Anda harus menjadi admin pada sebuah grup untuk sanggup menambahkan akseptor ke Chat Grup yang sudah ada. Sebuah grup sanggup mempunyai hingga 256 anggota. 

Untuk menambahkan peserta:

• Buka Chat Grup.
• Ketuk pada subjek grup.
• Ketuk icon gambar "plus-user" Tambah Peserta.
• Cari atau pilih kontak yang ingin ditambahkan ke Chat Grup.

3. cara Dan Teknik mengeluarkan peserta

Anda harus menjadi admin pada sebuah grup WA untuk sanggup mengeluarkan seorang anggota dari Chat Grup yang sudah ada. Ia harus dikeluarkan bila mengganggu dengan postingan yang tidak bermanfaat, contohnya pornografi atau malah terus-terusan promosi bisnis :)

Untuk mengeluarkan peserta:

• Buka Chat Grup.
• Ketuk pada subjek grup.
• Ketuk dan tahan pada nama akseptor yang ingin dihapus.
• Ketuk Hapus (nama) dari grup di menu.

5. cara Dan Teknik tetapkan admin Grup WhatsApp

Semua admin grup sanggup tetapkan akseptor lainnya sebagai seorang admin. Sebuah grup sanggup mempunyai sebanyak mungkin admin. Untuk tetapkan seorang akseptor sebagai admin:

• Buka Chat Grup.
• Ketuk pada subjek grup.
• Ketuk dan tahan pada akseptor yang ingin dijadikan admin.
• Ketuk Jadikan (nama) admin grup.

6. cara Dan Teknik mengubah subjek atau Nama Grup WA

Setiap akseptor grup sanggup mengubah nama grup. Untuk melakukannya:

• Buka Chat Grup.
• Ketuk pada subjek grup.
• Ketuk tombol Edit (icon pensil) di sebelah kanan ikon dan subjek grup.
• Masukkan subjek gres untuk grup, lalu ketuk OK.

7. cara Dan Teknik mengubah ikon grup

Setiap anggota grup WA sanggup mengubah ikon grup. Untuk melakukannya:

• Buka Chat Grup.
• Ketuk pada subjek grup.
• Ketuk pada ikon grup yang sudah ada > Ketuk tombol icon pensil Edit.
• Pilih untuk memakai kamera, mengambil foto dari galeri, atau mencari gambar gres di web.

8. cara Dan Teknik mematikan / senyapkan pemberitahuan grup WA

Anda sanggup mematikan atau senyapkan pemberitahuan grup untuk sebuah periode spesifik. Anda akan tetap mendapatkan pesan yang dikirimkan ke grup, tetapi ponsel Anda tidak akan bergetar atau bersuara dikala pesan gres diterima. 

Untuk senyapkan grup biar gak melibutkank:

• Buka Chat Grup.
• Ketuk Tombol Menu > Senyapkan.
• Pilih rentang waktu yang Anda inginkan.

Sebagai opsi tambahan, pastikan opsi Tampilkan pemberitahuan tidak dicentang semoga pemberitahuan tidak ditampilkan di slider.

9. CARA KELUAR DARI GRUP WA

cara Dan Teknik Keluar dari Grup WhatsApp (WA) ini paling banyak dicari. Tips Favorit!

Jika Anda keluar dari grup, Anda akan dikeluarkan dari grup, tetapi tetap sanggup melihat grup tersebut di layar daftar Chatting Anda dan membaca riwayat percakapan grup.

Jika Anda ialah satu-satunya admin grup dan Anda keluar dari grup, seorang akseptor akan dipilih secara acak untuk menjadi admin yang baru. 

Untuk keluar dari grup:

• Kunjungi layar Chatting di WhatsApp.
• Ketuk dan tahan pada nama grup.
• Ketuk Keluar dari Grup.

10. cara Dan Teknik menghapus grup WA

Setelah dan sudah Anda keluar dari sebuah grup, Anda akan melihat opsi untuk menghapus grup. 

Ketika Anda menghapus grup, Anda tidak akan lagi melihat grup tersebut di layar daftar Chatting Anda dan riwayat percakapan grup akan dihapus.

Untuk menghapus Grup WA:

• Kunjungi layar Chatting di WhatsApp.
• Ketuk dan tahan pada nama grup.
• Ketuk Hapus Grup.

Demikian cara Dan Teknik Membuat, Menghapus, dan Keluar dari Grup WhatsApp (WA). Nah, bagaimana cara keluar semoga tidak diketahui member lain?

Gampang! Hapus (uninstall) aplikasi WA di HP Anda. Jika mau menggunakannya lagi, ganti nomor aja. Dijamin, bila tidak ada orang lain yang tahu nomor HP Anda, maka Anda tidak akan ada di Grup WA mana pun! 

Tapi ingat, ada lho ulama yang mengharamkan kita keluar dari Grup WA. Baca nih: Pasang Tombol Share WA di bawah posting blog Anda.

Gunakan instruksi cara Dan Teknik #2 ya, soalnya instruksi lain gak jalan --akibat Google Code ditutup. Good Luck & Happy Blogging! (www.contohblog.com).*

Sumber http://www.contohblog.com/

Recent Post Per Label Dengan Gambar Thumbnail Horizontal

Recent Post Per Label Dengan Gambar Thumbnail Horizontal

Blogging Desain Blog

Unknown September 22, 2016

Cara dan metode Memasang Widget Recent Post per Label dengan Gambar Thumbnail Horizontal (Image Gallery).

CARA memasang wodget Latest Post per Categroy with Image Thumbnail ini sangat mudah. Tidaka usah edit html, tapi cukup di Dashboard Blogger. Tampilannya menyerupai ini:

Anda tinggal sesuaikan saja lebar gambarnya dengan lebar template blog Anda, di bab isyarat CSS var imgDim = 146; menjadi lebih kecil atau lebih besar.

Cara dan metode Memasang Widget Recent Post per Label dengan Gambar Horizontal

1. Layout > Add a Gadget > pilih "HTML/Javascript"
2. Masukan isyarat ini:

<center>
<div id='bp_recent' style='margin-bottom:15px'></div>
<div class='bp_footer'>
<script style='text/javascript'>
var postTitleOriginal,  myLink, myDiv, myImage,mySeparator;
var    main;
var float_clear=false;
var flag = 0;
function bprecentpostswiththumbnails(json) {
for (var i = 0; i < numberOfPosts; i++) {
if (i == json.feed.entry.length) break;
var s;
    var entry = json.feed.entry[i];
    var postTitle = entry.title.$t;
    postTitleOriginal = postTitle;
    if (isNaN(titleLength) || titleLength == 0) {
        postTitle = '';
    }
    else if (postTitle.length > titleLength) postTitle = postTitle.substring(0, titleLength) + "...";
    var postUrl="";
    for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
            var commentText = entry.link[k].title;
            var commentUrl = entry.link[k].href;
        }
        if (entry.link[k].rel == 'alternate') {
            postUrl = entry.link[k].href;
            break;
        }
    }
    if (showThumbs == true) {
        var thumbUrl = "";
        try {
            thumbUrl = entry.media$thumbnail.url;
            thumbUrl = thumbUrl.replace("/s72-c/","/s"+imgDim+"-c/");
        } catch (error) {
            if ("content" in entry) s = entry.content.$t; else s="";
            if (thumbUrl == "" && mediaThumbsOnly == false) {
                 regex = /http\:\/\/www\.youtube(-nocookie){0,1}\.com\/(v){0,1}(embed){0,1}\/(([^"&?' ]*))/;
                videoIds = s.match(regex);
                if (videoIds != null) {
                    videoId = videoIds[4];
                }
                if (videoIds != null && videoId != null) thumbUrl = "http://img.youtube.com/vi/" + videoId + "/2.jpg"
            }
            if (thumbUrl == "" && mediaThumbsOnly == false) {
                a = s.indexOf("<img");
                b = s.indexOf("src=\"", a);
                c = s.indexOf("\"", b + 5);
                d = s.substr(b + 5, c - b - 5);
                if ((a != -1) && (b != -1) && (c != -1) && (d != "")) thumbUrl = d;
            }
        }
        if(thumbUrl.indexOf("static.flickr.com")!=-1) {thumbUrl= thumbUrl.replace("_b_t.jpg","_s.jpg");thumbUrl= thumbUrl.replace("_m_t.jpg","_s.jpg");thumbUrl= thumbUrl.replace("_s_t.jpg","_s.jpg");
        thumbUrl= thumbUrl.replace("_b.jpg","_s.jpg");thumbUrl= thumbUrl.replace("_m.jpg","_s.jpg");}
        if (thumbUrl == "" && showNoImage == true)
        {
        thumbUrl = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd4VlTVx6uOXc2SsRgCSA1u1HkyLZqNNiBMRwNE5NtKJxDZ0hOU8L3LrF4y7lsfPu1L8kUsvki8tD0NW93MPKGsDI2Q0eeMY-xGg2YMFGC_YbncAFbj8xFKevDkvIDaLhQpYwQgW6PfHqC/s1600/default.png";
        try{if(defaultImage!="") thumbUrl=defaultImage;}catch(error){}
        thumbUrl = thumbUrl.replace("/s72-c/","/s"+imgDim+"-c/");
        }
    }
    if (showPostDate == true) {
        var postdate = entry.published.$t;
        var cdyear = postdate.substring(0, 4);
        var cdmonth = postdate.substring(5, 7);
        var cdday = postdate.substring(8, 10);
        var monthnames = new Array();
        monthnames[1] = "Jan";
        monthnames[2] = "Feb";
        monthnames[3] = "Mar";
        monthnames[4] = "Apr";
        monthnames[5] = "May";
        monthnames[6] = "Jun";
        monthnames[7] = "Jul";
        monthnames[8] = "Aug";
        monthnames[9] = "Sep";
        monthnames[10] = "Oct";
        monthnames[11] = "Nov";
        monthnames[12] = "Dec";
    }
    code = "";
        main = document.getElementById('bp_recent');
        myDiv = document.createElement('div');
        myDiv.setAttribute("class", "bp_item_title");
        myLink = createLink(postUrl,"_top",postTitleOriginal)
        if(main.innerHTML!=""){
        mySeparator = createDiv("bp_recent_separator");
        main.appendChild(mySeparator)
        }
        if(postTitle != ''){myDiv.appendChild(myLink);}
        main.appendChild(myDiv);if(postTitle != '')myLink.innerHTML = postTitle;

    if (showThumbs == true && thumbUrl != "") {
        myImage = document.createElement('img');
        myImage.setAttribute("src", thumbUrl);
        if(imgFloat!="none")
        {
        float_clear=true;
        myImage.style.cssFloat=imgFloat;
        myImage.style.styleFloat=imgFloat;
        }
      try{if(myMargin!=0)myImage.style.margin = myMargin+"px";} catch(error){}
        myImage.setAttribute("alt", postTitleOriginal);
        myImage.setAttribute("width", imgDim);
        myImage.setAttribute("height", imgDim);
        myLink = document.createElement('a');
        myLink.setAttribute("href", postUrl+"?utm_source=bp_recent&utm-medium=gadget&utm_campaign=bp_recent");
        myLink.setAttribute("target", "_top");
        myLink.setAttribute("title", postTitleOriginal);
        myLink.appendChild(myImage);
        myDiv = document.createElement('div');
        myDiv.setAttribute("class", "bp_item_thumb");
        myDiv.appendChild(myLink);
        main.appendChild(myDiv);
    }
 try {
        if ("content" in entry) {
            var postContent = entry.content.$t;
        }
        else if ("summary" in entry) {
            var postContent = entry.summary.$t;
        }
        else var postContent = "";
        var re = /<\S[^>]*>/g;
        postContent = postContent.replace(re, "");
        if (showSummary == true) {
            myDiv = createDiv("bp_item_summary");
                if (postContent.length < summaryLength) {myDiv.appendChild(document.createTextNode(postContent));}
            else {
                postContent = postContent.substring(0, summaryLength);
                var quoteEnd = postContent.lastIndexOf(" ");
                postContent = postContent.substring(0, quoteEnd);
                myDiv.appendChild(document.createTextNode(postContent + '...'));
            }
            main.appendChild(myDiv);
        }
    } //end try
    catch (error) {}
    myDiv =  createDiv("bp_item_meta");
    myDiv.style.clear="both";
    myDiv.style.marginBottom="4px";
    if (showPostDate == true) {
        myDiv.appendChild(document.createTextNode(monthnames[parseInt(cdmonth, 10)] + '-' + cdday + '-' + cdyear));
        flag = 1;
    }
    if (showCommentCount == true) {
        if (flag == 1) {
            myDiv.appendChild(document.createTextNode(" | "));
        }
        if (commentText == '1 Comments') commentText = '1 Comment';
        if (commentText == '0 Comments') commentText = 'No Comments';
        var myLink = createLink(commentUrl,"_top",commentText + " on " + postTitleOriginal)
        myDiv.appendChild(myLink);
        myLink.innerHTML=commentText;
        flag = 1;;
    }
    if (showReadMore == true) {
        if (flag == 1) {
            myDiv.appendChild(document.createTextNode(" | "));
        }
        var myLink = createLink(postUrl,"_top",postTitleOriginal)
        myDiv.appendChild(myLink);
        myLink.innerHTML = readMore+" &raquo;";
        flag = 1;;
    }
    if (flag == 1) main.appendChild(myDiv);
}
if(float_clear==true && imgFloat!="none")
{
myDiv = createDiv("bp_clear_float");
myDiv.style.clear=imgFloat;
main.appendChild(myDiv);
}
document.getElementById("bp_recent_link").style.backgroundImage="url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY5U16R5p6EVHXOPXgJggSk2BoAQJ4JxZX0EYTSWfsRlbC1KMndU3TnPhwlTwhSaUJdqLaU7w_0xL5Ejd513clnkGtB-AtQk7A7WY8wNIBadFTdGOdRuBh8WGKKciLK_Pcy-toUimAUYde/s1600/blogger-widgets.png')";
document.getElementById("bp_recent_link").style.backgroundRepeat="no-repeat";
try{
if(myMargin!=0 && imgFloat=="left" && flag==0) document.getElementById("bp_recent_link").style.marginLeft = myMargin+"px";
} catch(error){}
}
function createDiv(className)
{
var myDiv = document.createElement('div');
myDiv.setAttribute("class", className);
return myDiv;
}
function createLink(href,target,title)
{
var myLink = document.createElement('a');
        if(href.substring(href.length-13,href.length)=="#comment-form") {href= href.substring(0,href.length-13)+"?utm_source=bp_recent&utm-medium=gadget&utm_campaign=bp_recent"+"#comment-form";myLink.setAttribute("href", href);}
        else myLink.setAttribute("href", href+"?utm_source=BP_recent&utm-medium=gadget&utm_campaign=bp_recent");
        myLink.setAttribute("target", target);
        myLink.setAttribute("title", title);
        return myLink;
}
</script>
<script style='text/javascript'>
 var numberOfPosts = 4;
 var showPostDate = false;
 var showSummary = false;
 var titleLength = 0;
 var showCommentCount = false;
 var showThumbs = true;
 var showNoImage = true;
 var imgDim = 146;
 var imgFloat = 'left';
 var myMargin = 5;
 var mediaThumbsOnly = true;
 var showReadMore = false;
</script>
<script src='/feeds/posts/default/-/Tips?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'>
</script></div></center>

3. Ganti Label Tips dengan Label posting yang akan ditampilkan.
4. Save!

Kini mestinya Recent Post per Label dengan Gambar Thumbnail Horizontal (Image Gallery) sudah muncul di blog Anda. Good Luck & Happy Blogging! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Pengertian Font Awesome Dan Cara Dan Metode Menggunakannya Di Blogger

Pengertian Font Awesome Dan Cara Dan Metode Menggunakannya Di Blogger

Desain Blog

Unknown September 14, 2016

Pengertian Font Awesome dan cara Dan Teknik Menggunakannya di Blogger

FONT Awesome adalah abjad dan/atau angka yang membentuk gambar dalam desain blogger atau website. Itu pengertian font awesome secara praktis.

Secara harfiyah, font awesome artinya 'huruf yang mengagumkan'.

Menurut Wikipedia, Font Awesome is a font and icon toolkit based on CSS and LESS. It was made by Dave Gandy for use with the Twitter Bootstrap, and later was incorporated into the Bootstrap CDN. Font Awesome has a 20% market share among those websites which use third-party Font Scripts on their platform, ranking it on a second place after Google Fonts.

Font Awesome ialah font ikonik. Icon-icon yang dipakai berbasis gambar vector yang dapat diatur ukurannya sesuai ukuran font. 

Trend desain widget blogger era sekarang banyak memakai font awesome ini. Misalnya, Icon Media Sosial di Sidebar atau Tombol Social Share.

Navigasi Menu juga dapat dipercantik dengan memakai font awesome, menyerupai Menu Desain Blog di atas yang ada gambar tangnya.

Lihat Daftar Font Awesome:

• Daftar Kode Font Awesome CB
• Daftar Kode Font Awesome Lengkap

cara Dan Teknik Menggunakan Font Awesome

Sudah sangat banyak blogger yang membuatkan cara memakai Fony Awesome. Silakan buka Google dan ketik saja cara memakai font awesome, maka akan banyak pake banget posting sehubungan hal itu.

Yang jelas, salah satu langkahnya, untuk memakai "huruf mengagumkan" ini, ialah dengan memasang link CSS Font Awesome yang umumnya menyerupai ini:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

Pasang arahan tersebut di bawah <head> atau di atas </head>

Kalau CB biasa memasangnya dengan cara yang fast loading: cara Dan Teknik Pasang Google Font & Awesome Fast Loading.

pola dan cara paling umum pemanfaatan font awesome ialah untuk mengganti link HOME menjadi ikon gambar rumah, menyerupai ini:

<i class="fa fa-home"></i>

Hasilnya:

cara Dan Teknik Lain Menggunakan Font Awesome
cara Dan Teknik memakai font awesome dengan arahan <i class='font awesome'/> di atas untuk per elemen atau manual.

Jika ingin otomatis, contohnya untuk mempercantik judul widget di sidebar (h2), maka pemanfaatanya di arahan css menyerupai di bawah ini. Yang digunakannya arahan abjad dan angka, bukan arahan nama font menyerupai di atas.

.sidebar h2:before {
    content: "\f02e"; 
    font-family: FontAwesome;
    text-decoration: inherit;
    padding-right: 0.5em;
    color:#616161;
    left: 0;
}

Lihat DEMO

Demikian ulasan ringkas sehubungan pengertian Font Awesome dan cara Dan Teknik Menggunakannya. Good Lukc & Happy Blogging! (http://www.contohblog.com).*

Video cara Dan Teknik Install dan Memasang Font Awesome

Sumber http://www.contohblog.com/

Cara Dan Teknik Memasang Link Media Umum Di Bawah Posting Blog

Cara Dan Teknik Memasang Link Media Umum Di Bawah Posting Blog

Desain Blog Media Sosial

Unknown September 09, 2016

cara Dan Teknik Memasang Link Media Sosial di Bawah Posting Blog untuk Social Media SEO.

MEDIA SOSIAL (Socia Media) memegang tugas penting dalam mempopulerkan blog. Publikasi posting di media sosial bahkan termasuk teknik SEO yang dikenal dengan sebutan Social Media Optimization (SMO) dan "Social Signal".

Memasang link media umum di blog juga yakni teknik meningkatkan likers atau follower, yang nantinya efek juga ke jumlah pengunjung blog.

Berikut ini cara Dan Teknik Memasang Link Media Sosial di Bawah Posting Blog yang kodenya diambil dari Memasang Kotak Berlangganan Simple plus Media Sosial di Sidebar Blog. pola dan cara atau demonya ada di bawah posting ini.

Tentu saja, sebelum memasang link medsos di blog ini, Anda sudah harus punya dulu akun media sosialnya, terutam Facebook, Twitter, Google Plus, dan Feedburner.

cara Dan Teknik Memasang Link Media Sosial di Bawah Posting Blog

1. Template > Edit HTML
2. Copas isyarat berikut ini di bawah isyarat <div class='post-footer-line post-footer-line-1'> atau <div class='post-footer-line post-footer-line-2'> atau di bawah <data:post.body/> yang kedua atau ketiga.

<div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>Follow us on:</div>
<div style='margin: -32px 0 0 120px;'>
<a href='https://facebook.com/cbblogger' target='_blank' title='Join us on Facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzeX5dPozbn15BFQYN70Ejt09VDFnJXrVtarOiuh1rDjsJOcBAmv9YM1j6ehkDJlU_ikAkgamvIYDFFG7MNy8TsW5_WdtuUJ0Jv53L3SRM3C9QikzKAuHeT0HJWjIBdORLXBnvC2lwFME/s32/facebook500.png'/></a>
<a href='https://twitter.com/contohblogcb' rel='nofollow' target='_blank' title='Follow us on Twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKbe986fnCETb2crc1T2aDGMrvwKwBGTOLwXNxZmIVtOOoQLU3NRO0C1vaZWPNukNOX-gtMzkI8YDLFVgXX0nyafpAaAqRDCcIR9BAXCyhzRgt8dByHgXjRXLQ9-1vZ1k8n4UpmpqW0jA/s32/twitter.png'/></a>
<a href='https://plus.google.com/106869251529186655236' rel='nofollow' target='_blank' title='Follow us on Google+'><img alt='gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi30O7S427Y8cpXLsIYUlLWCBEa6nG9jyr28LfVZm_NTrxqrvZ-aAvFno-o5x-qjqeA-J1I3vDeH8nITgatgLQ6lMCbsEFcb4ftJOxW_gWPzdRkI-x8jB7iGsBSf-OOqrxM6_oH6AK2eMY/s32/googleplus-revised.png'/></a>
<a href='https://feedburner.google.com/fb/a/mailverify?uri=contohblognih' rel='nofollow' target='_blank' title='Subscribe to RSS'><img alt='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZesG0DB3b70lukJ6l_D8rJzifinAl_8ZSIzss4WHtYt7Q4Qzm3wmVa2hUCHKTOB9CmtJVwwjEJKb8NQVWI62-z5ENTBeXLBm3lPfEVfvJ6P0k_3-6RqFhkScVCt8kmY5p9Do10dMruOs/s32/rss.png'/></a>
</div>
</div>

3. Ganti teks warna merah dengan kepunyaan Anda.
4. Save!

Kini Link Media Sosial di Bawah Posting sudah terpasang di blog Anda. Good Luck! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Teknik Memasang Tombol Social Share Di Halaman Statis Blog

Cara Dan Teknik Memasang Tombol Social Share Di Halaman Statis Blog

Desain Blog Media Sosial

Unknown September 08, 2016

cara Dan Teknik Memasang Tombol Share Twitter, Facebook, dan Google Plus di Halaman Statis Blog

UMUMNYA, social share button, yaitu tombol bagikan ke Facebook, Twitter, Google Plus, dll. Istimewa untuk muncul di halaman posting (single post). Tidak tampil di halaman statis (static page), contohnya halaman About, Kontak, Disclaimer, dan sebagainya.

Itu alasannya ialah umumnya, tips-tips social share button memakai Tag Kondisional halaman dalam saja, yaitu isyarat <b:if cond='data:blog.pageType == &quot;item&quot;'>

Misalnya menyerupai ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Kode Social Share di Sini -->
</b:if>

cara Dan Teknik Memasang Tombol Social Share di Halaman Statis Blog

Bagaimana jikalau ingin memunculkan tombol social share juga di halaman statis? Gampang banget.

Ganti saja Tag Kondisionalnya menjadi tag yang memunculkan social share button di halaman posting sekaligus halaman statis, yaitu <b:if cond='data:blog.url != data:blog.homepageUrl'>

pola dan cara nya:

<b:if cond='data:blog.url == data:post.url'> 
<!-- Kode Social Share di Sini -->
</b:if>

Jika Anda memakai kode Tombol Social Share yang sudah CB bagikan, maka tinggal ganti saja kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dengan <b:if cond='data:blog.url == data:post.url'> .

Demikian catatan singkat sehubungan cara Dan Teknik Memasang Tombol Social Share di Halaman Statis Blog selain di halaman posting. Good Luck & Happy Blogging! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/

Cara Dan Metode Menciptakan Judul Posting Blog Dropdown

Cara Dan Metode Menciptakan Judul Posting Blog Dropdown

Desain Blog

Unknown September 07, 2016

Cara dan metode Membuat Judul Posting Blog Dropdown. Saat link judul diklik, tidak membuka halaman baru, tapi membuka isi tulisan.

Demonya ada di Template Blog Help Desk. Silakan klik judul di sana, akan kebuka isi tulisan, tanpa membuka halaman gres (Single Post).

Penampakan Judul Halaman Depan.

Penampakan Judul & Isi Posting Sesudah Diklik.*

Kalau Anda berminat memakai template tersebut, ada di Template Magazine Terbaru.

CB belum tahu apa nama istilah desain judul posting model unik begini. Yang jelas, di kodenya sih ada nama Archiv Post Head. Kita sebut saja desain Judul Posting Dropdown atau Toggle Post.

Jika blog judul-judul posting blog halaman depan Anda mau dibentuk menyerupai Help Desk itu, diklik judul keluar isi berita, maka berikut ini cara memasangnya:

1. Template > Edit HTML
2. Copas arahan berikut ini di atas arahan </head> atau </body>

    <script type='text/javascript'>
      //<![CDATA[
      $(document).ready(function(){
        $('.archivposthead').click(function(){
          postId = $(this).attr("id");
          $('#summary'+postId).toggle();
          link = $(this).attr("href");
          window.history.pushState("Just browsing", "Title", link);
          return false; 
        });
      });
      //]]>
    </script>

3. Cari arahan judul posting halaman depan. Bisanya menyerupai ini:

<h2 class='post-title entry-title'>
                            <a expr:href='data:post.url' expr:id='data:post.id'>
                              <data:post.title/>
                            </a>
                          </h2>

4. Tambahkan kode class='archivposthead' menjadi begini:

<h2 class='post-title entry-title'>
                            <a class='archivposthead' expr:href='data:post.url' expr:id='data:post.id'>
                              <data:post.title/>
                            </a>
                          </h2>

5. Save Template!

Selesai. Good Luck! (http://www.contohblog.com).*

Sumber http://www.contohblog.com/

Memasang Widget Daftar Posting Terbaru Di Halaman Dalam Dan Statis

Memasang Widget Daftar Posting Terbaru Di Halaman Dalam Dan Statis

Desain Blog

Unknown September 06, 2016

Cara dan metode Memasang Widget Daftar Posting Terbaru di Halaman Dalam dan Statis

WIDGET Recent Posts, Latest Post, Posting Terbaru, atau Artikel Terbaru sebaiknya cukup muncul di halaman dalam (single post) dan halaman statis saja.

Kalau halaman depan (homepage) 'kan umumnya sudah ada daftar posting terbaru. Nah, semoga tidak terjadi "link ganda", juga mempecepat loading blog, sebaiknya widget recent posts cukup muncul di halaman dalam dan halaman statis, menyerupai di Blog CB ini.

Cara dan metode Memasang Widget Daftar Posting Terbaru di Halaman Dalam dan Statis

Cara dan metode mengatur widget tampil di mana saja sesuai kebutuhan dan keinginan, harus memakai Tag Kondisional Blogger.

Langkahnya:
1. Pasang Dulu Widget Recent Postnya (Baca: Cara dan metode Pasang Recent Post di Blogger).
2. Pasang Tag Kondisional: Template > Edit HTML
3. Cari widget yang gres dipsang tadi, contohnya menyerupai ini:

   <b:widget id='Feed4' locked='false' title='Terbaru' type='Feed' version='1' visible='true'>
     <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
  </b:includable>
   </b:widget>

4. Tambahkan tag kondisional <b:if cond='data:blog.url != data:blog.homepageUrl'> dan arahan penutupnya: </b:if>
 
Hasilnya menyerupai ini:

   <b:widget id='Feed4' locked='false' title='Terbaru' type='Feed' version='1' visible='true'>
     <b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
       </b:if>
  </b:includable>
   </b:widget>

Kode Tag Kondisional yang ada di no. 4 juga dapat dipakai untul widget atau elemen blogger lainnya.

Demikian Cara dan metode Memasang Widget Daftar Posting Terbaru di Halaman Dalam dan Statis. Good Luck & Happy Blogging! (http://www.contohblog.com).*


Sumber http://www.contohblog.com/