I'm answering this from first principles as I also haven't been able to find a source illustrating the case of negative externalities in both production and consumption.
The price-quantity diagram needs 4 curves, marginal private cost (= supply) intersecting marginal private benefit (= demand) at the market equilibrium with quantity $Q_e$, and marginal social cost intersecting marginal social benefit at the social optimum with quantity $Q_{opt}$:

To identify the welfare loss we need to consider the status of the various labelled areas.
- Areas A,B,C,D,E,F are between the MPB and MPC curves, so form the private surplus, that is, the combined consumer surplus and producer surplus.
- Areas C,E,F,G are between the MPC and MSC curves, so represent the social loss due to the negative production externality.
- Areas A,D,F,H are between the MSB and MPB curves, so represent the social loss due to the negative consumption externality.
Note that area F represents a double social loss.
The net social surplus at the market equilibrium is therefore (A + B + C + D + E + F) - (C + E + F + G) - (A + D + F + H) = B - F - G - H. But at the social optimum, the net social surplus is B, the area between the MSB and MSC curves.
Therefore the welfare loss due to the externalities is the net social surplus at the welfare optimum less the net social surplus at the market equilibrium which is B - (B - F - G - H) = F + G + H, the shaded area.
The diagram also shows the total negative externality per unit, on the assumption that, as shown, the private and social curves are parallel on both the cost and benefit sides (if they are not parallel, then total negative externality per unit will be different at different quantities).